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

无墨

完成图:
9 x8 [0 r4 M; Z$ a& Q4 ^


5 H% S4 r$ b/ D' |* k& \+ ?% s5 f

矢量风格时尚插画大家都非常喜欢，下面就让我们一起来看看怎样用电脑来完成我们的插画之梦吧！大家可以从这个过程中掌握很多简单而又实用的电脑插画绘制技巧。
- e3 u( L$ s* o. z. I# o

* J$ _1 n5 Z4 H0 D
; O% _# Y8 Z8 W' Z! C在下列文章中的File/New代表调用File菜单下的New的选项，其他依此类推。
8 E: h) {$ n0 C　　Ctrl+C代表在键盘上同时按下Ctrl和C两个键，
　　MAC上以Command(  )键代替PC上的Ctrl,以Option键代替Alt键，鼠标右键以按住MAC上的Ctrl键加鼠标单击实现。

　　在开始我们的插画绘制之前首先说明一点：即便你没有美术基础也不要走开，继续往下看，你会发现其实所谓美术基础，就是一些人们约定俗成的欣赏美的习惯和认真严谨的工作态度。这些东西只要说出来，是任何人都可以学会的。

　　绘制步骤：

　　一、 选择软件、制备草图

, u* ~! d) S1 O; C$ l% ^  i# \　　由于此次绘制的插画的风格比较简约，多数是大块面的颜色，图形边缘比较清晰，因此决定使用矢量软件。在这里我选择Illustrator 10（以下简称AI），原因：先入为主，操作习惯与Photoshop（以下简称PS）相似，MAC和PC两平台兼容性好，版本10的功能比较齐备。
) L+ z4 k( _3 f- {! W% w
　　纸面勾画自己看得懂就可以，线条没必要画得很仔细，扫描后的图像在Photoshop里稍微调整一下清晰度，就可以备用了。
! @6 y. A& f. N/ t
* K5 Y, p* x( E
2 l2 F. ]/ z0 j
# ]& L" r0 ^. L用具：铅笔一支 橡皮一块 白纸一张 灵感一点

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

2 H; y/ E2 S! D) Q) H2 Q      由于决定画这幅插画的初衷，是看了奥地利插画家Anja Kroencke的网站，该插画模仿Anja Kroencke的绘画风格自己创作。
7 Y" u9 w" {% O3 k
7 f: F! _. }) T) n; S7 s　　Anja Kroencke 1968年生于奥地利维也纳，是如今比较有影响的女插画家。她毕业于维也纳服装与设计学院服装设计和插画专业。

无墨

二、 主体描画

　　人物最关键的就是脸，所以要最先进行调整，以便使最新鲜的感觉都留在这最精彩的部分。为了避免画出来后的人物面部比例严重失衡，我们可以参考照片中真实的人物侧面像结构描绘，再对这种“真实”进行适合插画风格的艺术加工。
0 i  s2 F. F8 M, i3 ?
# ^$ A' b* S6 R9 a0 f! q. A# D
7 e8 H* S* n7 A* \7 N. a
      具体说明:
