使用Adobe Illustrator绘制矢量小黄人教程

今天的教程绝对劲爆你眼球,因为我们准备详细介绍曾经亮相过巨幕、史上最有趣的角色之一的小黄人的绘制过程。

话不多说,让我们现在就开始吧!记得给自己准备一杯冰镇香蕉奶昔哦~

我想你应该已经在后台运行了Illustrator,将其窗口前置并创建一个新的文档(文件 > 新建或快捷键Control-N) ,具体参数设置请参考下图:

  • 画板数量:1
  • 宽度: 320 px
  • 高度: 600 px
  • 单位: 像素

高级选项卡:

  • 颜色模式: RGB
  • 栅格效果: 屏幕 (72ppi)
  • 预览模式: 默认值

1587030558-74ef3725dc86841

创建文档之后,我们需要使用各种图层来帮助我们完成角色的构建,使用图层可以帮助我们保持注意力集中而不是分散到其他角色上从而保证文件顺利完成。

我们将先绘制各个角色包含细节的结构草图然后在其图层之下使用钢笔工具绘制基础几何图形并组合以完成角色的构建。

具体说来就是调出图层面板,新建6个图层,如下所示为它们命名:

  • 图层 1: 斯图尔特
  • 图层 2: 斯图尔特草图
  • 图层 3: 凯文
  • 图层 4: 凯文草图
  • 图层 5: 鲍勃
  • 图层 6: 鲍勃草图
1587030559-b89e7eadb059a39

小贴士:当某一对象被选中时,其边框会呈现高亮状态,而其中又以绿色最为显眼(无论是闭合路径或者开放路径),因此为了方便大家更好地学习本教程,我特意将所有的图层标签都设置为绿色。

我们从绘制小黄人的基础结构开始着手,然后逐步增添细节直至我们觉得可以开始用钢笔绘制基础形状为止。具体说来就是你要始终确保在正确的图层上绘制基础形状(草图的绘制应该位于第二个图层),当你确定在某一图层开始绘制时请确保其它图层均被锁住。

