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

如何在Adobe Illustrator绘制一幅节日冬景图

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

在本次教程,你将学会如何在Adobe Illustrator使用网格工具,创建一幅矢量冬夜背景图!

如果你想直接跳过本教程,能够直接使用带有其他不错元素的背景图,你可以在GraphicRiver上的冬日圣诞夜景中购买到。

Christmas Evening Winter Landscape
冬日圣诞夜景图

1.如何画背景

步骤1

我们开始使用网格!

先来画一个矩形,用#4B6471进行填充,借助网格工具(U)给这个形状手动添加节点创建网格。

一旦网格完成之后,选中底部一排的,以及中间一排的节点,将颜色改为#8A9BA2

继续对顶部和侧边,使用#253B4B进行填充,从上面数第二排中间的节点用#385260填充。

最后,将底部的节点颜色改为#D2DAD9

draw mesh background

步骤2

我们继续来画雪丘。

画一个颜色为#F6F7F2的矩形,然后使用网格工具(U)添加节点。移动这些节点形成一个弯曲的形状,尽量和下图保持一致。

最后,将选中的锚点颜色用#D0DFE4填充。第一个小丘就完成了!

mesh snow hill

步骤3

使用之前同样的方法画出第二个小丘,使用下面这些颜色:

  1. #E1EBEC
  2. #C0D1D8
  3. #F6F7F2
draw mesh snow

步骤4

最后,使用类似的流行色画出第三个雪丘。

  1. #CBD8DE
  2. #F4F6F1
draw snow hill

步骤5

将这些雪丘依次叠放在各自的顶部,第一个放在最前面,第三个是、放在最后面。

让他们互相重叠放置,和下截图相匹配!

arrange hills

步骤6

将雪丘放在背景的底部!

place hills

2. 如何画路灯

步骤1

我们接着来画路灯。

使用钢笔工具(P)画轮廓的一半,然后使用对象>变形>镜像,点击复制得到另一半,把它们连接在一起。

draw half

步骤2

选中这两半,点击路径查找器里面卖的联集按钮,创建路灯的整个轮廓。

reflect the lamp

步骤3

使用钢笔工具(P),还有一些小椭圆(椭圆工具,L)画出路灯透明的表面。

将这些形状放在轮廓顶部,全选,使用路径查找器里面卖的减去顶层把它们“截切”出去。

crop out the lamp

步骤4

选中得到的形状,应用一个从#2A1800#DFCFD9 再到 #2A1800线性渐变

gradient

步骤5

使用钢笔工具(P),,画一个如下图所示的装饰性螺旋。

描边面板内,将描边属性改为下图的参数。

change stroke profile

步骤6

画一个小椭圆,把它加在曲线的两端。

选中曲线,打开对象>扩展外观,然后选中所有对象,点击路径查找器里的联集,将它们合并,将颜色改为#453A2E

finish curve

步骤7

将灯和装饰部分放在一起。

add curve to lamp

步骤8

我们来画路灯柱!使用我们刚刚学会的网格。

  1. -
  2. #100804
  3. #7F7460
  4. #5A503E
draw lamppost with mesh

步骤9

同样的方法,画出灯柱的第二部分。

  1. -
  2. #100804
  3. #362C1B
  4. #796F5A
more mesh

步骤10

画出底座。

  1. -
  2. #100804
  3. #665B48
  4. #3B2E22
base of post with mesh

步骤11

画一个颜色为#110600的圆角形状,然后打开效果>变形>弧形把它弯曲,使用-20%的弯曲值

打开对象>扩展外观

warp object

步骤12

使用网格对形状进行调色。

  1. #413629
  2. #6F6452
  3. #54493A
mesh

步骤13

调整这个形状的副本大小。

three copies

步骤14

将柱子连接子一起,添加我们刚绘制的环形。

join lamppost

步骤15

最后,将灯放在顶部。

add lamps

3. 如何点亮灯

步骤1

现在我们画好了轮廓,是时候给灯添加灯光了!

先画一个细窄的椭圆,添加一个从#FFFF7F#000000径向渐变

draw ellipse

步骤2

在顶部放置一个椭圆的副本,调整透明属性,选择屏幕79%

把它复制一个,对它进行旋转,调小一点。

more ellipse

步骤3

画一个同样渐变的细长椭圆。

another gradient ellipse

步骤4

再顶部创建一个副本,形成一个十字架。将不透明度改为61%透明模式改为屏幕

add one more

步骤5

画一个圆,使用同样的径向渐变。再次使用混合模式屏幕,现在95%的不透明度

gradient circle

步骤6

将所有的元素互相叠加在一起,创建一束光焰。

join flare

步骤7

使用混合模式屏幕一个从 #FFFFFF #FFB500 再到 #000000径向渐变,为光画最后一个椭圆。

gradient ellipse

步骤8

将第一束灯光放在路灯轮廓的后面,将最后一个椭圆放在顶部。

place light

步骤9

给两盏灯添加灯光。

both lamps

步骤10

为即将到来的景色创建更多路灯副本。

add copies

4. 如何添加树木和雪花

步骤1

我们先来画树木!

学会如何来画树枝,我们将使用本次教程第二部分的方法。现在画树干,填充颜色为#544E48,开始添加更多树枝的副本,如下图所示。

add branches to tree

步骤2

添加更多树枝完成整棵树。

finish tree

步骤3

将所有的树枝复制一个,画另外一个树干。

another tree

步骤4

给第二棵树根据更多树枝。

add more branches

步骤5

画一个从 #FCFC98 #000000径向渐变作为高光,将不透明度改为70%透明模式为屏幕

gradient highlight

步骤6

创建几个树木的副本,在后面添加高光。

copies of trees

步骤7

把树木和灯放在背景上。

add to background

步骤8

画两个一样的圆。一个用#ACB99A填充,另一个用一个从#020200到白色的径向渐变

将两个圆的不透明模式改为屏幕

two circles

步骤9

将绿色的圆放在渐变的下面,然后选中这两个圆,使用透明度面板内的创建蒙版,点击剪切置入蒙版

transparency mask

步骤10

给背景的顶部添加这些高光。

add highlights

步骤11

怎么添加雪花,参考这个教程

add snow

步骤12

在最顶部画一个矩形,将你想要显示在最终图内的内容“框选”出来。

draw outline

步骤13

选中所有元素,右击,选择创建切剪切蒙版

make clipping mask

步骤14

完成了!

final picture

不错,你现在完成了!

现在呢?你可以尝试去画我个人主页上的其他教程。或者到我们的GraphicRiver个人主页上看一看,或者我们在本次教程重建的最初矢量元素。

我希望你们喜欢本次教程,如果能在评论下方看到你们的作品,我会非常开心的!

Christmas Evening Winter Landscape
平安夜冬日背景图
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.