Fireworks制作动感卡通QQ表情

[复制链接]
查看: 252|回复: 0
gggds 发表于 2009-12-27 03:15:28 | 显示全部楼层 |阅读模式
 人的面部可以表现出成千上万、不计其数而又十分微妙的表情,而且表情的变化十分迅速、敏捷和细致,能够真实、准确地反映情感,传递信息。面部所表现出的各种各样的情感,最能吸引对方的注意。在你未开口之前对方就从你的面部表情上得到了一定的信息,对你的气质、情绪、性格、态度等有所了解了。所以有句话说得好,看人先看脸,脸是人的价值与性格的外观。所谓脸面不仅是指人的长相,主要是指面部表情。  对于经常上网聊天的朋友来说,表情图标一定不陌生,为了增强聊天的趣味性,减少打字量,系统有大量的表情短语,您运用得恰当,可以收到表达心意、夸张、幽默的效果。如图1所示。
+ l5 O% |6 X6 S2 g; `
( A( t( ^  q$ z7 [6 n0 V) P* X+ |# y& c# I# p
  图1卡通表情图标效果! D1 U0 u( x: R! a
  思路分析  要准确地表现出表情的含义,需要多多的观察。对于使用技术来实现则是一个比较简单的过程。主要是使用了Fireworks的矢量工具结合渐变色来实现的。, y: L2 ]2 Q# J: g3 N
  实现步骤  1、新建一个Fireworks文件。  2、在弹出的【新建文档】对话框中设置画布的宽度和高度为400像素,背景颜色为白色。如图2所示。' i, p* g$ e! r% ~- i3 O

) E2 w& ^' n/ M( H6 P+ Y1 K
1 S$ e& F" a* \* t, P  图2新建文档对话框
. A7 F: Q; ]* R. j  3、选择工具箱中的“椭圆”工具,在画布中绘制一个宽、高为200像素的正圆。  4、给这个正圆添加边框,粗细为5像素,颜色为值“D44C01”。  5、给这个正圆填充放射状渐变色。效果如图3所示。
/ V3 x3 o3 x+ ?
/ l5 t9 `# s! Y, s# P' V; V% V* |" U/ L) E7 m0 v
  图3给正圆添加边框,填充放射状渐变色3 G$ C9 a4 B' {* s" d9 O% W7 u5 Q
