Fireowrks制作夸张幽默的卡通表情

　　人的面部可以表现出成千上万、不计其数而又十分微妙的表情，而且表情的变化十分迅速、敏捷和细致，能够真实、准确地反映情感，传递信息。面部所表现出的各种各样的情感，最能吸引对方的注意。在你未开口之前对方就从你的面部表情上得到了一定的信息，对你的气质、情绪、性格、态度等有所了解了。所以有句话说得好，看人先看脸，脸是人的价值与性格的外观。所谓脸面不仅是指人的长相，主要是指面部表情。
; ?$ Q$ i, {. F! I" K: ?2 J9 D- V　　对于经常上网聊天的朋友来说，表情图标一定不陌生，为了增强聊天的趣味性，减少打字量，系统有大量的表情短语，您运用得恰当，可以收到表达心意、夸张、幽默的效果。如图1.1所示。

) r6 m  l. s5 x0 Q* F4 S

) ^$ J0 Z* q; y图1.1 卡通表情图标效果
　　思路分析
　　要准确地表现出表情的含义，需要多多的观察。对于使用技术来实现则是一个比较简单的过程。主要是使用了Fireworks的矢量工具结合渐变色来实现的。
　　实现步骤
: u5 ~& N4 O' Y# R5 [5 p　　1、新建一个Fireworks文件。
　　2、在弹出的【新建文档】对话框中设置画布的宽度和高度为400像素，背景颜色为白色。如图1.2所示。



3 c( B4 u4 W3 T* u) s1 J/ K5 v图1.2 新建文档对话框
# c) g3 ~' ~4 {- g3 Y5 \: `　　3、选择工具箱中的“椭圆”工具，在画布中绘制一个宽、高为200像素的正圆。
　　4、给这个正圆添加边框，粗细为5像素，颜色为值“D44C01”。
# y& y8 j1 P$ {' n4 e　　5、给这个正圆填充放射状渐变色。效果如图1.3所示。



