欢迎光临!
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4092|回复: 5

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

[复制链接]
发表于 2006-7-5 12:33:38 | 显示全部楼层 |阅读模式
完成图:
- g3 v* d; M+ D$ W* a! p0 ~" G% L5 O2 \( u: e
# a# ]1 k# P0 k/ t
- u. k2 N( |3 {8 h% }3 I; @
# A) \; `& W' A8 E7 [; e  }3 }
% M6 |% p# {3 {' U
矢量风格时尚插画大家都非常喜欢,下面就让我们一起来看看怎样用电脑来完成我们的插画之梦吧!大家可以从这个过程中掌握很多简单而又实用的电脑插画绘制技巧。- h/ o8 O: {+ @& G- y9 Z. Y. E
( t' T6 f& ]. e5 L8 O, F& t& h# M
5 `) D) U6 r* o
" \6 E' D! @) T  S' L8 `/ {
在下列文章中的File/New代表调用File菜单下的New的选项,其他依此类推。
4 h; g# W8 t8 d7 |% A" |8 o  Ctrl+C代表在键盘上同时按下Ctrl和C两个键,
0 ^/ ?- H7 O) v  MAC上以Command(  )键代替PC上的Ctrl,以Option键代替Alt键,鼠标右键以按住MAC上的Ctrl键加鼠标单击实现。
* ]( d! W$ C  K! S% _! v9 M1 c, ]5 K' P) @! z2 |  R& G
  在开始我们的插画绘制之前首先说明一点:即便你没有美术基础也不要走开,继续往下看,你会发现其实所谓美术基础,就是一些人们约定俗成的欣赏美的习惯和认真严谨的工作态度。这些东西只要说出来,是任何人都可以学会的。
* N4 A0 T' ^0 T- c2 l& n/ C  x4 C# T" T9 x6 S6 q# _
  绘制步骤:' R0 {* j0 \, S) W8 _) ]6 ?9 A

/ A  [8 V: m( P, R$ k  一、 选择软件、制备草图
' p4 X# W. T: ?# R) f. e* e/ {5 r5 w( U, S- y
  由于此次绘制的插画的风格比较简约,多数是大块面的颜色,图形边缘比较清晰,因此决定使用矢量软件。在这里我选择Illustrator 10(以下简称AI),原因:先入为主,操作习惯与Photoshop(以下简称PS)相似,MAC和PC两平台兼容性好,版本10的功能比较齐备。
3 g/ S2 a; z4 j/ G* _3 A- }: N0 i/ C$ _+ I% a* b
  纸面勾画自己看得懂就可以,线条没必要画得很仔细,扫描后的图像在Photoshop里稍微调整一下清晰度,就可以备用了。 5 S0 f* Z3 @) c$ @

) ]* q9 r+ d. h' @0 n7 G: W9 j; Z9 \
' W6 z. ?* c" y& A- K' h
- |$ M# D, S8 Z, K' p用具:铅笔一支 橡皮一块 白纸一张 灵感一点
3 c3 e/ z6 J+ z& c. n6 q# I5 K
3 X4 {! T: P0 I' b+ J  过程:根据想法随意勾画 ==> 纸面工作完成==> 扫描
0 L8 d# m! h' a  j1 B& \/ z  纸面勾画自己看得懂就可以,线条没必要画得很仔细,扫描后的图像在PS里稍微调整一下清晰度,就可以备用了。 $ G/ Y/ x% C( k$ Y
+ `8 v# C# D8 Y1 Q/ g
      由于决定画这幅插画的初衷,是看了奥地利插画家Anja Kroencke的网站,该插画模仿Anja Kroencke的绘画风格自己创作。
& Q; J- q) k+ L8 i/ D" l3 X( p. Q0 Y+ a$ e% `
  Anja Kroencke 1968年生于奥地利维也纳,是如今比较有影响的女插画家。她毕业于维也纳服装与设计学院服装设计和插画专业。
 楼主| 发表于 2006-7-5 12:40:28 | 显示全部楼层
二、 主体描画
; P, Z0 n) |+ r( ~
* e) L: S) `9 T7 W5 U9 {1 h5 i  人物最关键的就是脸,所以要最先进行调整,以便使最新鲜的感觉都留在这最精彩的部分。为了避免画出来后的人物面部比例严重失衡,我们可以参考照片中真实的人物侧面像结构描绘,再对这种“真实”进行适合插画风格的艺术加工。& x/ o8 Y4 p, {6 W) ]
, `2 s- `% r' a* P

/ O5 F3 u5 |- _+ o5 l7 w# t: U( _/ o9 Y. c+ F/ z3 Y5 O1 F
      具体说明:
& a/ o* I9 Q1 J; P, l! w
' ~8 ^' V0 l/ Y! R! J; q: I      进入AI,新建文件,选择File/New,进行如下设置:
. n5 p! \; d) E1 Z- D) c  Size: A4;Units: Millimeter;Orientation:;Color Mode: CMYK Color, 按OK确认; 0 l1 A8 F+ b7 t
  选择View/Hide Page Tiling隐藏打印边界线(就是虚线框); ; ~4 l* z2 y  I9 N, s. A
  置入图片File/Place 把刚才扫描的草图置入 按键盘Ctrl+2锁定该对象。! ~0 r5 @0 D, ^0 Z
+ q% a) k/ m8 H$ g. F
  下一步就是用铅笔工具描画主体人物的外轮廓,此时无论你使用手写板还是鼠标,都没有问题,因为这只是勾画一个大致的轮廓,重要的是后期的调整。
5 S% J4 w8 F) f/ Z* ^# N9 L$ s$ I) @* y5 Z4 z
9 V# {  }( J+ b2 X0 j. \, Y
3 ^# p( `6 |( e6 a8 O: y* q7 ~, r
人物最关键的就是脸,所以要最先进行调整,以便使最新鲜的感觉都留在这最精彩的部分。上面右图是真实的女孩侧面剪影照片,我们可以看出她并不具备美感,因此要用于插画还要对这种“真实”进行适当的艺术加工。
9 e- w& `$ p8 _" r7 a: _
# E$ V0 I% H  v1 Y% L4 s  首先使用以下几种工具对草图线进行调整,其功能大致如下:
' ^5 \3 f$ ?+ f
6 _  V) H" _7 v* @1 S+ |' \; ]$ G+ Q/ t  单独对象选取工具:用于调整单个的贝塞尔曲线锚点和锚点手柄。
) a6 x  q, Z! O' ^" ~  添加锚点工具:用于在曲线上加上锚点。; T8 [, G+ M& A" c* w
  删除锚点工具:用于去掉多余的很重复的曲线锚点。其实你用钢笔工具靠近曲线或锚点的时候,他会自动变成以上这两个工具。
9 e) X! ~% o8 q0 e) R  转换锚点工具:用于锚点造成的尖角转折与圆角转折之间的相互转化。' T4 v5 M' ^1 J
$ O& ~5 j1 ]6 G' ^/ c1 S6 C1 g
  每一个右下角带有黑三角的工具,都可以通过单击(按住黑三角不松开)弹出一系列隐含工具。2 v: x4 Y# J$ x. D* [! _  o4 r

* w! @2 q+ ^. B. t3 E& C/ D  接下来我们就可以调整人物的脸部了,为了避免画出来后的人物面部比例严重失衡,我们可以参考照片中真实的人物侧面像结构描绘。下面给出一些参考:4 K' I$ @* W' R! C% B8 m

# b5 O# A4 ~: b: X2 C  人物面部比例 / G4 w+ e- O- F7 A% q. b, ~
0 O, N8 T$ y% s+ m% _
& E: ~3 _; B6 U

9 e/ G' f& S2 y& s! Y人物的面部比例基本上如图所示,其中眼的中轴线(该图中眼睫毛的位置),大概在人物整个头部高度(从头顶到下颌)的二分之一处,而鼻底线则在眼睛到下颌的二分之一处,即整个头部高度的四分之一处。
+ i' Z) a0 b' J9 h) s! I9 s. W
8 E7 Y' d/ ]# o# C- i4 w5 K7 e
# s; {: a% i$ B
  y. k4 c$ t. x' ^3 Q- o9 o另外就是头部的长宽比例基本上是1:1,尤其是这幅插画中女性的头部剪影,几乎可以延外轮廓画出一个正方形。掌握了上述有代表性的比例之后,下面的图形调整阶段就会轻松许多,最后的成品也会更加令人满意。头部画好后还可以进行一下艺术加工。" n- p# G6 z. N

0 O4 q/ r* S: C( }4 E3 b" w4 D0 V. M  进行艺术加工的时候主要下列几个方面:9 O  L- c/ N( J( l
5 z6 Q4 z; r  |: o3 a
  额头:略鼓一些,这样可以显得聪明、机灵。(注意头发边缘线处的突起)- Q! ^. Y5 T9 ]7 C
  睫毛:一定要突出,夸张一些,要上翘的那种。这样可以显出女孩的特殊魅力。5 {; R* ?4 c/ e6 I5 g
  鼻子:尖尖的,鼻尖上挑,挺拔。或者稍微有一点塌,到鼻尖处有一个圆圆的小鼻头。依个人审美和所画人物的年龄性格而定。
. N: T: _, G+ L+ @% u8 ~  上唇:略向上翘起,显得俏皮、可爱。$ b5 y3 Q) F; z2 G
7 D+ {- v- r: N  U
  完成后的脸部图像如下:% m6 R  ~+ M# A* Q! p) V
  l9 \6 s4 a  L1 `8 F, H
 楼主| 发表于 2006-7-5 12:49:50 | 显示全部楼层
三、 衣饰
6 C* c5 \$ t; A; \: q0 I& z( G. ]6 H9 b7 `
  从全局考虑主体人物未免显得太单调,于是决定在人物上衣上加上花纹,用作装饰,这也是为丰富主体人物的层次。花饰全部依赖手绘完成,在这里使用鼠标手写板均可,只是鼠标画出的线条会略显得呆板,缺乏变化。
' y5 C3 |; n# V" }6 F& I* C! o6 H0 q7 Z2 J  m6 `' N, g9 }. d
      依据上面的步骤继续完成主体人物的上衣、双臂。适当注意人体比例,某些地方可以作适当的夸张,例如:被拉长的身体和双臂,这可以让人物显得轻盈,也是为了符合Anja Kroencke类似时装画的插画风格。绘制完毕的图像如下图:
0 B( V4 O% b0 O4 R, `
' x4 P% \' V9 l, M" T1 R
0 x9 L, A0 Q) E7 H1 J# @) N: i) P: F  g" K: p) A, o
      在我们最终确定色调之前,画面中的一切元素暂时以黑白灰着色。
3 B0 S9 \7 T! y# Z1 A5 }
2 |! o: q( \9 }! b9 N, P  现在我们可以看到,从全局考虑主体人物未免显得太单调,于是决定在人物上衣上加上花纹,用作装饰,这也是为丰富主体人物的层次。
4 M0 b! H2 q* p0 B: I; q. y  选择毛笔工具描绘花饰,双击工具栏中的毛笔工具,在弹出的对话框中进行如下设置:
) M  K/ T4 K" A0 E
# [9 x6 h- W/ w3 K4 J  R: O1 i
8 _4 I5 G# c' z, U8 }' |
! v3 [3 D/ N5 U. g! e+ I5 I在Stroke面板中进行如下设置:
" n$ h3 u' ]. t! |
  z0 ~1 y3 X+ e$ z5 J" v$ J
# {% T9 d' z5 }4 ]% n4 V: U6 Q+ R9 \  H- ?* h$ E1 V' i
  并在Brushes面板中选择一个笔刷,双击该笔刷设置如下:
5 T$ f6 l8 N" `1 s
8 P6 g( Z& C9 S; L' N( j3 e8 w/ R2 L; s) n

( ^6 d) ^& O# J% u$ {2 }在这里设置的目的是为了取得一种线条不均匀的笔刷效果,从而在比较匀实的线条中取得一种变化。下面是进行设置和不设置的效果比较:(左图为设置 右图没有设置)# v; x9 J% g) l+ `: L* @

6 l; S+ f- A0 H& S1 B- |
9 k0 @( U5 \5 ]5 F1 C
9 m+ J* [8 E. }! W1 s0 D花饰全部依赖手绘完成,在这里使用鼠标手写板均可,只是鼠标画出的线条略显得平直,缺乏变化。(我的图形是依靠手写板绘制的): @' L! B) x  j8 d# Q* `3 b

3 B/ a$ _7 _: v9 `3 W- J  添加了衣饰的主体人物如图:
% b9 a. z8 }5 Q0 v+ U9 X- m8 P. d2 q7 h5 b9 c  ^  {

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

本版积分规则

客户端