|
人的面部可以表现出成千上万、不计其数而又十分微妙的表情,而且表情的变化十分迅速、敏捷和细致,能够真实、准确地反映情感,传递信息。面部所表现出的各种各样的情感,最能吸引对方的注意。在你未开口之前对方就从你的面部表情上得到了一定的信息,对你的气质、情绪、性格、态度等有所了解了。所以有句话说得好,看人先看脸,脸是人的价值与性格的外观。所谓脸面不仅是指人的长相,主要是指面部表情。 对于经常上网聊天的朋友来说,表情图标一定不陌生,为了增强聊天的趣味性,减少打字量,系统有大量的表情短语,您运用得恰当,可以收到表达心意、夸张、幽默的效果。如图1所示。" E7 o0 p0 \: T6 H9 f
# G- m1 D+ |9 l/ T
+ ]+ f; s/ n+ b9 w/ u 图1卡通表情图标效果3 J0 |6 b k5 z* O; m+ z
思路分析 要准确地表现出表情的含义,需要多多的观察。对于使用技术来实现则是一个比较简单的过程。主要是使用了Fireworks的矢量工具结合渐变色来实现的。
$ V( \/ \# n( M+ V0 ~" [ R 实现步骤 1、新建一个Fireworks文件。 2、在弹出的【新建文档】对话框中设置画布的宽度和高度为400像素,背景颜色为白色。如图2所示。( f# g& l1 s3 _7 \, P
" h# t; g0 p9 ?( {7 L7 T5 c
5 T3 n( F& [5 E 图2新建文档对话框( v( O. I# ~. V) `8 J
3、选择工具箱中的“椭圆”工具,在画布中绘制一个宽、高为200像素的正圆。 4、给这个正圆添加边框,粗细为5像素,颜色为值“D44C01”。 5、给这个正圆填充放射状渐变色。效果如图3所示。
; |4 R! A) u8 D" c, q9 W, i9 q9 Y5 s% v- D' C7 W* s
$ h, Z4 u; h5 V5 }8 o 图3给正圆添加边框,填充放射状渐变色" {( Q" i6 K" R
6、单击填充控制窗口,打开渐变色调节面板,调整渐变颜色,效果如图4所示。
) \& `" R( w* d+ w: U6 }% q4 z5 g. p8 e
& R8 B; u) n# U" x1 i/ \# V$ h
2 D) H. Y6 i. e, B 图4渐变色调整面板
# _+ ~- N; h6 q ^+ ^5 T 7、选择工具箱中的指针工具,调整画布中的渐变色方向和范围,效果如图5所示。4 S R8 @4 g6 V1 W( E0 p$ }0 W4 M
( V9 w- c9 D L8 n( q: J
J, ]3 l; j) f- Q ]) a" h
图5渐变色调整后的最终效果4 c5 {" P& A+ |! d R2 e& J/ K
【说明】这样做的目的是为了让卡通人物的脸部更有立体感。 8、开始绘制卡通表情的眼睛部分,仍旧使用“椭圆”工具在脸部的上方绘制一个小一些的正圆,尺寸为60X60像素。4 P# h8 j/ W' a! Q& J" L7 Y i
9、给这个小圆填充接近于黑色的深灰色,边框和脸部的边框颜色一致,但是边框的粗细为2像素。效果如图6所示。
& B: e! C; H( I( ?
k- T+ O: m, H% k9 p
! d5 s2 t3 H5 |. ^; E 图6绘制眼睛部分
H( a% u! I$ x( {, b7 A& A. u2 p* } 10、把这个正圆复制一个,选择两个正圆下方的一个,把颜色更改为白色,去掉边框颜色。这时的图层效果如图7所示。
% u! ^0 r ~1 n* v q; B# t& z$ x3 l
6 }3 s; g0 n1 X- ?8 |* k
图7复制正圆,并更改下方正圆的颜色设置
/ y/ x- W- I2 u 11、同时在属性面板中把白色正圆的填充边缘效果设置为“羽化”,值为“3”。并且适当往右下角移动,这样可以使眼睛看起来更有立体的感觉。效果如图8所示。1 f* `: Z. Z1 \- F& P- Z( T, U4 L
5 u& _) _/ w+ v* l# L8 Z
& D4 Z. F8 _! ]( X; v( u- E 图8调整眼睛下方的白色正圆0 ?. F7 W' Z) I/ h; w( N% B( n
* L& r$ Z+ f/ ~* R12、再次把这黑色的眼睛复制一个,同样选择两个正圆下方的一个,把颜色更改为白色,去掉边框颜色。这时的图层效果如图9所示。
! q& r' Z; m( b% J# y+ ~
1 T9 y# Y% Y9 c1 P/ v; b% J/ d: H" n+ v2 C+ }
1 }" a7 N$ E! v- q( X g( ]: K" x0 B+ U; }6 r
图9复制正圆,并更改下方正圆的颜色设置
6 J- @7 R0 {, p7 j 13、在属性面板中设置刚刚得到的白色正圆的填充边缘效果,仍旧为“羽化”,值为“10”。并且适当往左上角移动,这样可以使眼睛的立体效果更加明显。如图10所示。9 g- ]6 ~) J: V6 Z* C9 d$ r- S
+ n9 }% W; K3 a* @+ Y i* b8 X# M9 b0 R! w. ^4 A# M
图10调整眼睛下方的白色正圆
8 ~+ F& L C8 G4 P! G: p 14、在黑色的眼睛上绘制大小不同的三个正圆,表示眼睛的眼白。效果如图11所示。, _ ?& ~$ j" P" {- A
, G. U( w2 A' J) j0 K. w2 e1 i+ _9 D% x" s8 E3 y0 q8 ^
图11绘制眼白( r: G8 r6 k# Q/ k" q4 `& ~( z$ ]
15、把眼睛部分的所有矢量图形组合起来(快捷键:【Ctrl+G】),复制一个,放置到脸的右边。. M4 S0 v: ^" t) n/ k: h
16、把左右两边的眼睛对齐好位置。效果如图12所示。
- K, \+ s5 i/ Z# W- @4 W1 w/ [1 [) M8 j: A9 w, ]* M4 L0 p
( z5 r3 ^# E& G5 i: W
图12对齐好左右两个眼睛
6 m6 e# g7 {& B, B# m 【说明】右边的眼睛阴影和高光的效果应该和左边的眼睛是相反的,所以需要翻转一下,但是眼白是不需要翻转的1 L; d: d( |8 H* ?8 {
17、选择右边的眼睛,取消组合(快捷键:【Ctrl+Shift+G】)。单独选择黑色正圆下方的两个白色正圆,选择【修改】@@【变形】@@【水平翻转】命令,改变这两个白色正圆的左右方向。效果如图13所示。
% P& T1 J( y0 M6 ~/ {: H' t. O) O( o& a
5 w6 F/ T% C+ Z7 I# o' Y+ @) y* Q( F 图13调整右侧眼睛的效果# Y9 {* q, d, Q
18、好了,一对水汪汪的大眼睛就制作完了,是不是很可爱呢?接下来开始制作两个小手。选择工具箱中的“椭圆”工具,绘制一个60X60的正圆。3 b8 V3 C7 `% {6 h$ F4 h7 b
19、给这个正圆填充渐变色,这个渐变色和整个脸部的渐变色是一样的,可以参考图4。! H! g; m* A* j* H
20、使用工具箱中的指针工具调整渐变色的方向,起始点在右下角,结束点在左上角。效果如图14所示。
9 j) J( }7 l: n3 G
7 _( O) g: K$ @' B
& {# N) b0 {8 C* V, e6 x 图14调整手的渐变色方向和范围
B( x4 h2 P# Y( F5 I 21、把得到的手复制一个,调整好位置,两个手就都制作出来了。效果如图15所示。
8 L% |- C+ O8 O
( ]/ E7 S ^/ f& G' q# z, H, ` u
: o2 J: a- S9 ]+ r7 E* C 图15手制作完毕效果
' p0 w% |/ Z" S# ?+ W 22、开始制作脸上的红晕,选择工具箱中的“椭圆”工具,绘制一个椭圆,具体尺寸可以自己感觉一下,不要太大,填充颜色为“FF0099”,边缘的“羽化”值为“10”。效果如图16所示。 ( Y1 l! `& b" {2 I. a
8 m5 s; [: \% H; G8 ~: B; I$ f5 H
' A. i. q2 m9 L# ]4 n J* i
. w: ^: H( b& J0 ] 图16制作脸部的红晕
( r4 a& ~, @/ p* S9 ` 23、选择工具箱中的“直线”工具,设置笔触的颜色为白色,然后在“红晕”上依次单击鼠标,绘制一些小点。效果如图17所示。
6 @$ \, C1 W( u+ y# e2 c+ `! G- J& h6 Y' [5 T! S
8 T) Q% ~, W$ w
图17绘制红晕上的麻点+ f) g$ k9 Y. f+ \9 v2 R
24、把红晕部分的所有矢量图形组合起来(快捷键:【Ctrl+G】),复制一个,放置到脸的右边,调整好位置。效果如图18所示。
5 y5 f; R! O' h* `% t; _% X) w
5 R( U2 l6 Q" Y7 P0 @" b+ a) Z- ^1 }* \$ o" V3 s1 n+ n- z( U
图18脸部完成效果
9 B9 Z+ K. R0 B- L, Q! W' u# X 25、最后来绘制头发,选择工具箱中的“钢笔”工具,在任意位置单击鼠标,创建第一个路径点。
( b7 b# q5 |4 ~% j7 J. Z2 ? 26、然后适当移动,在第二点的位置单击并且按住鼠标进行拖拽。创建第二个路径点。效果如图19所示。
+ _6 \ D$ j) w1 G
2 y4 u! T9 f$ Q, \8 N+ `% O, }; {) `* k! U5 Y' B2 v
图19创建第二个路径点
6 f. a8 T/ u \9 s2 H) X$ P 27、把鼠标指针移动到第一个路径点上,这时钢笔光标的右下角会显示一个空心的小圆,表示闭合路径。单击鼠标,闭合这个路径。效果如图20所示。
$ A1 S9 d" o$ t. E" I5 x& ]- s M$ r% t/ z: I: J' Q# b' Y
8 ~" A& b, o9 A9 S0 ?6 G* A7 B
图20闭合路径点
1 D% _. F3 H C% d, f% L4 A, } 28、给得到的形状填充和脸部边框一样的颜色,边框为透明。 29、选择工具箱中的,首先拖拽路径点,调整为如图21所示效果。
f# x! ~ g1 Z& n- g
/ S& D+ V+ g8 i& o9 t3 F f1 C0 R+ ~& R' M; N7 J, A! T
图21调整路径点的位置! r' B' k2 p- g& X
30、按住键盘的【Alt】键,使用“部分选定”工具,拖拽当前形状左下角路径点两端的控制手柄,调整路径的形状。最终效果如图22所示。
# _! \4 d8 ?% z" B
, m- \- k2 L% D& j
; h1 s0 n, v6 V- x 图22最终调整效果
/ F8 v" @: I, f$ e, x 31、选择【修改】@@【排列】@@【移到最后】(快捷键:【Ctrl++Shift+Down】)命令,把得到的头发移到脸部的下方,然后对齐位置。效果如图23所示。; }4 v0 x; a9 G) ^; Y: n+ K8 h
/ F7 @) {1 S: `2 D+ e5 o* C" |
A1 U0 U. ?2 }9 @% V: E; m 图23调整好头发的位置
" L3 X. Q$ |' `' i" v! i5 Z7 Y 32、把刚刚得到的头发复制,选择【修改】@@【变形】@@【数值变形】(快捷键:【Ctrl++Shift+T】)命令,缩小到原来的60%,调整好位置,最终效果完成。如图1所示。
, c' K+ m' ]. l v2 H" ] 操作技巧
& L1 d2 S' u8 s6 I1 [/ m( [ 1、在渐变色调整面板中,不需要的颜色控制点可以直接从面板中向下拖拽删除。 2、改变渐变色的方向和范围时一定要选择指针工具。 3、使用钢笔工具创建大致形状,然后可以通过部分选定工具来进行调整。可以改变路径点的位置,也可以改变路径点两端的控制手柄。 4、当需要单独改变路径点一端的控制手柄时,可以按住键盘的【Alt】键。. O0 E4 u5 R) K. p7 H
如果上面的效果制作起来没有问题的话,那么大家也不妨试试去制作下面的表情效果:
# l3 P" e, j: U" ~, S
7 l) M9 b& H& }2 n* O" A; u |
|