Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool

如何在Adobe Illustrator中创建暑假背景

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

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

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

如果你想跳过这个教程,并希望购买最终结果与一些更多的元素,转到GraphicRiver购买海滩,棕榈树和方向标志

Beach SceneBeach SceneBeach Scene
棕榈树和方向标志的海滩

1.如何创建一个帽子

步骤1

让我们从创造一个帽子开始吧!在本教程中,我将首次介绍使用网格的过程。

首先,创建一个椭圆,填充它#EFE9D4

接下来,通过单击节点应该位于的位置,抓住网格工具(U)并在椭圆上创建一个网格。使用颜色#D4C6AF,在下面的截图中选择节点的颜色。

继续添加更多的节点,并着色它们如下图所示。你将需要这些颜色:

  1. #EFE9D4
  2. #D4C6AF
  3. #BCA88F
  4. #D8CCB5
  5. #F4EFDA
the rim of the hatthe rim of the hatthe rim of the hat

步骤2

恭喜,我们已经做了第一个网格对象!

以类似的方式制作帽子的另一部分。您还可以用网格修改形状,拖动周围的节点,如下图所示。

你将需要这些:

  1. #D8CAB0
  2. #F0EAD8
  3. #ECE0BE
  4. #A28975
  5. #D0BFA6
  6. #EFE9D7
  7. #827666
the front part of the hatthe front part of the hatthe front part of the hat

步骤3

同样的方式,继续帽子的另一部分。

  1. #ECDEBB
  2. #F9F5E9
  3. #D1BA9E
  4. #FCFBE8
  5. #F0EAD8
the middle of the hatthe middle of the hatthe middle of the hat

步骤4

让我们创造丝带!画一个矩形,用#6B0B10填充它。

接下来,转到效果>变形>弧形。对对象应用-20%的弯曲并移动到对象>扩展外观

see abovesee abovesee above

步骤5

着色侧边颜色#49070B以及创建一些高光,着色#920F16

see abovesee abovesee above

步骤6

将帽子从我们在前面步骤制作的部分组装起来。

assemble hatassemble hatassemble hat

步骤7

这应该是最终的结果!

final resultfinal resultfinal result

2.如何创建沙滩椅

步骤1

首先创建和着色椅子的木制部分之一。你将需要这些颜色:

  1. #D9AA7C
  2. #E3C5A8
  3. #BB936C
  4. #B68257
  5. #C79869
  6. #E8C396
draw a wooden plankdraw a wooden plankdraw a wooden plank

步骤2

添加木板的端部。用#AF8058着色它

end of a plankend of a plankend of a plank

步骤3

创造和塑造另一块木板。用#DCAD76填充它。

wooden plankwooden plankwooden plank

步骤4

给木板涂颜色,对于子步骤13,您需要对木板的整个长度进行着色。

  1. #F9CDA2
  2. #8F6646
  3. #C89C6A
with a line where the edge iswith a line where the edge iswith a line where the edge is

步骤5

添加一个# c79a6d端部的对象。

plank endplank endplank end

步骤6

用这些颜色画椅子的第三块木板:

  1. #D6AF7E
  2. -
  3. #B2875B
  4. #996C46
  5. #E2C196
roundish wooden partroundish wooden partroundish wooden part

步骤7

在木板的末端添加一个#DEC19C形状。

plank endplank endplank end

步骤8

将我们制作的木板组装成椅子的木结构!

different partsdifferent partsdifferent parts
assemble the chair out of the parts we drewassemble the chair out of the parts we drewassemble the chair out of the parts we drew

步骤9

为椅子的布料部分画一个底座。填充#FEF1EF

cloth that would fit on the chaircloth that would fit on the chaircloth that would fit on the chair

步骤10

创建一个条纹,并填充它#7191BF

draw a blue long narrow stripedraw a blue long narrow stripedraw a blue long narrow stripe

步骤11

创建条纹的副本,并将两个条纹放在布料底座的两侧。转到对象>混合>混合选项,并将其设置为指定步骤4

选择两个条纹并应用对象>混合>建立。对结果使用对象>展开外观。

see abovesee abovesee above

步骤12

创建另一个#FEF1EF形状。

end part of the cloth looks like a tubeend part of the cloth looks like a tubeend part of the cloth looks like a tube

步骤13

