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

无墨

完成图:


6 p6 f; F8 c5 Q4 e0 @0 g

2 C1 S! S; f$ D) v# L. P( q0 O# v
& u/ W! g' e6 P, Z矢量风格时尚插画大家都非常喜欢，下面就让我们一起来看看怎样用电脑来完成我们的插画之梦吧！大家可以从这个过程中掌握很多简单而又实用的电脑插画绘制技巧。



2 f. [* c4 {: e7 @4 I+ m在下列文章中的File/New代表调用File菜单下的New的选项，其他依此类推。
4 ~' W" o! _) J5 a6 _4 W. K　　Ctrl+C代表在键盘上同时按下Ctrl和C两个键，
　　MAC上以Command(  )键代替PC上的Ctrl,以Option键代替Alt键，鼠标右键以按住MAC上的Ctrl键加鼠标单击实现。

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

* ]& c: T* s" ]　　绘制步骤：

. Z. U9 B9 j5 s' ^& c, R　　一、 选择软件、制备草图

/ d, @' c' c+ u: ^　　由于此次绘制的插画的风格比较简约，多数是大块面的颜色，图形边缘比较清晰，因此决定使用矢量软件。在这里我选择Illustrator 10（以下简称AI），原因：先入为主，操作习惯与Photoshop（以下简称PS）相似，MAC和PC两平台兼容性好，版本10的功能比较齐备。

# j* E, z4 P- L8 E$ T" S　　纸面勾画自己看得懂就可以，线条没必要画得很仔细，扫描后的图像在Photoshop里稍微调整一下清晰度，就可以备用了。

$ E/ b% b- c. A0 Y- L4 Z+ ?! p& r

用具：铅笔一支 橡皮一块 白纸一张 灵感一点
% I& n" Q" l$ g- ?! m$ U8 L
; h6 s0 O! e+ u4 f　　过程：根据想法随意勾画 ==> 纸面工作完成==> 扫描
( T4 x. l( _/ V1 X- u　　纸面勾画自己看得懂就可以，线条没必要画得很仔细，扫描后的图像在PS里稍微调整一下清晰度，就可以备用了。
2 g) z* S; J* T; a; r, G& V( T# A( o7 B
% h) U" O; \# t+ T9 H. r      由于决定画这幅插画的初衷，是看了奥地利插画家Anja Kroencke的网站，该插画模仿Anja Kroencke的绘画风格自己创作。
3 M/ D1 j1 G0 u( y' Q: O" x
　　Anja Kroencke 1968年生于奥地利维也纳，是如今比较有影响的女插画家。她毕业于维也纳服装与设计学院服装设计和插画专业。

无墨

二、 主体描画
2 x' B  Y% t. x
) U* l2 Z  K8 E( ?) Q; d7 b, B　　人物最关键的就是脸，所以要最先进行调整，以便使最新鲜的感觉都留在这最精彩的部分。为了避免画出来后的人物面部比例严重失衡，我们可以参考照片中真实的人物侧面像结构描绘，再对这种“真实”进行适合插画风格的艺术加工。

& \( B$ D' Q- _3 \9 g8 a

$ [4 ~* h" y8 h4 @8 _2 B2 t      具体说明:

      进入AI，新建文件，选择File/New，进行如下设置：
/ M9 u4 |/ h" X; d6 }! Z　　Size: A4；Units: Millimeter；Orientation:；Color Mode: CMYK Color, 按OK确认；
" Q1 Q1 p! ?7 J1 o* J+ b+ Y8 N8 J0 i+ x　　选择View/Hide Page Tiling隐藏打印边界线（就是虚线框）；
; d" q) s0 M7 P0 e( ]& h　　置入图片File/Place 把刚才扫描的草图置入 按键盘Ctrl+2锁定该对象。
5 G1 }! h" r5 m, Z) }/ U; a
　　下一步就是用铅笔工具描画主体人物的外轮廓，此时无论你使用手写板还是鼠标，都没有问题，因为这只是勾画一个大致的轮廓，重要的是后期的调整。
8 r" I1 y4 {2 b. Z: _
/ Q# G+ f: d9 a" Z. i" T5 H5 }

人物最关键的就是脸，所以要最先进行调整，以便使最新鲜的感觉都留在这最精彩的部分。上面右图是真实的女孩侧面剪影照片，我们可以看出她并不具备美感，因此要用于插画还要对这种“真实”进行适当的艺术加工。
+ G/ o) Q! z5 p2 d- r; v; X
; ]/ @# y5 \2 `　　首先使用以下几种工具对草图线进行调整，其功能大致如下：
9 ^- n1 ]7 x6 |: D3 L" B
　　单独对象选取工具：用于调整单个的贝塞尔曲线锚点和锚点手柄。
　　添加锚点工具：用于在曲线上加上锚点。
/ Z. \/ L1 P/ q　　删除锚点工具：用于去掉多余的很重复的曲线锚点。其实你用钢笔工具靠近曲线或锚点的时候，他会自动变成以上这两个工具。
　　转换锚点工具：用于锚点造成的尖角转折与圆角转折之间的相互转化。

　　每一个右下角带有黑三角的工具，都可以通过单击（按住黑三角不松开）弹出一系列隐含工具。
8 d- ^( L* `: q' v8 `
; o- m1 W' `# A. p$ w5 B  ?8 b　　接下来我们就可以调整人物的脸部了，为了避免画出来后的人物面部比例严重失衡，我们可以参考照片中真实的人物侧面像结构描绘。下面给出一些参考：
% P7 L7 w. v- L5 n; U
/ Q( H8 ?/ w6 ^: Z' ?, I. G　　人物面部比例

* u. Y) H2 W& F4 N9 p
  G" Z% u9 E$ H( q
人物的面部比例基本上如图所示，其中眼的中轴线（该图中眼睫毛的位置），大概在人物整个头部高度（从头顶到下颌）的二分之一处，而鼻底线则在眼睛到下颌的二分之一处，即整个头部高度的四分之一处。

* l8 }% g; w! e( f
! `/ X" l& ~0 K4 f# V" v" _/ r
0 B/ S3 B6 w* j2 O另外就是头部的长宽比例基本上是1：1，尤其是这幅插画中女性的头部剪影，几乎可以延外轮廓画出一个正方形。掌握了上述有代表性的比例之后，下面的图形调整阶段就会轻松许多，最后的成品也会更加令人满意。头部画好后还可以进行一下艺术加工。
$ z* _, x; ?- L6 {& i
! P5 w" i2 A. B1 |- t! L% r: Y　　进行艺术加工的时候主要下列几个方面：
$ g* z. R/ `5 A7 H3 U
　　额头：略鼓一些，这样可以显得聪明、机灵。（注意头发边缘线处的突起）
　　睫毛：一定要突出，夸张一些，要上翘的那种。这样可以显出女孩的特殊魅力。
( N& E1 @) O; E# y* @9 F# `! B! E+ O　　鼻子：尖尖的，鼻尖上挑，挺拔。或者稍微有一点塌，到鼻尖处有一个圆圆的小鼻头。依个人审美和所画人物的年龄性格而定。
0 m$ D# E# x0 `/ G+ t　　上唇：略向上翘起，显得俏皮、可爱。
9 _/ o  U' V9 T9 Y0 z; J9 H' W1 {! j
　　完成后的脸部图像如下：

无墨

三、 衣饰
  B1 k6 W5 w( N3 N& L& R- h+ I- ]
6 @1 a% Q5 Z# A7 Z2 F2 D3 r　　从全局考虑主体人物未免显得太单调，于是决定在人物上衣上加上花纹，用作装饰，这也是为丰富主体人物的层次。花饰全部依赖手绘完成，在这里使用鼠标手写板均可，只是鼠标画出的线条会略显得呆板，缺乏变化。
! g, M7 I. b& L
& h- _- e7 e5 |% I. r7 X      依据上面的步骤继续完成主体人物的上衣、双臂。适当注意人体比例，某些地方可以作适当的夸张，例如：被拉长的身体和双臂，这可以让人物显得轻盈，也是为了符合Anja Kroencke类似时装画的插画风格。绘制完毕的图像如下图：
! i1 v3 |- Q0 m) a. u: ]( l
8 b7 ^! c+ {1 |; F! c7 M- T
0 g0 y# ]8 k; ~1 O+ X' ^' t" e# O( y/ U
      在我们最终确定色调之前，画面中的一切元素暂时以黑白灰着色。
7 i9 @% [7 h# w9 t! H
　　现在我们可以看到，从全局考虑主体人物未免显得太单调，于是决定在人物上衣上加上花纹，用作装饰，这也是为丰富主体人物的层次。
) k8 j( F; O! _1 P' s6 {　　选择毛笔工具描绘花饰，双击工具栏中的毛笔工具，在弹出的对话框中进行如下设置：


7 g9 L$ b) B% w9 O
, f) ?6 I2 c; p3 @在Stroke面板中进行如下设置：

! g7 h7 K0 e. v" ^: x/ v. n8 a1 t: u- L

5 u4 i$ u, y* r2 q: z　　并在Brushes面板中选择一个笔刷，双击该笔刷设置如下：
/ H/ i0 n7 X3 {6 T
, P" g3 f" Q$ M+ L+ I9 u

' \- e3 C) ^  W6 C1 ]' r4 M在这里设置的目的是为了取得一种线条不均匀的笔刷效果，从而在比较匀实的线条中取得一种变化。下面是进行设置和不设置的效果比较：（左图为设置 右图没有设置）
2 }  {" c& R3 U) }
4 j6 j  K) G+ a3 f* F- E2 Y

花饰全部依赖手绘完成，在这里使用鼠标手写板均可，只是鼠标画出的线条略显得平直，缺乏变化。（我的图形是依靠手写板绘制的）

　　添加了衣饰的主体人物如图：



: h8 N6 f% ~7 n9 ~3 v$ A* Q# t在这里要特别注意黑白灰的层次，为以后的着色打好基础，正如在美术学校老师常说的一句话：一幅好的水粉（彩色画）也同样应该是一幅好的素描（黑白画）。

MC

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

无墨

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

无墨

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