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

1.如何画背景
步骤1
我们开始使用网格!
先来画一个矩形,用#4B6471
进行填充,借助网格工具(U)给这个形状手动添加节点创建网格。
一旦网格完成之后,选中底部一排的,以及中间一排的节点,将颜色改为#8A9BA2
。
继续对顶部和侧边,使用#253B4B
进行填充,从上面数第二排中间的节点用#385260
填充。
最后,将底部的节点颜色改为#D2DAD9
。

步骤2
我们继续来画雪丘。
画一个颜色为#F6F7F2
的矩形,然后使用网格工具(U)添加节点。移动这些节点形成一个弯曲的形状,尽量和下图保持一致。
最后,将选中的锚点颜色用#D0DFE4
填充。第一个小丘就完成了!

步骤3
使用之前同样的方法画出第二个小丘,使用下面这些颜色:
-
#E1EBEC
-
#C0D1D8
-
#F6F7F2

步骤4
最后,使用类似的流行色画出第三个雪丘。
-
#CBD8DE
-
#F4F6F1

步骤5
将这些雪丘依次叠放在各自的顶部,第一个放在最前面,第三个是、放在最后面。
让他们互相重叠放置,和下截图相匹配!

步骤6
将雪丘放在背景的底部!

2. 如何画路灯
步骤1
我们接着来画路灯。
使用钢笔工具(P)画轮廓的一半,然后使用对象>变形>镜像,点击复制得到另一半,把它们连接在一起。

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

步骤3
使用钢笔工具(P),还有一些小椭圆(椭圆工具,L)画出路灯透明的表面。
将这些形状放在轮廓顶部,全选,使用路径查找器里面卖的减去顶层把它们“截切”出去。

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

步骤5
使用钢笔工具(P),,画一个如下图所示的装饰性螺旋。
在描边面板内,将描边属性改为下图的参数。

步骤6
画一个小椭圆,把它加在曲线的两端。
选中曲线,打开对象>扩展外观,然后选中所有对象,点击路径查找器里的联集,将它们合并,将颜色改为#453A2E
。

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

步骤8
我们来画路灯柱!使用我们刚刚学会的网格。
-
- –
-
#100804
-
#7F7460
-
#5A503E

步骤9
同样的方法,画出灯柱的第二部分。
-
- –
-
#100804
-
#362C1B
-
#796F5A

步骤10
画出底座。
-
- –
-
#100804
-
#665B48
-
#3B2E22

步骤11
画一个颜色为#110600
的圆角形状,然后打开效果>变形>弧形把它弯曲,使用-20%的弯曲值。
打开对象>扩展外观。

步骤12
使用网格对形状进行调色。
-
#413629
-
#6F6452
-
#54493A

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

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

步骤15
最后,将灯放在顶部。

3. 如何点亮灯
步骤1
现在我们画好了轮廓,是时候给灯添加灯光了!
先画一个细窄的椭圆,添加一个从#FFFF7F
到 #000000
径向渐变。

步骤2
在顶部放置一个椭圆的副本,调整透明属性,选择屏幕,79%。
把它复制一个,对它进行旋转,调小一点。

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

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

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

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

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

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

步骤9
给两盏灯添加灯光。

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

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

步骤2
添加更多树枝完成整棵树。

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

步骤4
给第二棵树根据更多树枝。

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

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

步骤7
把树木和灯放在背景上。

步骤8
画两个一样的圆。一个用#ACB99A
填充,另一个用一个从#020200
到白色的径向渐变。
将两个圆的不透明模式改为屏幕。

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

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

步骤11
怎么添加雪花,参考
。

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

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

步骤14
完成了!

不错,你现在完成了!
