Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Nature
Design

如何在Adobe Illustrator中创建度假海滩背景

by
Difficulty:IntermediateLength:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by Season Chou (you can also view the original English article)

Final product image
What You'll Be Creating

在本教程中,您将学习如何使用网格工具创建带有度假场景的夏季背景!

如果您想跳过本教程并购买带有更多元素的最终结果,请前往GraphicRiver购买度假背景

度假背景

1.如何绘制棕榈树

步骤1

让我们开始画茎!使用钢笔工具(P),绘制如下所示的曲线,然后相应地更改其笔画轮廓

最后,将径向渐变应用于描边。它应该从#D3D991#5A6B00#576900

draw stem

步骤2

继续执行对象>扩展外观,以创建一个对象。

expand appearance

步骤3

绘制另一条线,用#7C9808对其描边着色,然后将轮廓应用到它。

接下来,转到对象>扩展外观

draw leaf

步骤4

我们将用网格修改这个对象!

使用网格工具(U)并将几个节点放置到该对象上,如下所示,以创建一个网格。然后,选择下面的节点并用#75840A重新着色它们。

继续使用#B2AE5B#91AB11颜色对网格进行着色。

mesh

步骤5

取出完成的物体并转到效果>变形>弧形。将弯曲设置为7%,然后展开对象的外观

warp leaf

步骤6

制作一个较小的副本,然后创建副本,然后使用编辑>编辑颜色>调整色彩平衡,将红色设置为8%。在这个步骤之后,您应该有三个不同的叶子。

recolor leaf

步骤7

把这些叶子添加到我们之前制造的茎中,形成一个棕榈叶。

assemble leaf

步骤8

取一个成品叶的副本,并使用效果>变形>弧形进行扭曲。使用这些值:

  • 弯曲:8%
  • 水平扭曲:-2%
  • 垂直扭曲:-12%

不要忘记扩展结果的外观

bend leaf

步骤9

创建我们制作的第一片叶子的另一个副本,并使用编辑>编辑颜色>调整色彩平衡。使用这些:

  • 红色:-15%
  • 蓝色:-16%
recolor

步骤10

取出我们刚制作的叶子,应用效果> 变形> 凸出

  • 弯曲:22%
  • 水平扭曲:-18%
  • 垂直扭曲:-8%

扩展外观

warp leaf

步骤11

进一步修改叶子,现在使用效果>变形>弧形

  • 弯曲:24%
  • 水平扭曲:-2%
  • 垂直扭曲:-12%

不要忘记扩展结果的外观

bend leaf

步骤12

把我们做的叶子铺设起来。

create leaves

步骤13

画一个轮廓,保留你想要看到矩形内的部分叶子。

crop leaves

步骤14

选择所有内容,单击鼠标右键,然后选择建立剪切蒙版

clipping mask

步骤15

我们的叶子完成了!

result

2.如何画海与沙滩

步骤1

对于这一步,您需要下载本教程的附件。您将能够在右侧边栏中找到它。

在Adobe Illustrator中打开sea.jpg并将图像拖入您的矢量文件中。调出图像描摹面板(可以通过窗口)并将颜色数量更改为3。描摹图像。

image trace

步骤2

获取跟踪结果,然后取消分组,直到剩下不同的元素。

ungroup

步骤3

通过选择一个彩色元素并单击选择>相同>填充颜色,将大海分为不同的颜色。

select same colors

步骤4

您会得到三个不同的元素层。保留用#38D8F4#11B9D7着色的元素,但删除所有用#5CEAFC着色的元素,而不是创建一个填充该颜色的完整矩形。

创建一个中间层的副本并放在后面。

divide into colors

步骤5

将这些图层合并到一个背景中。

assemble sea

步骤6

绘制一个新的矩形,填充#88DEE5,然后抓取网格工具(U)并添加几个网格节点。

#E7EFF0为对象的下排着色,然后添加更多节点并用#CFEBED对新行着色。

通过使用网格工具拖动节点来修改对象的形状。给它一个有机的,波浪形的形状。

draw mesh sea

步骤7

选择对象顶部和底部的节点,将其不透明度更改为0%

adjust opacity

步骤8

开始用网格绘制沙子

  1. #E7D9BD
  2. #CBA880
  3. #FFFFFF
draw sand with mesh

步骤9

组装海岸线。

coastline

步骤10

拿走我们在第4步中制作的副本。在纹理的上半部分绘制一个矩形轮廓,然后进入路径查找器>裁剪以剪出其中的一部分。

crop

步骤11

删除它的一些部分,使其看起来更有机。

ajust texture

步骤12

从纹理中创建一个艺术画笔

art brush

步骤13

画一条线,并将新的画笔应用到它。 

使用#EFEFEF颜色并将其描边设置为0.5pt

add brush

步骤14

扩展对象的外观,然后将其设置为滤色50%不透明度

set screen

步骤15

把它放在海岸线上。

place brush

3.如何绘制天空和云彩

步骤1

用网格画出天空。

  1. #53A0D0
  2. #FFFFFF
  3. #88C0E1
  4. #89C2E0
draw sky with gradient mesh

步骤2

使底部行透明。

transparent

步骤3

用网格绘制云。

  1. #000000
  2. #808080
  3. #535353
  4. #353535
draw cloud

步骤4

将对象设置为滤色

screen

步骤5

覆盖一些云的副本。

clouds

步骤6

将天空和云层添加到背景中。

add sky

步骤7

加入棕榈叶。

add leaves

步骤8

您也可以画一个从白色到黄色到黑色的径向渐变的太阳。在对象上使用滤色

add sun

步骤 9

将太阳添加到天空中。 

您还可以添加透明的滤色高亮显示 - 了解如何在窗口框架教程的最后一部分创建这种高亮显示。

add highlights

步骤10

最后,学习如何在本教程中绘制拖鞋!

flip flops

恭喜你,你现在完成了!

现在怎么办?您可以从我的个人资料中尝试我的任何其他教程,或查看GraphicRiver上的投资组合,以及我们在本教程中重新创建的原始图像

我希望你喜欢这篇教程,我将非常高兴地看到下面评论中的任何结果!

original image
度假背景
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.