每个绘制项目我们都从分析它的结构轮廓开始,在本教程中,我们首先绘制头部的参考线。选择画笔工具 (B) ,画笔设置为1px 蓝色(#3994F7)描边的默认书法画笔 (画笔库菜单 > 艺术效果 >艺术效果_书法 ) ,在位于画板的上半部分位置绘制一个简单的圆形。

1587030560-0289bb24d066dc0

接下来绘制面部的水平参考线,紧接着绘制其垂直参考线,按参考图所示,水平参考线应该位于面部中心线的略微偏上处,如下图所示。我们需要这些参考线为后续绘制步骤做准备所以最好确保你的参考线放置在了合适的位置。

1587030561-20ae31af80b31ab

在头部的下方绘制另一条垂直线,其长度将用来确定身体的高度。

1587030563-078d97ce0cede06

使用另外一条更短的水平参考线划分身体的上下部分。

1587030565-2a57a8258e61c0c

继续绘制一条水平参考线以此界定身体下半部分的底端。

1587030566-a1a82161c147a80

使用从与圆相切至第三条垂直参考线为止的两条垂直参考线连接斯图尔特的头和身。

1587030568-549ad1ef4eb968c

在身体的两侧,圆形和第二条水平参考线之间使用两条曲线绘制斯图尔特的手部参考线。

1587030569-c541c192bb7ddfa

小贴士:正如你在教程中所看到的那样,我只绘制了没有被身体遮掩的部分,但是你完全可以按照自己的意志自由地绘制,这样会更有你自己的风格哦。

最后,我们来绘制斯图尔特的腿部。使用两条短对角线和与对角线长度差不多的两条水平线组成斯图尔特的腿部。至此,在你进行下一步细节的绘制之前,使用快捷键Control-G将所有的蓝色参考线编组,以防后面你需要对其进行快速编辑。

1587030571-5534f9705bad9f6

从这一步开始,我们将开始为基础构图添加细节,将描边色更改为红色(#F46B3B)。绘制一个漂亮的大圆作为斯图尔特护目镜的外缘。

1587030572-4c3f1ce0a08c5e6

参考斯图尔特的眼睛原型绘制护目镜的内部,这意味着我们需要在眼睛的右上角去掉一小部分。

1587030574-80498854c380e13

接下来绘制护目镜带部份,先绘制护目镜外缘两侧的小部件,然后绘制另外两个更大的区域作为护目镜带。

1587030576-a897db07cf0d637

按照参考图所示使用多组曲线快速绘制护目镜的小螺栓头。

1587030577-bb4819cef3a77ff

接下来绘制斯图尔特的嘴巴,嘴巴是斯图尔特的一个重要角色特征,所以务必要多费些心思。

1587030579-efa854ab39135c6

在第二条与第三条水平参考线之间使用曲线绘制裤子的下半部份。

1587030580-a9506dc7a9d5cc2

绘制一条弧度优美的曲线作为裤子的上半部份,曲线的最上端应位于头部的下边缘。

1587030582-66438e737b50f2f

首先绘制两条呈对角线走势的吊裤带,接着在中心位置绘制口袋以完成裤子的绘制,这可能需要稍微花费点时间。

1587030583-c5e905cd44b2bac

现在让我们把注意力集中到手部的绘制上来,依照真实的手的走向当然由于被背带裤遮住实际上是看不见的,绘制手套的末端。

1587030585-ae386f7f9818026

现在将注意力继续向下转移至腿部,快速完成腿部的绘制,完成之后请记得添加椭圆形的阴影。

1587030587-1764601a3c83ae6

现在进入草图绘制的最后一步,为斯图尔特添加几绺头发,在做进一步的绘制之前选中所有红色的参考线(选择 > 相同 > 描边颜色)将它们编组(Control-G)。

1587030588-f31900d1b875f2c

接下来的几分钟,我们将依照草图创建的参考线使用基本的几何形状重新构建角色。具体说来就是你需要将草图图层锁定然后将绘制重心转移到下一图层上来。

我们从使用不同深浅的灰色来覆盖身体的主要部位开始着手,使用不同的颜色可以帮助我们更好地区分身体部位,完成之后,移至下一步骤。

1587030590-4b333963f3f92a4

小贴士:如果觉得草图实在扰乱你的注意力,你可以随时回到草图所在的图层降低它们的不透明度以便更好地进行绘制。

一旦你完成斯图尔特主要构成部分基本形状的绘制后,你就可以开始为它添加诸如眼睛、 嘴巴、 头发之类的细节。

1587030593-b4a6a009705ff76

到了这个节骨眼上,斯图尔特的绘制可以说已经完成一大半了,这意味着我们现在可以通过切换草图图层的可视性隐藏参考线的可见性,然后我们还需要在合适的位置添加一些方向朝下的投影。

1587030595-09ffa2ff07d7f9b

使用下面所列的颜色参数替代灰色配色方案以完成斯图尔特的绘制:

  • 头、身体和手臂: #FFDA66
  • 眼睛和牙齿: #FFFFFF
  • 头发、 瞳孔、 护目镜带、 嘴、 手套、 鞋以及圆形的影子: #2B3249
  • 位置靠前的裤子部份: #849ED8
  • 背带、侧口袋、前面的口袋、腿部: #667EB2
  • 护目镜的外侧部份: #BDC9E5
  • 护目镜的内侧部分、 侧带元素和螺栓部份: #7E8CA8
  • 护目镜侧带元素内部: #50617C
  • 眼部投影: #D3D3D3
  • 身体的投影: #FFB266
  • 侧口袋投影: #516A96
1587030597-5f8b5586b14471c

假定你已经完成了斯图尔特的绘制,将包含斯图尔特绘制元素的所有图层锁定,我们要开始将注意力转移到另一个图层(应该是第四个图层)着手进行凯文的绘制了。

我们按绘制斯图尔特基础结构那样如法炮制凯文的基础结构绘制,些许不同之处在于圆形要稍小一些以及更高的身长。完成之后,在进入下一步骤之前,选中所有蓝色的参考线并将它们进行编组(Control-G)

1587030599-0030afc564bb4ad

基础结构绘制完毕之后,我们还需要为草图添加更多的细节,比如说添加眼睛以及护目镜。

1587030600-ecf3b55a7a1b384

绘制裤子,请确保裤子的顶部与右手的顶部相平行。

1587030601-5193f7caa39f55c

接下来,为凯文添加嘴巴、 手以及腿。

1587030603-c6187724f654203

增添更多的细节以完成草图的绘制,在下一步骤开始之前记得将所有红色的参考线选中并编组(Control-G)。

1587030605-131d4ff564b5d3c

接下来的部份,我们要像绘制斯图尔特那样使用基础几何图形绘制凯文,确保锁定凯文草图图层之后将注意力移至下一图层。

如参考图所示使用不同深浅的灰色覆盖凯文的主要身体部位。

1587030607-4d6b8539c283bdd

完成基础结构的绘制之后,你就可以开始着手为凯文添加细节了,例如眼睛、嘴巴、头发等等。

1587030608-736b665959eff22

进行到这一步之后,我们可以关闭参考线的可见性了,像为斯图尔特添加阴影那样也为凯文添加适当的阴影。

1587030610-ec86ed03ec0eae7

使用下面所列的颜色参数替换灰色配色方案以完成凯文的绘制。

  • 头、身体和手臂: #FFDA66
  • 眼睛和牙齿: #FFFFFF
  • 头发、 瞳孔、 护目镜带、 嘴巴、 手套、 鞋和椭圆形的影子: #2B3249
  • 位置靠前的裤子部份:#849ED8
  • 背带、侧口袋、前面的口袋、腿部: #667EB2
  • 护目镜的外侧部份: #BDC9E5
  • 护目镜的内侧部分、 侧带元素和螺栓部份: #7E8CA8
  • 护目镜侧带元素内部: #50617C
  • 眼部投影: #D3D3D3
  • 身体的投影: #FFB266
  • 侧口袋投影: #516A96
1587030612-efe81eaa38b8c7c

现在我们来到第三个也就是最后一个小黄人的绘制上来了,绘制之前请确保你的行动在正确的图层上(应该是第六个图层)进行,让我们一鼓作气完成所有小黄人的绘制吧!

像绘制斯图尔特和凯文那样,也从绘制基本结构开始绘制鲍勃,完成之后将所有蓝色参考线选中并编组(Control-G)之后我们就进入到下一步骤。

1587030613-231185240757cb8

基础结构绘制完毕之后,我们也同样需要为草图添加更多的细节,比如说添加眼睛以及护目镜。

1587030614-8823063d2e3bf4d

接下来绘制裤子,因为我们需要参照它来定位一些其他的细节。

1587030616-c3d857d50e4af86

花费一些时间绘制鲍勃的嘴巴、 手和腿。

1587030618-a91e4fdad927b8a

增添更多的细节以完成草图的绘制,在下一步骤开始之前记得将所有红色的参考线选中并编组(Control-G)。

1587030619-3647544190e8ed0

和前面一样,我们要像绘制斯图尔特和凯文那样使用基础几何图形绘制凯文,确保锁定鲍勃草图图层之后将注意力移至下一图层。

如参考图所示使用不同深浅的灰色覆盖鲍勃的主要身体部位。

1587030621-37f638de6e7cac4

完成基础结构的绘制之后,你就可以开始着手为鲍勃添加细节了,例如眼睛、嘴巴、头发等等。

1587030622-85f8f2df5034550

关闭草图图层的可见性,像绘制前两个小黄人那样在合适的位置添加一些方向朝下的投影以完成鲍勃的灰色方案绘制。

1587030623-057706aa4f8afb3

使用下面所列的颜色参数替代灰色配色方案以完成鲍勃也即整个文档的绘制:

  • 头、身体和手臂: #FFDA66
  • 眼睛和牙齿: #FFFFFF
  • 头发、 瞳孔、 护目镜带、 嘴、 手套、 鞋以及圆形的影子: #2B3249
  • 位置靠前的裤子部份: #849ED8
  • 背带、侧口袋、前面的口袋、腿部: #667EB2
  • 护目镜的外侧部份: #BDC9E5
  • 护目镜的内侧部分、 侧带元素和螺栓部份: #7E8CA8
  • 护目镜侧带元素内部: #50617C
  • 眼部投影: #D3D3D3
  • 身体的投影: #FFB266
  • 侧口袋投影: #516A96
1587030625-ca5d1775062c51b

太棒了,小黄人爱好者同盟们!希望你们喜欢这篇教程,当然最重要的是希望你们在完成小黄人绘制的过程中还能收获许许多多的乐趣。

1587030627-4ebf066b9807117
免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流,可进群讨论!
2. 如有无法查看或链接失效,烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 欢迎大家帮助本站出力,赞助费用仅维持本站的日常运营所需!故不接受任何形式的退款。
5. 搜5G网无法保证文章教程或资源的完善与安全,请自行检测解决。
6. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。
本站资源素材仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。本作品采用BY-NC-SA 4.0 《国际知识共享署名许可协议4.0》 进行许可 。
本站所有图片素材均享自由版权下创作共用CC0协议。
搜5G资源网,5G资源网 » 使用Adobe Illustrator绘制矢量小黄人教程

发表评论

搜5G网永久会员限时优惠中,不限下载,免费更新

立即查看 了解详情