, g$ z+ A, P; j" Q
4 _) @" `  _0 I$ |9 H# s$ g0 |      进入AI，新建文件，选择File/New，进行如下设置：
; B/ ~, J+ k2 S( M　　Size: A4；Units: Millimeter；Orientation:；Color Mode: CMYK Color, 按OK确认；
( @  {' s2 ^# y/ f* |$ j) V　　选择View/Hide Page Tiling隐藏打印边界线（就是虚线框）；
4 r: S0 r7 @) p2 [9 n8 v4 G　　置入图片File/Place 把刚才扫描的草图置入 按键盘Ctrl+2锁定该对象。
( i! h8 R" w" I% h
* z( `) B: z" }　　下一步就是用铅笔工具描画主体人物的外轮廓，此时无论你使用手写板还是鼠标，都没有问题，因为这只是勾画一个大致的轮廓，重要的是后期的调整。

) g, U9 U2 z# G

人物最关键的就是脸，所以要最先进行调整，以便使最新鲜的感觉都留在这最精彩的部分。上面右图是真实的女孩侧面剪影照片，我们可以看出她并不具备美感，因此要用于插画还要对这种“真实”进行适当的艺术加工。
/ `8 J) }7 E- b; i, M8 d2 v/ `+ X8 A
　　首先使用以下几种工具对草图线进行调整，其功能大致如下：

　　单独对象选取工具：用于调整单个的贝塞尔曲线锚点和锚点手柄。
　　添加锚点工具：用于在曲线上加上锚点。
　　删除锚点工具：用于去掉多余的很重复的曲线锚点。其实你用钢笔工具靠近曲线或锚点的时候，他会自动变成以上这两个工具。
　　转换锚点工具：用于锚点造成的尖角转折与圆角转折之间的相互转化。
) @8 K% S) p1 N; `4 _
3 X7 G1 l' `1 |9 D/ K4 B, q& E　　每一个右下角带有黑三角的工具，都可以通过单击（按住黑三角不松开）弹出一系列隐含工具。
6 ?5 X7 j1 g% W. _: F! k  z1 \6 p
　　接下来我们就可以调整人物的脸部了，为了避免画出来后的人物面部比例严重失衡，我们可以参考照片中真实的人物侧面像结构描绘。下面给出一些参考：

, m, [1 C/ G& P& u2 [2 D9 s　　人物面部比例
3 G/ A0 O1 U7 T3 V+ M4 j

) f, j+ w# d/ q% ~" V- M( R# I1 C4 @% }
/ n' _- `) D+ l$ \人物的面部比例基本上如图所示，其中眼的中轴线（该图中眼睫毛的位置），大概在人物整个头部高度（从头顶到下颌）的二分之一处，而鼻底线则在眼睛到下颌的二分之一处，即整个头部高度的四分之一处。


$ }2 t- [& }, f; c' N4 M
- _# M1 q' n6 S另外就是头部的长宽比例基本上是1：1，尤其是这幅插画中女性的头部剪影，几乎可以延外轮廓画出一个正方形。掌握了上述有代表性的比例之后，下面的图形调整阶段就会轻松许多，最后的成品也会更加令人满意。头部画好后还可以进行一下艺术加工。

　　进行艺术加工的时候主要下列几个方面：
# N8 V# _& x' o' a
　　额头：略鼓一些，这样可以显得聪明、机灵。（注意头发边缘线处的突起）
# l4 A2 _5 @$ m! u0 d　　睫毛：一定要突出，夸张一些，要上翘的那种。这样可以显出女孩的特殊魅力。
6 U8 ?6 m- ^3 \9 d6 q　　鼻子：尖尖的，鼻尖上挑，挺拔。或者稍微有一点塌，到鼻尖处有一个圆圆的小鼻头。依个人审美和所画人物的年龄性格而定。
　　上唇：略向上翘起，显得俏皮、可爱。
$ D0 `3 d1 c! l3 d! o
7 {* ~$ Q' s' G- r" `　　完成后的脸部图像如下：

- q- d! A' ~5 z* e

无墨

三、 衣饰

6 k& Q8 G7 g4 z8 k& g　　从全局考虑主体人物未免显得太单调，于是决定在人物上衣上加上花纹，用作装饰，这也是为丰富主体人物的层次。花饰全部依赖手绘完成，在这里使用鼠标手写板均可，只是鼠标画出的线条会略显得呆板，缺乏变化。
, T0 B0 f8 P( _; k7 F' O  L
      依据上面的步骤继续完成主体人物的上衣、双臂。适当注意人体比例，某些地方可以作适当的夸张，例如：被拉长的身体和双臂，这可以让人物显得轻盈，也是为了符合Anja Kroencke类似时装画的插画风格。绘制完毕的图像如下图：
7 q. h8 v" b: @4 n# Y; s

: z. A8 C" T: K. K
      在我们最终确定色调之前，画面中的一切元素暂时以黑白灰着色。

1 I$ i* |+ q) n+ g% p- I+ I　　现在我们可以看到，从全局考虑主体人物未免显得太单调，于是决定在人物上衣上加上花纹，用作装饰，这也是为丰富主体人物的层次。
( B( _& t2 n9 p+ j　　选择毛笔工具描绘花饰，双击工具栏中的毛笔工具，在弹出的对话框中进行如下设置：


. D( V: I& }2 b0 _& X( Y$ ?, I
在Stroke面板中进行如下设置：


& l! Y0 P9 @. d+ n" _0 s0 R) d8 f9 l
5 k0 I7 A5 G4 W4 p* m　　并在Brushes面板中选择一个笔刷，双击该笔刷设置如下：



/ Z+ v' s3 q+ t3 z  g+ u在这里设置的目的是为了取得一种线条不均匀的笔刷效果，从而在比较匀实的线条中取得一种变化。下面是进行设置和不设置的效果比较：（左图为设置 右图没有设置）



# D6 R  v* z& h  O8 z- X4 ?  ]花饰全部依赖手绘完成，在这里使用鼠标手写板均可，只是鼠标画出的线条略显得平直，缺乏变化。（我的图形是依靠手写板绘制的）
: v5 ?# d7 |% h+ e* d
- j, z7 T: J8 ~1 ?7 x- u/ w　　添加了衣饰的主体人物如图：

5 z, g3 o& `8 Y  }/ V% S  C, c% M

- N' _/ A! X/ G9 Z7 ~! i5 r在这里要特别注意黑白灰的层次，为以后的着色打好基础，正如在美术学校老师常说的一句话：一幅好的水粉（彩色画）也同样应该是一幅好的素描（黑白画）。

MC

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

无墨

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

无墨

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