7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Nature

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

Scroll to top
Read Time: 1 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

度假背景

1.如何绘制棕榈树

步骤1

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

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

draw stemdraw stemdraw stem

步骤2

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

expand appearanceexpand appearanceexpand appearance

步骤3

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

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

draw leafdraw leafdraw leaf

步骤4

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

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

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

meshmeshmesh

步骤5

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

warp leafwarp leafwarp leaf

步骤6

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

recolor leafrecolor leafrecolor leaf

步骤7

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

assemble leafassemble leafassemble leaf

步骤8

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

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

不要忘记扩展结果的外观

bend leafbend leafbend leaf

步骤9

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

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

步骤10

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

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

扩展外观

warp leafwarp leafwarp leaf

步骤11

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

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

不要忘记扩展结果的外观

bend leafbend leafbend leaf

步骤12

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

create leavescreate leavescreate leaves

步骤13

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

crop leavescrop leavescrop leaves

步骤14

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

clipping maskclipping maskclipping mask

步骤15

我们的叶子完成了!

resultresultresult

2.如何画海与沙滩

步骤1

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

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

image traceimage traceimage trace

步骤2

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

ungroupungroupungroup

步骤3

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

select same colorsselect same colorsselect same colors

步骤4

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

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

divide into colorsdivide into colorsdivide into colors

步骤5

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

assemble seaassemble seaassemble sea

步骤6

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

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

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

draw mesh seadraw mesh seadraw mesh sea

步骤7

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

adjust opacityadjust opacityadjust opacity

步骤8

开始用网格绘制沙子

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

步骤9

组装海岸线。

coastlinecoastlinecoastline

步骤10

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

cropcropcrop

步骤11

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

ajust textureajust textureajust texture

步骤12

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

art brushart brushart brush

步骤13

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

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

add brushadd brushadd brush

步骤14

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

set screenset screenset screen

步骤15

把它放在海岸线上。

place brushplace brushplace brush

3.如何绘制天空和云彩

步骤1

用网格画出天空。

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

步骤2

使底部行透明。

transparenttransparenttransparent

步骤3

用网格绘制云。

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

步骤4

将对象设置为滤色

screenscreenscreen

步骤5

覆盖一些云的副本。

cloudscloudsclouds

步骤6

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

add skyadd skyadd sky

步骤7

加入棕榈叶。

add leavesadd leavesadd leaves

步骤8

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

add sunadd sunadd sun

步骤 9

将太阳添加到天空中。 

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

add highlightsadd highlightsadd highlights

步骤10

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

flip flopsflip flopsflip flops

恭喜你,你现在完成了!

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

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

original imageoriginal imageoriginal image
度假背景
关注我们的公众号
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.