6、单击填充控制窗口,打开渐变色调节面板,调整渐变颜色,效果如图4所示。% Q- U! f. m4 g# g
8 ^" [7 {- {1 d$ j; }% I: E
  M5 N6 K; L0 h3 {: Q* T* x
  图4渐变色调整面板0 W4 J, D( d" Q4 {1 w+ i# q
  7、选择工具箱中的指针工具,调整画布中的渐变色方向和范围,效果如图5所示。
8 `6 H  A& G( e9 {, m2 |& ]" r2 J6 u7 V" d2 X2 _5 g

3 }+ u) W- N) b6 v* O: p. l0 J+ ^  图5渐变色调整后的最终效果  D4 T# {* x) [" _
  【说明】这样做的目的是为了让卡通人物的脸部更有立体感。  8、开始绘制卡通表情的眼睛部分,仍旧使用“椭圆”工具在脸部的上方绘制一个小一些的正圆,尺寸为60X60像素。
  ~+ G( A* q# F/ \  9、给这个小圆填充接近于黑色的深灰色,边框和脸部的边框颜色一致,但是边框的粗细为2像素。效果如图6所示。
5 f; p4 b+ y  g3 Z4 `
" W2 H5 Q. ^% B0 C+ n$ @# {% d7 D3 |2 X5 H- u
  图6绘制眼睛部分. w8 y4 Q& d  n3 ^9 Z3 P
  10、把这个正圆复制一个,选择两个正圆下方的一个,把颜色更改为白色,去掉边框颜色。这时的图层效果如图7所示。
* Y+ l, z/ ^. R. c6 O# g
7 N. J  E2 ]  l! @+ a
5 S) w  @2 w0 {7 `  图7复制正圆,并更改下方正圆的颜色设置
# p2 `  \" [, F- c! l. n6 g# J$ W. W  11、同时在属性面板中把白色正圆的填充边缘效果设置为“羽化”,值为“3”。并且适当往右下角移动,这样可以使眼睛看起来更有立体的感觉。效果如图8所示。6 i; ~3 S! W1 B" s& S* y
+ @. I( q8 C2 l+ ^' B& g8 i

/ C+ o) Q, ?; m% z" H7 z; G+ Q8 _  图8调整眼睛下方的白色正圆/ x  S5 M# d2 k, g. @; H4 `( M& C

& Q- d5 H/ o( j2 ^% Q2 C' Z5 b12、再次把这黑色的眼睛复制一个,同样选择两个正圆下方的一个,把颜色更改为白色,去掉边框颜色。这时的图层效果如图9所示。
) M( {' @- o! f! D1 r8 X! k, O6 z
6 M2 ]$ E  i! H, y3 D+ y9 B1 _' S% C& j7 X7 t
8 g; x8 \& Y9 i. `$ @8 u9 D$ \+ R

- B3 \5 j& |. I# J# ?6 e) O  图9复制正圆,并更改下方正圆的颜色设置$ [" d5 h% N/ I8 N+ B9 }
  13、在属性面板中设置刚刚得到的白色正圆的填充边缘效果,仍旧为“羽化”,值为“10”。并且适当往左上角移动,这样可以使眼睛的立体效果更加明显。如图10所示。
- P$ N. r1 G) f7 l; l; w$ e
3 B& I5 Y2 n2 T. a, g9 B
" r4 r/ J9 h5 |' b/ A  图10调整眼睛下方的白色正圆0 J  v9 R) _3 {) n
  14、在黑色的眼睛上绘制大小不同的三个正圆,表示眼睛的眼白。效果如图11所示。! `" X; y* N5 L& C

- o0 Q# ?3 [; `# u1 ^
/ b" Q! v3 F, @, n7 [  图11绘制眼白3 Y, x9 n. r' Y% T6 J( i: C
  15、把眼睛部分的所有矢量图形组合起来(快捷键:【Ctrl+G】),复制一个,放置到脸的右边。" b9 {4 j* t" Q: W1 Y; c
  16、把左右两边的眼睛对齐好位置。效果如图12所示。
, m4 d3 P6 A" W7 c1 L( K; g, s4 ]# p6 A& M* t( c: w

9 ~4 B9 ^2 ]9 m7 n6 t# X  图12对齐好左右两个眼睛4 ~1 i3 h* S* y9 A+ X4 s& M* f
  【说明】右边的眼睛阴影和高光的效果应该和左边的眼睛是相反的,所以需要翻转一下,但是眼白是不需要翻转的
' y6 \' o* R4 O( A7 ~; l  17、选择右边的眼睛,取消组合(快捷键:【Ctrl+Shift+G】)。单独选择黑色正圆下方的两个白色正圆,选择【修改】@@【变形】@@【水平翻转】命令,改变这两个白色正圆的左右方向。效果如图13所示。
6 R7 l/ `& u0 o4 R! W, G9 f9 |$ _( R9 q: J' u

" S" M: `) D0 L/ D; ]: J  图13调整右侧眼睛的效果+ X) u6 [9 A: g* B9 Z4 _$ ~
  18、好了,一对水汪汪的大眼睛就制作完了,是不是很可爱呢?接下来开始制作两个小手。选择工具箱中的“椭圆”工具,绘制一个60X60的正圆。
6 K) I0 k, h8 J9 f4 U  19、给这个正圆填充渐变色,这个渐变色和整个脸部的渐变色是一样的,可以参考图4。
/ [0 N$ V3 t/ K% |. G  20、使用工具箱中的指针工具调整渐变色的方向,起始点在右下角,结束点在左上角。效果如图14所示。# R) g  T7 ^: \1 K
, Z! Q7 K  s. u4 ]) h

6 p7 E: i2 r  w  图14调整手的渐变色方向和范围
2 R: {3 f' e/ X: M- L  21、把得到的手复制一个,调整好位置,两个手就都制作出来了。效果如图15所示。
# [9 Y0 P0 y  i  E; A) M" W' E! p( Q; w2 B; y1 |
$ m% x2 n, w5 G' @
  图15手制作完毕效果+ o6 r( ~, A* ?2 e4 u+ z9 P) a
 22、开始制作脸上的红晕,选择工具箱中的“椭圆”工具,绘制一个椭圆,具体尺寸可以自己感觉一下,不要太大,填充颜色为“FF0099”,边缘的“羽化”值为“10”。效果如图16所示。 + Y4 @/ a( ]4 q2 L) ~
# c' U! u6 a/ f3 e$ E5 [) v

2 `" z" P# _$ Y' C3 `: N% D  b% j+ }/ ~8 b; ^5 z- T3 F2 p
  图16制作脸部的红晕
+ h; f& }6 ?7 I( |7 w  Z5 p1 u. D  23、选择工具箱中的“直线”工具,设置笔触的颜色为白色,然后在“红晕”上依次单击鼠标,绘制一些小点。效果如图17所示。
3 ^1 i4 u% N! Z# a
, F2 Q" h8 _8 G8 I" ]7 C2 s, o$ Y5 O( i5 c
  图17绘制红晕上的麻点+ U1 f/ o) J# _( k5 [- S
  24、把红晕部分的所有矢量图形组合起来(快捷键:【Ctrl+G】),复制一个,放置到脸的右边,调整好位置。效果如图18所示。
+ j- P) }- f$ E1 Y! V$ f: M' X1 l/ w9 w
; @. t3 w2 k3 ?* ?8 Z+ I
  图18脸部完成效果
: p1 ]+ i6 Z  P) |) g  25、最后来绘制头发,选择工具箱中的“钢笔”工具,在任意位置单击鼠标,创建第一个路径点。
1 e: A7 p$ q, t( a6 a  26、然后适当移动,在第二点的位置单击并且按住鼠标进行拖拽。创建第二个路径点。效果如图19所示。
" j. P1 N7 ?9 e  q
9 |" H# ^: N( j' w" o6 h! q3 ]# ^3 j, n+ b" X- w
  图19创建第二个路径点* c) P. _# B, B# c: F9 d- y% P7 `
  27、把鼠标指针移动到第一个路径点上,这时钢笔光标的右下角会显示一个空心的小圆,表示闭合路径。单击鼠标,闭合这个路径。效果如图20所示。/ b. n7 O; R4 I- o3 G. B: A

, p9 q  T5 n0 r0 i$ ^; Y
) E) S4 y0 @0 ~2 O2 k" v  图20闭合路径点  l& A1 ~$ ~- ?) P  J
  28、给得到的形状填充和脸部边框一样的颜色,边框为透明。  29、选择工具箱中的,首先拖拽路径点,调整为如图21所示效果。) n8 Y, z9 i( C) G) S6 x0 R' \% ~

4 Z# F& h# p0 e3 Z$ v; c7 ]  w( o' b. E, b0 X, v9 Q7 ~
  图21调整路径点的位置
: G, u/ ^% `1 t& ]; }  30、按住键盘的【Alt】键,使用“部分选定”工具,拖拽当前形状左下角路径点两端的控制手柄,调整路径的形状。最终效果如图22所示。
; O3 C! h% k7 V) ?) z$ L" {
7 S" f, [7 T( [( c, D8 M! ~  r
' I( d% S3 T' C$ |  图22最终调整效果1 }' ]' m& F, |' `
  31、选择【修改】@@【排列】@@【移到最后】(快捷键:【Ctrl++Shift+Down】)命令,把得到的头发移到脸部的下方,然后对齐位置。效果如图23所示。8 {8 M  G. N" V4 N! I3 d0 O
( q$ G1 U  d1 w& h
: V6 ]4 M2 n3 ]9 M
  图23调整好头发的位置
0 O0 i  w* J9 e2 `) Z5 Q. R2 S  32、把刚刚得到的头发复制,选择【修改】@@【变形】@@【数值变形】(快捷键:【Ctrl++Shift+T】)命令,缩小到原来的60%,调整好位置,最终效果完成。如图1所示。
6 i: b/ t4 K5 X$ Q; D) r8 H3 ]: I  操作技巧
2 S% K- o9 T+ I4 A" G7 K  j  1、在渐变色调整面板中,不需要的颜色控制点可以直接从面板中向下拖拽删除。  2、改变渐变色的方向和范围时一定要选择指针工具。  3、使用钢笔工具创建大致形状,然后可以通过部分选定工具来进行调整。可以改变路径点的位置,也可以改变路径点两端的控制手柄。  4、当需要单独改变路径点一端的控制手柄时,可以按住键盘的【Alt】键。
0 a& n( W5 M. f  如果上面的效果制作起来没有问题的话,那么大家也不妨试试去制作下面的表情效果:
' P4 J4 Q( `0 a; _& z3 C' H2 d( G4 D
. e% n1 d! l7 Z+ s. ]# H' N7 q

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )