查看完整版本: AI将照片处理为矢量人物插画

黑不白 2006-7-4 20:46

AI将照片处理为矢量人物插画

现在许多报刊杂志、商业广告中经常会用到vC$jd(k(x(_v
[url=http://www.wzsky.net/html/sucai/vector/]矢量[/url]
.nO4e&p ou` 人物,特别是年轻美女,因为不管男性还是女性观众,都喜欢插画或广告中的女性角色。矢量人物的绘制并不难,借助如今优秀的矢量绘图软件,如'b B/_ S M#w G
[url=http://www.wzsky.net/html/Photo/Illustrator]Illustrator[/url]
3~0F#JQ}6]M%^O
8V hzV"E f [url=http://www.wzsky.net/html/Photo/Coreldraw]CorelDraw[/url]8_[1G/@+X
等,再掌握一些基本的技巧,就能随心所欲地画出各种不同的人物形象。
3aT5v,M&d-h0|/E%b9F2y3u;N 本文将以中文版Illustrator CS2为例子介绍如何使用
,^}"Y-dp^X t [url=http://www.wzsky.net/html/Photo/Illustrator]Illustrator[/url] ?TF M\ G P
绘制时尚矢量美眉,其它版本的Illustrator在操作步骤上可能会略有差异。文章末尾提供.ai源文件供下载参考。
7j)\0W'c+we3C 具体操作步骤如下:krU&}C?q
[b]1.置入参考照片[/b]8`~ S|*iO:V
许多设计师在绘制矢量人物时会先选一幅用于作为参考的图片,这样可以使得创作过程变得更容易一些,同时可以弥补手绘功力的不足,读者可以从网上搜索其它美女图片用作参考。
m L%Q]Eh 启动Illustrator后,新建一个文档,然后选择菜单命令“文件>置入”,将参考图片置入到当前文档中。双击“图层”调板中的“图层 1”,打开“图层选项”对话框,选中复选框“锁定”和“变暗图像至”,并将变暗图像的数值设置为30%,如图1所示。设置完毕单击“确定”按钮。#E`Kf:N$g/a"`6{W
[img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940030.gif[/img]S%n z?3o5N
图17Se r1N"z(NH1f!b
[b]2. 开始描摹[/b]
j.I2v4ZdWs 有了参考图层,就可以使用钢笔工具进行描摹了,就象练字时描红一样。单击“图层”调板右下角的“创建新图层”按钮创建一个新的图层“图层 2”,按住Ctrl键的同时单击“图层 2”左边的眼睛图标(如图2所示),将图层次的视图模式切换为轮廓模式。
^N+hEM9\"Yw [img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940031.gif[/img]
O9q u$C0|h9s (切换可视性)图2vN-u{v^
使用工具箱中的“钢笔工具”勾勒出女孩的基本轮廓,如图3所示。这要求读者事显黄握钢笔工具的基本使用方法。
6R9izpr7k@m 在画轮廓的时候,有一些快捷键可以帮助大家画得又快又好。这些快捷键是:
o5U4~H8UY6o Ctrl+[ = 将对象排列顺序后移一层。 A R!CN:c?z VS I2r)r
Ctrl+] = 将对象排列顺序前移一层。
;[6gP.x;Q+Y Ctrl+Shift+[ = 将对象移到最底层。
3s[i1V.\| Ctrl+Shift+] = 将对象移到最上层。
N-M wNV9w+I{ Ctrl+F = 将对象粘贴到原位置的最上层。 $E B p4K5BMWe
[img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940032.gif[/img]
4L!d5Dg YH'l 图3
o4^.^)[TAM)B4Zn [b]3. 制作面部阴影[/b]+W*~'_S U*F@ }%c
使用钢笔工具绘制出阴影的路径,然后选中面部外轮廓路径后按Ctrl+C复制路径,再按Ctrl+F粘贴到原位置的上层。选中复制得到的面部外轮廓路径及原来的阴影路径,按Shift+Ctrl+F9打开“路径查找器”调板,单击“形状模式”中的“与形状区域相交”按钮,如图4所示,经过这样的操作后就只剩下了两条路径重合的部分。这是绘制人物插画时经常采用的一种方法,在下面的绘制过程中请注意体会。
3fAe~3e/w uGU i [img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940033.gif[/img]MiS4s%R;B$w(di
图4
5]1j&h4l/R8rx 使用与上面步骤相同的方法为整个插图制作阴影路径。不必太注重路径的细节,每一部分画一条简单的路径就足够了,例如眼睛、嘴唇、T恤、身体等部分,如图5所示。记住使用Ctrl+C复制路径,然后使用Ctrl+F粘到到原位置上层,这种方法将为我们节省出大量的时间。
e.?L~*H4?1d*y;w [img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940034.gif[/img]5K:DwO_&q|9_r
图5
'nc Xr bGt'Iu [b]4. 填充基本颜色[/b]2s1}7Kn E U!OA
现在为面部、眼睛、嘴唇及眉毛填充基本颜色,如图6所示。 DnsK;?.R4H ?@
[img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940035.gif[/img]
tS'a F$P1x-Rq5i 图6
:buu%l6`H;V&~W [b]5. 为阴影填充渐变[/b]
Ndu{i _"}f.w Yk 使用渐变色填充面部的阴影路径,这里使用的是白色到肤色的渐变,在“透明度”调板中选择混合模式为“正片叠底”,如图7所示。
Vk!i,`!Zr [o [img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940036.gif[/img]
*y7\g:Y ?9B ` zT"P0AG 图7'B&fQ#K#|
选择其它的阴影路径,然后使用“吸管工具”将渐变填充从前面填充的阴影路径复制到其它阴影路径上,如图8所示。
!r |Ln(Gz+d~,x [img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940037.gif[/img]:OG p4Px&N,M U LKD
图8_Khg{K
对于嘴唇和眼睛部位的阴影,使用“吸管工具”复制面部的基本颜色并将混合模式改为正片叠底。FG3yA\0k E7C-D
[b]6.身体部分的着色[/b]
$@ sg5W}} 使用与上面相同的方法,为身体填充渐变色,注意可能需要调整每个阴影路径的渐变色,以使得身体部分的色调与整个人物色调协调一致,如图9所示。
3H}1PnWb8bm [img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940038.gif[/img]3xM#W%V8c+X9j
图9
*Lk6oYWC8a5U[ [b]7. 为头发着色[/b])e d1hmS1erF
还是跟上面采用的方法一样,使用渐变色填充一个路径后,使用“吸管工具”将渐变色复制到其它头发路径,如图10所示。
.^*f0['tO|` [img]http://www.wzsky.net/ddimg/uploadimg/20060624/0940039.gif[/img]
+G,FP[]syF 图10
o{N\[?0HZv_ [b]8.为T恤着色[/b]
K| O.h,K qD4k A:qB 仍采用与上面步骤相同的方法着色,如图11所示。到这里,应该清楚为矢量人物着色的窍门了吧。!Ww+TG-caY
[img]http://www.wzsky.net/ddimg/uploadimg/20060624/09400310.gif[/img]@3Wf$P |j
图11&}w-m/Km)v.Q ag9A#Y4J
[b]9.为裙子着色[/b]
CE~M9v)~\ ym 使用一种蓝色渐变色填充裙子,然后使用“吸管工具”复制到阴影路径上,如图12所示。
*lxE;k0]u$l H [img]http://www.wzsky.net/ddimg/uploadimg/20060624/09400311.gif[/img](L#x6l }M(} \-m
图12
S1wO3Uu?0e [b]10. 头发的细节[/b]
[/c`X8[*_ 现在可以为头发添加更多的细节,以使得人物形象更加细腻。通过添加多个路径制作阴影,使用较亮的渐变色添加一些高光,如图13所示。如果需要,还可以用相同的方法为衣服、嘴唇等添加更多的细节,或者为她的身体添加漂亮的纹身。0cb(vyOT0u }
[img]http://www.wzsky.net/ddimg/uploadimg/20060624/09400312.gif[/img]
2F8Iwmlgn^&Z-Q 图13
P%Q)R Fs5DpF+b+y 最后,让我们来看一下完成后的效果,如图14所示。要使人物更加生动,就需要在一些细节上多下点儿功夫,因为这是教程而不是制作商业插画,使用本文所介绍的方法,可以多找一些图片来练习矢量人物的绘制,假以时曰,相信你一定能够创作出好的作品。原文件下载:Y$vK,i6L
[img]http://www.wzsky.net/ddimg/uploadimg/20060624/09400313.gif[/img]
aw"v` v$up(Y7y_ 图14
页: [1]
查看完整版本: AI将照片处理为矢量人物插画
查看完整版本: AI将照片处理为矢量人物插画