[教程]Illustrator轻松绘制矢量风格时尚插画(BY Vnet )

无墨

完成图:

, x5 B3 N1 C  m, J. Z5 _

' a6 p- A2 l8 ?- Z/ f1 i/ m5 k5 G! D
* b2 e6 V4 Y2 ?; G
矢量风格时尚插画大家都非常喜欢，下面就让我们一起来看看怎样用电脑来完成我们的插画之梦吧！大家可以从这个过程中掌握很多简单而又实用的电脑插画绘制技巧。


9 p, @* ]1 b4 S' m6 L) C
; p5 j$ S: t4 m% b4 Q5 T4 z% w在下列文章中的File/New代表调用File菜单下的New的选项，其他依此类推。
' I% |) v! m  I5 U　　Ctrl+C代表在键盘上同时按下Ctrl和C两个键，
! R$ S1 L* E; y" O8 {8 J; G  T( _8 R　　MAC上以Command(  )键代替PC上的Ctrl,以Option键代替Alt键，鼠标右键以按住MAC上的Ctrl键加鼠标单击实现。

3 ]/ i5 z) g* v; R4 Y0 Z- j　　在开始我们的插画绘制之前首先说明一点：即便你没有美术基础也不要走开，继续往下看，你会发现其实所谓美术基础，就是一些人们约定俗成的欣赏美的习惯和认真严谨的工作态度。这些东西只要说出来，是任何人都可以学会的。
5 d0 T9 c4 H/ J) z
　　绘制步骤：

　　一、 选择软件、制备草图
, \) |! M/ |; _" z& @: f/ o% \
9 |9 _8 M. c; n( ~" A' D/ L9 }5 J　　由于此次绘制的插画的风格比较简约，多数是大块面的颜色，图形边缘比较清晰，因此决定使用矢量软件。在这里我选择Illustrator 10（以下简称AI），原因：先入为主，操作习惯与Photoshop（以下简称PS）相似，MAC和PC两平台兼容性好，版本10的功能比较齐备。
' W* b# f& L( x% y! g
　　纸面勾画自己看得懂就可以，线条没必要画得很仔细，扫描后的图像在Photoshop里稍微调整一下清晰度，就可以备用了。
( h4 Z* g+ ]5 P& S