绘制条纹(#7191BF)的末端。

end of a stripe so it fits on the shape we made in step 12end of a stripe so it fits on the shape we made in step 12end of a stripe so it fits on the shape we made in step 12

步骤14

步骤11类似,将混合应用于条纹并扩展外观

see abovesee abovesee above

步骤15

把两部分连在一起。

see abovesee abovesee above

步骤16

将布放在椅子的上面。

see abovesee abovesee above

步骤17

你很快就可以参考我即将发布的关于如何创建一个螺丝钉的教程(尚未发布)!

the screwthe screwthe screw

步骤18

添加螺丝钉到椅子的活动关节上。

see abovesee abovesee above

椅子完成了!现在到人字拖。

3.如何创建人字拖

步骤1

画出鞋子的轮廓并填充#EB9221

shape of a flip flop soleshape of a flip flop soleshape of a flip flop sole

步骤2

转到效果> 3D>凸出和斜角创建一个我们形状的3D版本。

使用以下设置:

  • 16°
  • -1°
see abovesee abovesee above

步骤3

选择结果,并使用对象>扩展外观来划分鞋子的两个部分。

取消分组,只选择一边,填充它#C15B25。如果改变了颜色,请填充前面#EB9221。之后你可以编组这两部分。

see abovesee abovesee above

步骤4

现在画出鞋带,用#CCC15C填充它,并将其放在人字拖上。

yellow flip flip strapyellow flip flip strapyellow flip flip strap

步骤5

让我们画一个阴影!创建一个有6列和6行的矩形网格,并使用效果>变形>弧形16%弯曲变形它。

see abovesee abovesee above

步骤6

结果扩展外观,接下来,将整个矩形变为白色,仅改变中间列网格#7a5422以创建一个阴影幻觉。

创建一个阴影的副本并放置它,使其适合于鞋带下面的人字拖。

see abovesee abovesee above

步骤7

将这两个对象的“ 不透明度 ”设置为50%,并将透明度模式设置为正片叠底

see abovesee abovesee above

步骤8

将网格移动到黄色带子的下面。它应该产生一个阴影。

see abovesee abovesee above

步骤9

编组整个人字拖,然后创建它的副本。您可以通过右键单击并选择变换>对称复制一个对称副本。

see abovesee abovesee above

步骤10

我们将“埋藏”我们的拖鞋在沙滩里,所以画一个底部有点锯齿状边缘的矩形。确保鞋子顶部的所有部分都适合您的形状。

将轮廓放在人字拖的顶部,右键单击选择所有内容创建剪切蒙版

see abovesee abovesee above

步骤11

最后,画出我们的拖鞋在沙滩上留下的阴影。

创建椭圆,用径向填充它,#C8C4AE到白色的渐变。将其透明度模式更改为正片叠底

see abovesee abovesee above

步骤12

创建副本并将其放置在原来的椭圆上,稍微偏离中心。画另一个轮廓,顶部与人字拖的底部排列。

将轮廓放在圆圈中,轮廓的顶部在我们的阴影中间。创立剪切蒙版

see abovesee abovesee above

步骤13

用拖鞋把阴影排成一行。

see abovesee abovesee above

4.如何创建背景

步骤1

绘制一个简单的白色矩形,将网格节点放在其中间,并将其前三个节点着色#A4DBED

see abovesee abovesee above

步骤2

如果你想在天空中添加云,请查看我的这个教程,学习如何创建云!

place clouds on topplace clouds on topplace clouds on top

步骤3

我们用网格画沙子。您将需要这些颜色编码:

  1. #EBD9BD
  2. #F7E8D0
  3. #E2CFB3
  4. #F4E7CF
shape it like a little islandshape it like a little islandshape it like a little island

步骤4

剩下的就是画海网。

使用这些颜色:

  1. #EBD9BD
  2. -
  3. #F0F5F8
top row is F0F5F8top row is F0F5F8top row is F0F5F8

步骤5

将海洋的不透明度改为70%透明度模式更改为正片叠底

see abovesee abovesee above

步骤6

把大海放在沙滩上,创造一个淹没岛屿的错觉。

transparent part on top of sandtransparent part on top of sandtransparent part on top of sand

步骤7

从我们之前创建的对象中排列一个场景。如果你想添加一个手提箱,就像下面的图片,看看这个教程

group of beach objectsgroup of beach objectsgroup of beach objects

步骤8

现在把你的度假用品放在岛上,你准备好了!

finished scenefinished scenefinished scene

恭喜你,你现在完成了!

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

我希望你喜欢这个教程,我会很高兴看到下面评论中的任何结果!

Beach SceneBeach SceneBeach Scene
棕榈树和方向标志的海滩
关注我们的公众号
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads