找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4093|回复: 5

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

[复制链接]
发表于 2006-7-5 12:33:38 | 显示全部楼层 |阅读模式
完成图:: P1 J+ S2 A6 H: A8 i
% _! [/ T* t$ t# h$ `+ e8 J
* J2 D( }- {8 P) q* Y+ ?
3 h1 N1 x7 a' Z
8 Q+ R3 L: i- b; q" `2 l4 \
/ A9 X) j6 W" M6 ^8 G! m- ]
矢量风格时尚插画大家都非常喜欢,下面就让我们一起来看看怎样用电脑来完成我们的插画之梦吧!大家可以从这个过程中掌握很多简单而又实用的电脑插画绘制技巧。
8 v! `6 y; y: h: }, v% N: ?* v& _! f" K8 ]

5 P4 T! o8 a$ h* Z' {8 b8 V5 t
! v. x3 S$ R8 w在下列文章中的File/New代表调用File菜单下的New的选项,其他依此类推。4 |* r" l+ k" B5 f; ?: `
  Ctrl+C代表在键盘上同时按下Ctrl和C两个键,
# |* ]+ k. U- Z( g& }. h) m  MAC上以Command(  )键代替PC上的Ctrl,以Option键代替Alt键,鼠标右键以按住MAC上的Ctrl键加鼠标单击实现。
6 ?5 O# m: ?& K# |0 z2 o" E
4 r+ W1 t! Z0 R/ r8 o. F3 u) }& [- j  在开始我们的插画绘制之前首先说明一点:即便你没有美术基础也不要走开,继续往下看,你会发现其实所谓美术基础,就是一些人们约定俗成的欣赏美的习惯和认真严谨的工作态度。这些东西只要说出来,是任何人都可以学会的。
% X! ]: a1 q$ b6 _2 ~. n% ^& F: _; I, ]  `4 L+ @
  绘制步骤:
& T: g% x% N% M- j0 {* }
2 a0 H6 l: A: b" ?  一、 选择软件、制备草图8 A# {9 C9 w' L" I+ U2 F
. G) D+ \3 C8 u8 X' x) J" H' z
  由于此次绘制的插画的风格比较简约,多数是大块面的颜色,图形边缘比较清晰,因此决定使用矢量软件。在这里我选择Illustrator 10(以下简称AI),原因:先入为主,操作习惯与Photoshop(以下简称PS)相似,MAC和PC两平台兼容性好,版本10的功能比较齐备。1 a8 q3 i" \9 M9 k' [

. }; ?! z8 t8 y9 K  e6 q  纸面勾画自己看得懂就可以,线条没必要画得很仔细,扫描后的图像在Photoshop里稍微调整一下清晰度,就可以备用了。 ! M. F. N* m: v" u

2 i4 c8 x: j- |! a, Y: W8 m0 |" Z) x$ P3 x* s- t
) j  ?' T: E1 v* a2 a% i
用具:铅笔一支 橡皮一块 白纸一张 灵感一点9 A9 h' f+ L2 B% `

' W) z+ K5 k- S6 H  过程:根据想法随意勾画 ==> 纸面工作完成==> 扫描0 H+ `5 h8 m# A
  纸面勾画自己看得懂就可以,线条没必要画得很仔细,扫描后的图像在PS里稍微调整一下清晰度,就可以备用了。
. `3 A. R3 r/ U  d6 S& n& p& u; J' ]" P
      由于决定画这幅插画的初衷,是看了奥地利插画家Anja Kroencke的网站,该插画模仿Anja Kroencke的绘画风格自己创作。
# H% ?6 h+ m' d8 V) C; o# f7 S3 J' A& |6 o* ^; P/ c
  Anja Kroencke 1968年生于奥地利维也纳,是如今比较有影响的女插画家。她毕业于维也纳服装与设计学院服装设计和插画专业。
 楼主| 发表于 2006-7-5 12:40:28 | 显示全部楼层
二、 主体描画 " g) I+ _2 }% \0 l. W5 f" j$ g1 F6 k# H
  e7 |9 A0 m0 G1 {: s
  人物最关键的就是脸,所以要最先进行调整,以便使最新鲜的感觉都留在这最精彩的部分。为了避免画出来后的人物面部比例严重失衡,我们可以参考照片中真实的人物侧面像结构描绘,再对这种“真实”进行适合插画风格的艺术加工。. f) N9 Y/ b/ {& p0 Q  a

) a2 D9 g; X! |- X/ X( V/ _' C& o- Y& a& z3 v

# W4 H$ n7 O; |* P; J( U# s+ o# S! b      具体说明:
. K! S. y' S  f' h
8 j9 y3 J5 @2 l& z, k; O& e      进入AI,新建文件,选择File/New,进行如下设置:  v/ f# j) E6 J1 h" h' p" d
  Size: A4;Units: Millimeter;Orientation:;Color Mode: CMYK Color, 按OK确认; 9 i! f6 P- U" P, w  ]: s: k, n6 G
  选择View/Hide Page Tiling隐藏打印边界线(就是虚线框); 2 E# [& a. F* }1 R
  置入图片File/Place 把刚才扫描的草图置入 按键盘Ctrl+2锁定该对象。
" m! k0 i% _$ _- d  O; K: C
' m( O, h0 S4 W$ n& h: ]  下一步就是用铅笔工具描画主体人物的外轮廓,此时无论你使用手写板还是鼠标,都没有问题,因为这只是勾画一个大致的轮廓,重要的是后期的调整。$ n1 f- _) {$ O: n

& S* N1 i+ y  z' y  u! [
7 D% y; ^6 T# p- Z, o& \5 @" c8 O% H  I5 _  H7 P2 `9 o% x: K
人物最关键的就是脸,所以要最先进行调整,以便使最新鲜的感觉都留在这最精彩的部分。上面右图是真实的女孩侧面剪影照片,我们可以看出她并不具备美感,因此要用于插画还要对这种“真实”进行适当的艺术加工。
6 P7 ?1 l# X! t- {; o! m8 i+ _2 b, I1 a, b& q/ M8 h, c
  首先使用以下几种工具对草图线进行调整,其功能大致如下:" i" b- y. _) L9 D
0 p7 o8 ^9 W. K- l  a7 I% \" Q& u
  单独对象选取工具:用于调整单个的贝塞尔曲线锚点和锚点手柄。
- w0 P1 W/ c4 s, g  添加锚点工具:用于在曲线上加上锚点。
/ ^4 B2 E4 {" o; E8 v+ f* a+ U  删除锚点工具:用于去掉多余的很重复的曲线锚点。其实你用钢笔工具靠近曲线或锚点的时候,他会自动变成以上这两个工具。5 }1 x6 Z0 J2 G
  转换锚点工具:用于锚点造成的尖角转折与圆角转折之间的相互转化。
) ?* t5 P$ G3 O- q9 k5 j4 G; {' \4 [" ^% f' R) O/ k6 B# x9 U4 L1 B
  每一个右下角带有黑三角的工具,都可以通过单击(按住黑三角不松开)弹出一系列隐含工具。& L2 H+ o# s: e& {. Y5 m! _9 N8 p. C

) ?* p: Q2 Z) }; ]. E  c  接下来我们就可以调整人物的脸部了,为了避免画出来后的人物面部比例严重失衡,我们可以参考照片中真实的人物侧面像结构描绘。下面给出一些参考:
; r& f$ O& F* o
$ f$ b" {, y- ^& L9 y# x2 R) F: W  人物面部比例
0 [1 p) _3 r5 i) O1 i" t1 D3 _) T1 U- ?3 r

$ N7 c% c1 a7 u* G# s) C3 K: `; C6 t! m7 f. ?4 ~
人物的面部比例基本上如图所示,其中眼的中轴线(该图中眼睫毛的位置),大概在人物整个头部高度(从头顶到下颌)的二分之一处,而鼻底线则在眼睛到下颌的二分之一处,即整个头部高度的四分之一处。2 ?. P! z/ X# S! `% \
% \* M6 u# Y+ v* J# M: q" E* S

$ i8 _6 n+ G0 G$ d1 g- K9 W  ?4 R4 j
另外就是头部的长宽比例基本上是1:1,尤其是这幅插画中女性的头部剪影,几乎可以延外轮廓画出一个正方形。掌握了上述有代表性的比例之后,下面的图形调整阶段就会轻松许多,最后的成品也会更加令人满意。头部画好后还可以进行一下艺术加工。
1 R# ^- f; V+ w1 T' m8 q# W+ `, t/ l1 _
  进行艺术加工的时候主要下列几个方面:
) w" C  Z4 L2 J3 Z5 h5 F* X+ M/ W& p/ S5 {. n2 s" y
  额头:略鼓一些,这样可以显得聪明、机灵。(注意头发边缘线处的突起)
7 d" V8 T/ W# N; `* F  睫毛:一定要突出,夸张一些,要上翘的那种。这样可以显出女孩的特殊魅力。
' L% B& i# ]* _0 ?: E5 ]- s: R, l  鼻子:尖尖的,鼻尖上挑,挺拔。或者稍微有一点塌,到鼻尖处有一个圆圆的小鼻头。依个人审美和所画人物的年龄性格而定。
2 D- T) s, @, O- o: c% _  s! ]% u  上唇:略向上翘起,显得俏皮、可爱。
/ J2 p9 u% \- i2 V% N4 M/ A
, F$ p: s6 |6 n. ]  完成后的脸部图像如下:
, `: g6 L" {+ }' ?  O  y/ O1 d' w
  s7 m$ M2 P, `6 {6 ]
 楼主| 发表于 2006-7-5 12:49:50 | 显示全部楼层
三、 衣饰 ; H# V4 p& p6 n/ n2 X7 [
. r; i" G+ X1 Q6 B
  从全局考虑主体人物未免显得太单调,于是决定在人物上衣上加上花纹,用作装饰,这也是为丰富主体人物的层次。花饰全部依赖手绘完成,在这里使用鼠标手写板均可,只是鼠标画出的线条会略显得呆板,缺乏变化。! R) h" v! }( {& }. E6 r8 I

' V' @# D4 |  `9 U1 I3 R( W; Z" l, d      依据上面的步骤继续完成主体人物的上衣、双臂。适当注意人体比例,某些地方可以作适当的夸张,例如:被拉长的身体和双臂,这可以让人物显得轻盈,也是为了符合Anja Kroencke类似时装画的插画风格。绘制完毕的图像如下图:1 ]" M2 q& G# T' C) A, t* b0 o

3 \, b3 A$ `+ N4 |: |% E4 L: u8 F, c2 `
$ Y; x% c' N" S9 U6 }# Y
      在我们最终确定色调之前,画面中的一切元素暂时以黑白灰着色。
' x$ q/ ]/ H1 H9 K  r* R
0 T2 c( N1 Z9 K; o# P  现在我们可以看到,从全局考虑主体人物未免显得太单调,于是决定在人物上衣上加上花纹,用作装饰,这也是为丰富主体人物的层次。 ; w. r1 i' b2 \: e6 B
  选择毛笔工具描绘花饰,双击工具栏中的毛笔工具,在弹出的对话框中进行如下设置:( O8 w) ?# T( C" u  U
) n, q, w4 w6 y+ x
1 r$ m( d4 d8 A. I" L: A4 T1 f
5 [1 z, a- s6 s  {2 r5 ?/ w; ~
在Stroke面板中进行如下设置:$ l! P% z4 `, E5 j! q9 [2 H
9 b" @# E5 g# m: W& H, S
4 Q3 G0 a7 o- N* W: X' G* V7 E5 \
! p; A9 t9 l: f8 x, V
  并在Brushes面板中选择一个笔刷,双击该笔刷设置如下:
, Z- V& l$ d' k5 k: D; H% Q$ n) r9 b6 Z4 U

: |4 U2 v. d' |8 d& }5 c2 ]* y+ w. H+ H6 i  K7 f$ o
在这里设置的目的是为了取得一种线条不均匀的笔刷效果,从而在比较匀实的线条中取得一种变化。下面是进行设置和不设置的效果比较:(左图为设置 右图没有设置)
% Z, |0 Y6 {. o: g4 L, J5 `1 [4 w2 b
6 u+ \/ T7 l( y  |4 ]4 F: K- Q& I
; t) e( n5 d+ P. m. I( ]* Z
花饰全部依赖手绘完成,在这里使用鼠标手写板均可,只是鼠标画出的线条略显得平直,缺乏变化。(我的图形是依靠手写板绘制的)& [7 E+ r4 Z% A5 A

& v" Q7 [7 B: @4 f  添加了衣饰的主体人物如图: 9 j  {" a) L. M: z: _, A8 w

  F/ d5 V; X( I" q
7 p/ E6 J, O5 r6 P! {
. o6 m% f; |& l1 N在这里要特别注意黑白灰的层次,为以后的着色打好基础,正如在美术学校老师常说的一句话:一幅好的水粉(彩色画)也同样应该是一幅好的素描(黑白画)。
发表于 2006-7-5 14:19:45 | 显示全部楼层
有意西,要好好学习下。。。
 楼主| 发表于 2006-7-6 05:36:15 | 显示全部楼层
这个是Illustrator,画矢量画的,呵呵,昨天速度不够快,这个教程都还没转完
 楼主| 发表于 2006-11-19 01:03:56 | 显示全部楼层
今天突然想起了这个矢量教程,呵呵,俺要是按照这个来,估计啥都画不出来了。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

客户端