; ], B9 r* S4 L4 P
/ `" u# R% B: W, H% k用具：铅笔一支 橡皮一块 白纸一张 灵感一点

  @: r+ p, U- \# o　　过程：根据想法随意勾画 ==> 纸面工作完成==> 扫描
　　纸面勾画自己看得懂就可以，线条没必要画得很仔细，扫描后的图像在PS里稍微调整一下清晰度，就可以备用了。

      由于决定画这幅插画的初衷，是看了奥地利插画家Anja Kroencke的网站，该插画模仿Anja Kroencke的绘画风格自己创作。

. M' Q( T1 i( K　　Anja Kroencke 1968年生于奥地利维也纳，是如今比较有影响的女插画家。她毕业于维也纳服装与设计学院服装设计和插画专业。

无墨

二、 主体描画

　　人物最关键的就是脸，所以要最先进行调整，以便使最新鲜的感觉都留在这最精彩的部分。为了避免画出来后的人物面部比例严重失衡，我们可以参考照片中真实的人物侧面像结构描绘，再对这种“真实”进行适合插画风格的艺术加工。
1 K, F0 F& c( P6 h  r
1 E6 d/ u- x2 d) Q& T' u

      具体说明:

! E. Y& F3 |2 x; x1 [! G* b1 C      进入AI，新建文件，选择File/New，进行如下设置：
  z( W' c( Q( [9 K　　Size: A4；Units: Millimeter；Orientation:；Color Mode: CMYK Color, 按OK确认；
, M9 I' y# F- V$ i1 V　　选择View/Hide Page Tiling隐藏打印边界线（就是虚线框）；
　　置入图片File/Place 把刚才扫描的草图置入 按键盘Ctrl+2锁定该对象。

& [# v: t4 s/ T- q* d  N$ {　　下一步就是用铅笔工具描画主体人物的外轮廓，此时无论你使用手写板还是鼠标，都没有问题，因为这只是勾画一个大致的轮廓，重要的是后期的调整。
9 j% t8 b3 }  r. M% Z9 l


人物最关键的就是脸，所以要最先进行调整，以便使最新鲜的感觉都留在这最精彩的部分。上面右图是真实的女孩侧面剪影照片，我们可以看出她并不具备美感，因此要用于插画还要对这种“真实”进行适当的艺术加工。

　　首先使用以下几种工具对草图线进行调整，其功能大致如下：
1 l+ F4 P1 E; i6 N( C1 B
, S% P& y* m/ G2 H4 s! X6 L( k　　单独对象选取工具：用于调整单个的贝塞尔曲线锚点和锚点手柄。
　　添加锚点工具：用于在曲线上加上锚点。
　　删除锚点工具：用于去掉多余的很重复的曲线锚点。其实你用钢笔工具靠近曲线或锚点的时候，他会自动变成以上这两个工具。
　　转换锚点工具：用于锚点造成的尖角转折与圆角转折之间的相互转化。

5 Q* `; ^5 W. q- U　　每一个右下角带有黑三角的工具，都可以通过单击（按住黑三角不松开）弹出一系列隐含工具。
% \4 i5 S0 n, N" a
( `7 D7 O" P& w3 ?; ?$ m　　接下来我们就可以调整人物的脸部了，为了避免画出来后的人物面部比例严重失衡，我们可以参考照片中真实的人物侧面像结构描绘。下面给出一些参考：
# P1 A9 }) c. T* d) e0 F7 y" x
　　人物面部比例
" m) c- u5 E4 T" @- [$ s1 Y/ ^
  d" P7 N2 r# V6 Y/ G) k
5 r; P0 }$ c( n- z$ c; E( W
人物的面部比例基本上如图所示，其中眼的中轴线（该图中眼睫毛的位置），大概在人物整个头部高度（从头顶到下颌）的二分之一处，而鼻底线则在眼睛到下颌的二分之一处，即整个头部高度的四分之一处。
/ R* R3 S" {: h: H0 P  Z/ X$ y

6 x" h6 |0 D9 H2 b6 B
另外就是头部的长宽比例基本上是1：1，尤其是这幅插画中女性的头部剪影，几乎可以延外轮廓画出一个正方形。掌握了上述有代表性的比例之后，下面的图形调整阶段就会轻松许多，最后的成品也会更加令人满意。头部画好后还可以进行一下艺术加工。
- d- k; }! g; y
6 }2 o+ c3 S' L　　进行艺术加工的时候主要下列几个方面：
+ u) i: A; D# T
　　额头：略鼓一些，这样可以显得聪明、机灵。（注意头发边缘线处的突起）
) z5 r/ p% o' D7 T, k4 i　　睫毛：一定要突出，夸张一些，要上翘的那种。这样可以显出女孩的特殊魅力。
　　鼻子：尖尖的，鼻尖上挑，挺拔。或者稍微有一点塌，到鼻尖处有一个圆圆的小鼻头。依个人审美和所画人物的年龄性格而定。
　　上唇：略向上翘起，显得俏皮、可爱。
/ t0 b" K, `( b# r& \3 u
1 _3 c' M) i9 |& }- ^  ?, |　　完成后的脸部图像如下：

0 ^$ _$ O8 ?& }

无墨

三、 衣饰
8 Y7 {- W, M1 ]* E  P
: s, [5 b* [2 y+ Y1 R/ b+ W2 H6 S　　从全局考虑主体人物未免显得太单调，于是决定在人物上衣上加上花纹，用作装饰，这也是为丰富主体人物的层次。花饰全部依赖手绘完成，在这里使用鼠标手写板均可，只是鼠标画出的线条会略显得呆板，缺乏变化。
- x2 C; b+ w" u# d( L: k* R0 f0 B
5 E9 C* e3 i: p" |* p" A) r; h      依据上面的步骤继续完成主体人物的上衣、双臂。适当注意人体比例，某些地方可以作适当的夸张，例如：被拉长的身体和双臂，这可以让人物显得轻盈，也是为了符合Anja Kroencke类似时装画的插画风格。绘制完毕的图像如下图：
2 j& z: Z) Y( l8 e5 y9 J: {
- n: Z( B" s+ S( E* U$ N  P

      在我们最终确定色调之前，画面中的一切元素暂时以黑白灰着色。

　　现在我们可以看到，从全局考虑主体人物未免显得太单调，于是决定在人物上衣上加上花纹，用作装饰，这也是为丰富主体人物的层次。
　　选择毛笔工具描绘花饰，双击工具栏中的毛笔工具，在弹出的对话框中进行如下设置：
2 ^6 U. b, k- b1 Y4 K" o) L

  {% c/ g& ]. i% o5 r
# a: `; j- N' q% U2 a4 Y在Stroke面板中进行如下设置：
* ~4 p, k: L5 d1 F# N9 k1 }

/ {; t5 Y2 o% Q% ~4 E2 V' ?. }! Q/ U
　　并在Brushes面板中选择一个笔刷，双击该笔刷设置如下：
1 y$ V" i; C) M. x6 C) |3 ?2 J


/ L9 D8 i8 A4 b' o. Q2 U在这里设置的目的是为了取得一种线条不均匀的笔刷效果，从而在比较匀实的线条中取得一种变化。下面是进行设置和不设置的效果比较：（左图为设置 右图没有设置）



9 c; n) ]8 d& k6 N; K花饰全部依赖手绘完成，在这里使用鼠标手写板均可，只是鼠标画出的线条略显得平直，缺乏变化。（我的图形是依靠手写板绘制的）
' o9 C% `  b4 c4 {0 f# e
　　添加了衣饰的主体人物如图：


0 }! P. W  J* R2 [
& d4 m3 Z2 b4 w" O2 u6 }在这里要特别注意黑白灰的层次，为以后的着色打好基础，正如在美术学校老师常说的一句话：一幅好的水粉（彩色画）也同样应该是一幅好的素描（黑白画）。

MC

有意西，要好好学习下。。。

无墨

这个是Illustrator,画矢量画的,呵呵,昨天速度不够快,这个教程都还没转完

无墨

今天突然想起了这个矢量教程，呵呵，俺要是按照这个来，估计啥都画不出来了。