作者站点：
www.go2here.net2 d% k( }8 v) O- e6 W$ \% U; V h" t
案例欣赏
% S) G% f9 [* f团购网站系统,团购网程序人的面部可以表现出成千上万、不计其数而又十分微妙的表情，而且表情的变化十分迅速、敏捷和细致，能够真实、准确地反映情感，传递信息。面部所表现出的各种各样的情感，最能吸引对方的注意。在你未开口之前对方就从你的面部表情上得到了一定的信息，对你的气质、情绪、性格、态度等有所了解了。所以有句话说得好，看人先看脸，脸是人的价值与性格的外观。所谓脸面不仅是指人的长相，主要是指面部表情。
bbs.163k.com4 P6 w0 f) F4 N8 u! i
对于经常上网聊天的朋友来说，表情图标一定不陌生，为了增强聊天的趣味性，减少打字量，系统有大量的表情短语，您运用得恰当，可以收到表达心意、夸张、幽默的效果。如图1.1所示。
, w& |$ f4 ^" j! y+ }
1 X M5 m' k8 }; f: n团购网站系统,团购网程序图 1.1卡通表情图标效果
163k团购网站系统官方服务论坛& B Q( p& n3 r) k1 @1 }/ l, {
思路分析
团购网站系统,团购网程序. Y. V/ i! M" ~4 W. a
要准确地表现出表情的含义，需要多多的观察。对于使用技术来实现则是一个比较简单的过程。主要是使用了Fireworks的矢量工具结合渐变色来实现的。
, I8 L7 D& O4 w5 v$ [( I( h! P" R163k团购网站系统官方服务论坛实现步骤
" X* \) K, S# t. q9 Z163K网站系统官方论坛1、新建一个Fireworks文件。
) Y' K E$ |1 K. v团购网站系统,团购网程序2、在弹出的【新建文档】对话框中设置画布的宽度和高度为400像素，背景颜色为白色。如图1.2所示。
: ~* d9 W% l0 }. i9 Z: C1 T) W, T163k团购网站系统官方服务论坛
团购网站系统,团购网程序1 q2 j, O( X2 @2 Y0 q T( l
图 1.2新建文档对话框
1 ~" w- H+ |* ^: L0 l0 M. c163K网站系统官方论坛3、选择工具箱中的“椭圆”工具，在画布中绘制一个宽、高为200像素的正圆。
bbs.163k.com& _7 z$ n: f: \2 e6 C
4、给这个正圆添加边框，粗细为5像素，颜色为值“D44C01”。
163K网站系统官方论坛- B _ U' g3 v
5、给这个正圆填充放射状渐变色。效果如图1.3所示。
为互联网事业发展提供源动力！ I$ b# Y/ y; M5 U* M
; C$ p1 T# Z) }4 Q |- D8 rbbs.163k.com图 1.3给正圆添加边框，填充放射状渐变色
/ g4 H6 V4 I: s163k团购网站系统官方服务论坛6、单击填充控制窗口，打开渐变色调节面板，调整渐变颜色，效果如图1.4所示。
" w3 L( t4 R1 M( ]+ F: E) [$ a团购网站系统,团购网程序
团购网站系统,团购网程序7 n& W/ w* x7 u4 X0 V" s# p
图 1.4渐变色调整面板
6 n5 o: `. z2 D$ S& V
7、选择工具箱中的指针工具，调整画布中的渐变色方向和范围，效果如图1.5所示。
为互联网事业发展提供源动力！* ]( L2 Z3 g. x6 b
3 H7 O2 E n; @& V163K网站系统官方论坛图 1.5渐变色调整后的最终效果
7 F8 G# L2 `5 g5 r# Cbbs.163k.com【说明】这样做的目的是为了让卡通人物的脸部更有立体感。
团购网站系统,团购网程序0 _* E% y) t r5 ~) O
8、开始绘制卡通表情的眼睛部分，仍旧使用“椭圆”工具在脸部的上方绘制一个小一些的正圆，尺寸为60X60像素。
! K+ y5 J$ B; S5 v163K网站系统官方论坛9、给这个小圆填充接近于黑色的深灰色，边框和脸部的边框颜色一致，但是边框的粗细为2像素。效果如图1.6所示。
8 w' E: q( \9 m; u7 b7 r0 H163K网站系统官方论坛
bbs.163k.com" ]8 U3 c+ T. U4 ^3 Q
图 1.6绘制眼睛部分
bbs.163k.com8 t4 Z0 N. s* e8 c% s
10、把这个正圆复制一个，选择两个正圆下方的一个，把颜色更改为白色，去掉边框颜色。这时的图层效果如图1.7所示。
bbs.163k.com: e) E9 f& G0 t. U$ L& N9 C# ^$ p
8 S; F- A; d2 H. L; D2 E$ C为互联网事业发展提供源动力！图 1.7复制正圆，并更改下方正圆的颜色设置
团购网站系统,团购网程序1 R- f' L5 Y. G, d6 k
11、同时在属性面板中把白色正圆的填充边缘效果设置为“羽化”，值为“3”。并且适当往右下角移动，这样可以使眼睛看起来更有立体的感觉。效果如图1.8所示。
bbs.163k.com% q1 o0 @8 S' ]1 }( }5 w7 k
: b* x6 X* e. r8 f' B% qbbs.163k.com图 1.8调整眼睛下方的白色正圆
/ g4 N6 a2 ]" V; \, J+ v163k团购网站系统官方服务论坛12、再次把这黑色的眼睛复制一个，同样选择两个正圆下方的一个，把颜色更改为白色，去掉边框颜色。这时的图层效果如图1.9所示。
163k团购网站系统官方服务论坛$ F. H6 b8 {( F8 m3 T C
$ T% v* z- b( G' v* ?1 c
0 y, n) ]& r+ C9 [6 ~2 y% D
图 1.9复制正圆，并更改下方正圆的颜色设置
$ e' K. |$ h& {* s8 R, x5 N' u% Wbbs.163k.com13、在属性面板中设置刚刚得到的白色正圆的填充边缘效果，仍旧为“羽化”，值为“10”。并且适当往左上角移动，这样可以使眼睛的立体效果更加明显。如图1.10所示。
163K网站系统官方论坛& G( E) |0 d1 `( F; i$ E1 o
: [7 h* A8 B4 N t图 1.10调整眼睛下方的白色正圆
8 r1 l8 W0 L/ m; ]5 D+ p3 {' T& w* \14、在黑色的眼睛上绘制大小不同的三个正圆，表示眼睛的眼白。效果如图1.11所示。
- q: p; {' R9 x: I. qbbs.163k.com
+ L9 U" J: @3 E. P为互联网事业发展提供源动力！图 1.11绘制眼白
6 j7 S/ K& a' F为互联网事业发展提供源动力！15、把眼睛部分的所有矢量图形组合起来（快捷键：【Ctrl+G】），复制一个，放置到脸的右边。
团购网站系统,团购网程序# H5 S# n& N2 Q, Y2 ~( g0 ^
16、把左右两边的眼睛对齐好位置。效果如图1.12所示。
bbs.163k.com# Q' d% D0 d/ k* N3 l
& k1 C1 T* k) ]9 |图 1.12对齐好左右两个眼睛
163k团购网站系统官方服务论坛7 r' ]- ?' L2 N8 A8 n
【说明】右边的眼睛阴影和高光的效果应该和左边的眼睛是相反的，所以需要翻转一下，但是眼白是不需要翻转的
为互联网事业发展提供源动力！6 `0 @! @% q4 D1 v& @! P
下一页
