AI绘制飘雪冬夜矢量插画教程

  • A+
所属分类:设计技法

本文来源: Envato艺云台先锋, 共 1948 字

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

AI绘制飘雪冬夜矢量插画教程

冬日圣诞夜景图

1。如何画背景

步骤1

我们开始使用网格!

先来画一个矩形,用#4B6471进行填充,借助网格工具(U)给这个形状手动添加节点创建网格。一旦网格完成之后,选中底部一排的,以及中间一排的节点,将颜色改为#8A9BA2

继续对顶部和侧边,使用#253B4B进行填充,从上面数第二排中间的节点用#385260填充。最后,将底部的节点颜色改为#D2DAD9

AI绘制飘雪冬夜矢量插画教程

步骤2

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

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

AI绘制飘雪冬夜矢量插画教程

步骤3

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

  1. #E1EBEC
  2. #C0D1D8
  3. #F6F7F2

AI绘制飘雪冬夜矢量插画教程

步骤4

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

  1. #CBD8DE
  2. #F4F6F1

AI绘制飘雪冬夜矢量插画教程

步骤5

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

AI绘制飘雪冬夜矢量插画教程

步骤6

将雪丘放在背景的底部!

AI绘制飘雪冬夜矢量插画教程

2。 如何画路灯

步骤1

我们接着来画路灯。

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

AI绘制飘雪冬夜矢量插画教程

步骤2

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

AI绘制飘雪冬夜矢量插画教程

步骤3

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

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

AI绘制飘雪冬夜矢量插画教程

步骤4

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

步骤5

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

步骤6

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

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

步骤7

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

步骤8

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

  1. -
  2. #100804
  3. #7F7460
  4. #5A503E

步骤9

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

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

AI绘制飘雪冬夜矢量插画教程

步骤10

画出底座。

  1. -
  2. #100804
  3. #665B48
  4. #3B2E22

AI绘制飘雪冬夜矢量插画教程

步骤11

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

打开对象>扩展外观。

AI绘制飘雪冬夜矢量插画教程

步骤12

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

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

AI绘制飘雪冬夜矢量插画教程

步骤13

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

AI绘制飘雪冬夜矢量插画教程

步骤14

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

AI绘制飘雪冬夜矢量插画教程

步骤15

最后,将灯放在顶部。

AI绘制飘雪冬夜矢量插画教程

3。 如何点亮灯

步骤1

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

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

AI绘制飘雪冬夜矢量插画教程

步骤2

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

AI绘制飘雪冬夜矢量插画教程

步骤3

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

AI绘制飘雪冬夜矢量插画教程

步骤4

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

AI绘制飘雪冬夜矢量插画教程

步骤5

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

步骤6

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

步骤7

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

AI绘制飘雪冬夜矢量插画教程

步骤8

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

AI绘制飘雪冬夜矢量插画教程

步骤9

给两盏灯添加灯光。

AI绘制飘雪冬夜矢量插画教程

步骤10

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

AI绘制飘雪冬夜矢量插画教程

4. 如何添加树木和雪花

步骤1

我们先来画树木!

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

AI绘制飘雪冬夜矢量插画教程

步骤2

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

AI绘制飘雪冬夜矢量插画教程

步骤3

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

AI绘制飘雪冬夜矢量插画教程

步骤4

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

AI绘制飘雪冬夜矢量插画教程

步骤5

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

AI绘制飘雪冬夜矢量插画教程

步骤6

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

AI绘制飘雪冬夜矢量插画教程

步骤7

把树木和灯放在背景上。

AI绘制飘雪冬夜矢量插画教程

步骤8

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

AI绘制飘雪冬夜矢量插画教程

步骤9

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

AI绘制飘雪冬夜矢量插画教程

步骤10

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

AI绘制飘雪冬夜矢量插画教程

步骤11

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

AI绘制飘雪冬夜矢量插画教程

步骤12

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

AI绘制飘雪冬夜矢量插画教程

步骤13

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

AI绘制飘雪冬夜矢量插画教程

步骤14

完成了!

AI绘制飘雪冬夜矢量插画教程

不错,你现在完成了!希望你们喜欢本次教程。

AI绘制飘雪冬夜矢量插画教程



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: