Fireworks制作动感卡通QQ表情

[复制链接]
查看: 248|回复: 0
gggds 发表于 2009-12-27 03:15:28 | 显示全部楼层 |阅读模式
 人的面部可以表现出成千上万、不计其数而又十分微妙的表情,而且表情的变化十分迅速、敏捷和细致,能够真实、准确地反映情感,传递信息。面部所表现出的各种各样的情感,最能吸引对方的注意。在你未开口之前对方就从你的面部表情上得到了一定的信息,对你的气质、情绪、性格、态度等有所了解了。所以有句话说得好,看人先看脸,脸是人的价值与性格的外观。所谓脸面不仅是指人的长相,主要是指面部表情。  对于经常上网聊天的朋友来说,表情图标一定不陌生,为了增强聊天的趣味性,减少打字量,系统有大量的表情短语,您运用得恰当,可以收到表达心意、夸张、幽默的效果。如图1所示。5 T. H. s: {7 X4 b

" _, e  c( \; p& _: ]% H/ r
1 F- a; [, N( c% O: Q  图1卡通表情图标效果2 N7 I* x/ P" K# F7 W& U3 s( \
  思路分析  要准确地表现出表情的含义,需要多多的观察。对于使用技术来实现则是一个比较简单的过程。主要是使用了Fireworks的矢量工具结合渐变色来实现的。( u. [: z% }' t9 U
  实现步骤  1、新建一个Fireworks文件。  2、在弹出的【新建文档】对话框中设置画布的宽度和高度为400像素,背景颜色为白色。如图2所示。
( g% L9 p/ |9 V
: k4 v1 U  e4 X/ D3 L2 Q. C7 ]# }: b
  图2新建文档对话框
% O  ~! ~( m' _' j9 M: g5 p0 ?2 T  3、选择工具箱中的“椭圆”工具,在画布中绘制一个宽、高为200像素的正圆。  4、给这个正圆添加边框,粗细为5像素,颜色为值“D44C01”。  5、给这个正圆填充放射状渐变色。效果如图3所示。
/ S5 E  a3 v, A9 h  S3 k; ^( p2 P2 ~9 b+ X! `
0 n0 _" q6 B: z/ a4 R! S
  图3给正圆添加边框,填充放射状渐变色+ D* b' }/ g* `  k+ a6 D6 H; m
6、单击填充控制窗口,打开渐变色调节面板,调整渐变颜色,效果如图4所示。& n8 o9 z- a3 p) @' [, w0 m
" R) |: V1 n4 G4 x' D

. K2 C% o3 Y: a1 {+ X$ `! K) g  图4渐变色调整面板
9 C$ N) K2 V( z& m1 i( R  7、选择工具箱中的指针工具,调整画布中的渐变色方向和范围,效果如图5所示。! T$ Y; w% ]5 X1 g
  p: B( \& |( q  N% @2 ?8 @& I

5 J0 X$ k1 n7 z: S  图5渐变色调整后的最终效果+ U! B8 o& Y$ O/ n0 n2 M) A0 Q
  【说明】这样做的目的是为了让卡通人物的脸部更有立体感。  8、开始绘制卡通表情的眼睛部分,仍旧使用“椭圆”工具在脸部的上方绘制一个小一些的正圆,尺寸为60X60像素。
2 z  ]- W, Z" H2 q; C* x  9、给这个小圆填充接近于黑色的深灰色,边框和脸部的边框颜色一致,但是边框的粗细为2像素。效果如图6所示。
8 o' d# g- `% G- D7 |! i5 @; o0 S
+ m3 S- V  p9 t+ x; K8 t5 H4 C5 y% k' i% p/ j
  图6绘制眼睛部分
' S" R( `1 U# Y7 r5 K9 t- p  10、把这个正圆复制一个,选择两个正圆下方的一个,把颜色更改为白色,去掉边框颜色。这时的图层效果如图7所示。. G( W* k( i+ a: F- u
+ n! @8 t8 v  [2 c
0 j" @- e* B4 h' W
  图7复制正圆,并更改下方正圆的颜色设置
8 \6 s5 V, L, w  11、同时在属性面板中把白色正圆的填充边缘效果设置为“羽化”,值为“3”。并且适当往右下角移动,这样可以使眼睛看起来更有立体的感觉。效果如图8所示。
  E, f5 Y& ]+ K2 C2 \' `
& x1 x  R4 g. p5 j' C( ]3 n1 t; t* J; Z4 i- T/ C6 L4 w
  图8调整眼睛下方的白色正圆
7 T( s' a+ V0 G+ Y7 J/ Z 3 n& `- S0 K9 v6 R2 S& w8 o. l
12、再次把这黑色的眼睛复制一个,同样选择两个正圆下方的一个,把颜色更改为白色,去掉边框颜色。这时的图层效果如图9所示。 4 K! J- d4 v3 c) i( c9 s( A* N

/ [) `4 b1 h/ w- O- `( Y, c$ b9 d( H3 [* }* l  R
0 ^0 G) B9 \* p  Q" j9 K
0 U* p! p1 L- U* E  U- g; ^( M) h1 L, d
  图9复制正圆,并更改下方正圆的颜色设置
$ E4 \+ w3 y) W! w  13、在属性面板中设置刚刚得到的白色正圆的填充边缘效果,仍旧为“羽化”,值为“10”。并且适当往左上角移动,这样可以使眼睛的立体效果更加明显。如图10所示。
5 O) ~, b+ C- f7 a' n0 S$ @
' ~4 Z0 l* O: }$ o- f' k2 b- p4 a. U9 j* o7 Y
  图10调整眼睛下方的白色正圆
7 p1 b# I6 h5 C( A- o" U  14、在黑色的眼睛上绘制大小不同的三个正圆,表示眼睛的眼白。效果如图11所示。1 k  Z# d9 W# |3 u

) e; s( ~# O4 u. D# L2 N" v
2 k9 C& b7 o5 j1 M" c  图11绘制眼白3 Q- l/ Y  [, E  Z) ?
  15、把眼睛部分的所有矢量图形组合起来(快捷键:【Ctrl+G】),复制一个,放置到脸的右边。7 [% X3 x4 _, \
  16、把左右两边的眼睛对齐好位置。效果如图12所示。
8 N0 D- \5 i! z, E0 B& p
7 |3 S0 J! @; ^7 B2 @+ [* m" _) v+ O
  图12对齐好左右两个眼睛; U8 r* w- {$ [$ O  n. X
  【说明】右边的眼睛阴影和高光的效果应该和左边的眼睛是相反的,所以需要翻转一下,但是眼白是不需要翻转的! w& I! e' O! b
  17、选择右边的眼睛,取消组合(快捷键:【Ctrl+Shift+G】)。单独选择黑色正圆下方的两个白色正圆,选择【修改】@@【变形】@@【水平翻转】命令,改变这两个白色正圆的左右方向。效果如图13所示。/ v3 `- P8 b$ l
; H$ F" b& z1 T% v
8 ?* L; _5 @$ n$ m( w; E
  图13调整右侧眼睛的效果
1 b1 x7 a7 H4 S7 U  18、好了,一对水汪汪的大眼睛就制作完了,是不是很可爱呢?接下来开始制作两个小手。选择工具箱中的“椭圆”工具,绘制一个60X60的正圆。3 x' g. \7 R/ o: w" q( D
  19、给这个正圆填充渐变色,这个渐变色和整个脸部的渐变色是一样的,可以参考图4。
+ f2 A$ C' Y; q( \  20、使用工具箱中的指针工具调整渐变色的方向,起始点在右下角,结束点在左上角。效果如图14所示。0 R! n0 ~) @" Y6 ~( q

' [( O* D7 P2 D: h1 r- u. ~8 p' x. N2 U8 W# G: {! }8 [
  图14调整手的渐变色方向和范围3 B3 g& v$ r  S8 v; o
  21、把得到的手复制一个,调整好位置,两个手就都制作出来了。效果如图15所示。- {. \/ G- {. y% g# \

2 }: }( {, D. X) x6 A9 {+ T+ Z/ h2 M( |- \; v9 n! O8 M
  图15手制作完毕效果
: Y6 i% ^  Y5 v. n' n- s 22、开始制作脸上的红晕,选择工具箱中的“椭圆”工具,绘制一个椭圆,具体尺寸可以自己感觉一下,不要太大,填充颜色为“FF0099”,边缘的“羽化”值为“10”。效果如图16所示。
+ o9 v3 x. ^' u6 {$ L3 ~# M  B  k# v  @$ A* Y& x# ~# F4 T9 L
! o; x/ S0 \2 S" a0 m& t" \2 b
, {7 x" l+ i/ I4 `( ~" Y, z/ Y, l
  图16制作脸部的红晕; Z2 L# T' ]8 h5 A0 T
  23、选择工具箱中的“直线”工具,设置笔触的颜色为白色,然后在“红晕”上依次单击鼠标,绘制一些小点。效果如图17所示。: J/ ^. ]4 l- v1 `+ W0 ~

& A0 \, J; K0 F" |9 N
# r, F1 }- E) h2 k! p& k3 v+ h  图17绘制红晕上的麻点; O+ S! @5 o4 Y) L
  24、把红晕部分的所有矢量图形组合起来(快捷键:【Ctrl+G】),复制一个,放置到脸的右边,调整好位置。效果如图18所示。
- W: |' y6 r% T
, A5 ]& ]9 t. r' z4 D8 U
# t) C) Z# D: a0 E5 [( ]3 j& ^# d  图18脸部完成效果- h* ~* f( r3 a7 S+ |' Q/ `) C' {# d
  25、最后来绘制头发,选择工具箱中的“钢笔”工具,在任意位置单击鼠标,创建第一个路径点。
9 D9 b, ^" m4 d  26、然后适当移动,在第二点的位置单击并且按住鼠标进行拖拽。创建第二个路径点。效果如图19所示。
6 O9 B& y. D( _" C0 e5 ?' J
* p$ h8 e! d8 p3 [! B/ v
# V- o% f6 {8 U/ f  图19创建第二个路径点
" k) K- r5 ^3 L' |7 {. ^  27、把鼠标指针移动到第一个路径点上,这时钢笔光标的右下角会显示一个空心的小圆,表示闭合路径。单击鼠标,闭合这个路径。效果如图20所示。
5 c; u' u/ G3 V
9 g- Z! G, P9 n& q/ ]  G+ [3 F& B$ Q& s* J' x* t* A
  图20闭合路径点
+ y* H+ i& e( o' v3 H) _  28、给得到的形状填充和脸部边框一样的颜色,边框为透明。  29、选择工具箱中的,首先拖拽路径点,调整为如图21所示效果。
) C6 W- w0 j( q! [* R( Z
* r/ O2 @4 r+ k0 ~$ g% i+ u/ F1 e2 }2 U: c6 r
  图21调整路径点的位置
( D2 V! y  w# j4 W  30、按住键盘的【Alt】键,使用“部分选定”工具,拖拽当前形状左下角路径点两端的控制手柄,调整路径的形状。最终效果如图22所示。* Z; D2 F% V; Q& z6 s- r7 Y+ g
! o4 U% J$ |+ O6 i2 u

6 |3 I0 c& W0 j, o: q  图22最终调整效果
: n  Y# ^, H! Y1 x( W1 a  31、选择【修改】@@【排列】@@【移到最后】(快捷键:【Ctrl++Shift+Down】)命令,把得到的头发移到脸部的下方,然后对齐位置。效果如图23所示。
& m/ u) m6 g4 \
/ Z: S' T1 p$ s: d) J+ ]/ b
0 N% `, P  L2 B. r; f  图23调整好头发的位置
" U( K% u5 ^6 E* U  32、把刚刚得到的头发复制,选择【修改】@@【变形】@@【数值变形】(快捷键:【Ctrl++Shift+T】)命令,缩小到原来的60%,调整好位置,最终效果完成。如图1所示。
  C2 R, T/ L6 s6 o2 \  操作技巧
  f2 [6 H# M  o7 L" o  1、在渐变色调整面板中,不需要的颜色控制点可以直接从面板中向下拖拽删除。  2、改变渐变色的方向和范围时一定要选择指针工具。  3、使用钢笔工具创建大致形状,然后可以通过部分选定工具来进行调整。可以改变路径点的位置,也可以改变路径点两端的控制手柄。  4、当需要单独改变路径点一端的控制手柄时,可以按住键盘的【Alt】键。
& o6 A8 Q# u4 S0 {8 t  如果上面的效果制作起来没有问题的话,那么大家也不妨试试去制作下面的表情效果:
. k/ o- ]: a$ D& y2 `% ~
: q8 o  H% e7 B2 q& K+ V  k; r- v( W

本版积分规则

精彩图文

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