扫一扫关注我们
昆明青元广告有限公司
2018-2020
2018-2020
扫一扫关注我们
在本次教程，你将学会如何在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
完成了！
不错，你现在完成了!希望你们喜欢本次教程。