# R0 |/ o5 H# f( t9 Z% u; t. v图1.3 给正圆添加边框，填充放射状渐变色
3 H9 g3 A) T# ~( `1 n& W　　6、单击填充控制窗口，打开渐变色调节面板，调整渐变颜色，效果如图1.4所示。
( L1 K/ J2 z- P1 ~

* X. v9 x# d) o7 f4 ?7 I' m) ]$ p
" P' W) d/ L8 A0 ^图1.4 渐变色调整面板
　　7、选择工具箱中的指针工具，调整画布中的渐变色方向和范围，效果如图1.5所示。


+ u2 D9 A- |! K( z* a9 Y( I
  T" `; j3 x7 {3 v) t, m图1.5 渐变色调整后的最终效果
　　【说明】这样做的目的是为了让卡通人物的脸部更有立体感。
　　8、开始绘制卡通表情的眼睛部分，仍旧使用“椭圆”工具在脸部的上方绘制一个小一些的正圆，尺寸为60X60像素。
　　9、给这个小圆填充接近于黑色的深灰色，边框和脸部的边框颜色一致，但是边框的粗细为2像素。效果如图1.6所示。
3 a) u0 U7 `/ ]  q/ r* r" \+ @
; Q9 W7 Z/ f7 n9 _6 c3 t3 ~
% m& |) N. M. U9 |! w- k7 ?
图1.6 绘制眼睛部分
# r5 s5 Z" `) _# l　　10、把这个正圆复制一个，选择两个正圆下方的一个，把颜色更改为白色，去掉边框颜色。这时的图层效果如图1.7所示。

( D0 f9 `: v$ b3 t  d

图1.7 复制正圆，并更改下方正圆的颜色设置
　　11、同时在属性面板中把白色正圆的填充边缘效果设置为“羽化”，值为“8”。并且适当往右下角移动，这样可以使眼睛看起来更有立体的感觉。效果如图1.8所示。
4 H7 v  J7 ?- X, G/ n
# I) A  Z& Q' F& O0 d4 U

图1.8 调整眼睛下方的白色正圆
　　12、再次把这黑色的眼睛复制一个，同样选择两个正圆下方的一个，把颜色更改为白色，去掉边框颜色。这时的图层效果如图1.9所示。

  Y9 r8 L/ m1 k$ L2 {+ x: h

图1.9 复制正圆，并更改下方正圆的颜色设置
　　13、在属性面板中设置刚刚得到的白色正圆的填充边缘效果，仍旧为“羽化”，值为“10”。并且适当往左上角移动，这样可以使眼睛的立体效果更加明显。如图1.10所示。

2 E6 G. e+ q& e9 ~3 q) N
4 l+ J) [0 a% m
图1.10 调整眼睛下方的白色正圆
　　14、在黑色的眼睛上绘制大小不同的三个正圆，表示眼睛的眼白。效果如图1.11所示。
5 x0 W0 b% s. ~" [6 H


7 Y  e- P) v% @- z; v图1.11 绘制眼白
0 {. U8 \6 |% B3 d' x/ o& G　　15、把眼睛部分的所有矢量图形组合起来（快捷键：【Ctrl+G】），复制一个，放置到脸的右边。
) D. g% X: S" m9 `- P$ c6 R　　16、把左右两边的眼睛对齐好位置。效果如图1.12所示。

; e8 u0 c* J, u0 x  X3 ?# _

) g$ p! h; B: i/ E2 S7 y图1.12 对齐好左右两个眼睛
　　【说明】右边的眼睛阴影和高光的效果应该和左边的眼睛是相反的，所以需要翻转一下，但是眼白是不需要翻转的
　　17、选择右边的眼睛，取消组合（快捷键：【Ctrl+Shift+G】）。单独选择黑色正圆下方的两个白色正圆，选择【修改】【变形】【水平翻转】命令，改变这两个白色正圆的左右方向。效果如图1.13所示。


  c/ ]2 t1 Q3 R( E2 t" s
; G" K6 U: M: G图1.13 调整右侧眼睛的效果
. ]3 L. B* B- H0 y$ }- _　　18、好了，一对水汪汪的大眼睛就制作完了，是不是很可爱呢？接下来开始制作两个小手。选择工具箱中的“椭圆”工具，绘制一个60X60的正圆。
3 _4 j! R. [% ^　　19、给这个正圆填充渐变色，这个渐变色和整个脸部的渐变色是一样的，可以参考图1.4。
# w2 B3 n5 b8 I% t　　20、使用工具箱中的指针工具调整渐变色的方向，起始点在右下角，结束点在左上角。效果如图1.14所示。
9 ?: o' l6 ^0 ^4 J0 b8 R$ M

% \7 n1 t  M+ [2 I  Y# M& e' y6 d8 h. }
图1.14 调整手的渐变色方向和范围
5 U2 `: ]$ Q* q) p6 ?　　21、把得到的手复制一个，调整好位置，两个手就都制作出来了。效果如图1.15所示。
% U, T- U/ y& y4 n+ \" }. z

1 ^  F: ?; `/ ~7 @6 T; y5 F
图1.15 手制作完毕效果
; e  J" \4 ]; i; z. ]　　22、开始制作脸上的红晕，选择工具箱中的“椭圆”工具，绘制一个椭圆，具体尺寸可以自己感觉一下，不要太大，填充颜色为“FF0099”，边缘的“羽化”值为“10”。效果如图1.16所示。
' D; u  X! u! e* a4 N& W9 `
6 s0 p$ o2 [- o/ h
3 Z5 h. U' F; X- U  l) k" E
- i6 [0 {4 r" A图1.16 制作脸部的红晕
1 Y, _; \0 ]8 m4 V. y　　23、选择工具箱中的“直线”工具，设置笔触的颜色为白色，然后在“红晕”上依次单击鼠标，绘制一些小点。效果如图1.17所示。
: `3 G/ L9 i- o) M3 O! z' C- ]


. g( Q- Z/ P8 R! p: E' Z图1.17 绘制红晕上的麻点
　　24、把红晕部分的所有矢量图形组合起来（快捷键：【Ctrl+G】），复制一个，放置到脸的右边，调整好位置。效果如图1.18所示。


# o1 o+ V% J8 J* |6 o' F
图1.18 脸部完成效果
　　25、最后来绘制头发，选择工具箱中的“钢笔”工具，在任意位置单击鼠标，创建第一个路径点。
　　26、然后适当移动，在第二点的位置单击并且按住鼠标进行拖拽。创建第二个路径点。效果如图1.19所示。
3 A, n, r1 c, r" E
+ C1 J, S. N9 \4 y
- T4 |; G$ w6 z
+ T6 \/ C: p4 U/ {$ i; c9 e图1.19 创建第二个路径点
4 F6 r0 E$ r" _; i" ]- A　　27、把鼠标指针移动到第一个路径点上，这时钢笔光标的右下角会显示一个空心的小圆，表示闭合路径。单击鼠标，闭合这个路径。效果如图1.20所示。
+ N1 v% B# q8 _+ `) G3 u7 ]

$ T+ }$ b( E# s) B! A
% x: Z) h5 f8 p图1.20 闭合路径点
　　28、给得到的形状填充和脸部边框一样的颜色，边框为透明。
1 f9 N# r  T5 Q. y1 T$ b　　29、选择工具箱中的，首先拖拽路径点，调整为如图1.21所示效果。
) C/ t2 v+ h- K
: w1 y( |  t* r8 A9 J) w+ V5 E. q
4 q$ i: d7 X( F) ^6 M% `: [8 W# ?6 p
图1.21 调整路径点的位置
* @0 T3 U7 ?# P1 V3 {, {' s　　30、按住键盘的【Alt】键，使用“部分选定”工具，拖拽当前形状左下角路径点两端的控制手柄，调整路径的形状。最终效果如图1.22所示。
  |( E  }* Q& B( f5 V8 }


5 K) Q9 t! V5 u) A) U图1.22 最终调整效果
　　31、选择【修改】【排列】【移到最后】（快捷键：【Ctrl++Shift+Down】）命令，把得到的头发移到脸部的下方，然后对齐位置。效果如图1.23所示。
+ h: k& T4 c% H
3 k0 z- |1 D: f# y% F

& B( x' ?5 @+ e/ w7 Y9 o8 b图1.23 调整好头发的位置
: j4 W4 I/ t# l# ^7 g6 A' m　　32、把刚刚得到的头发复制，选择【修改】【变形】【数值变形】（快捷键：【Ctrl++Shift+T】）命令，缩小到原来的60％，调整好位置，最终效果完成。如图1.1所示。
　　操作技巧
　　1、在渐变色调整面板中，不需要的颜色控制点可以直接从面板中向下拖拽删除。　　2、改变渐变色的方向和范围时一定要选择指针工具。　　3、使用钢笔工具创建大致形状，然后可以通过部分选定工具来进行调整。可以改变路径点的位置，也可以改变路径点两端的控制手柄。　　4、当需要单独改变路径点一端的控制手柄时，可以按住键盘的【Alt】键。
2 b' \4 N7 X$ h3 }( F  U( }　　如果上面的效果制作起来没有问题的话，那么大家也不妨试试去制作下面的表情效果：