我们在网上经常可以看到一些泛着水波涟漪的动画广告，效果非常的逼真。其实这只是巧妙地利用了动画软件中的遮照效果而制作出来的。在Fireworks里通过蒙版效果和对每帧的播放时间进行巧妙的调整后，也能做出这种有水波涟漪的GIF动画。" U/ b5 [7 N( Q6 j/ k
. P0 j* c+ \; K; A. U+ t 我们先将一张将要用来制作这种涟漪效果的图片导入Fireworks。这时Fireworks会自动生成一个背景层，如图01。& {, X+ ?- y& n" G+ _
Y( M8 _0 K5 X+ V7 D3 n Y $ t( s% g W" Q9 P, O
图01
# [3 I% o: y M) `' Z
% D8 M b: b- J; k- P' X$ q3 r- p8 F8 M
点击层面板右上角的下拉列表，将背景层设置为“共享此层”，如图02。9 u) e" v* H( S
& G1 y& C l& C- S2 D* [
! X. T9 j/ F/ X9 m0 i& y0 B7 n3 ]* \$ c! I+ }1 P: ?
图02% _' r/ V1 w' v0 D% l! O. H
% H: ]! C8 @1 f- t# P5 z7 }; Z8 c
接着把背景层中的位图复制一份放到“层1”里面并用方向键使其上移2个像素。然后点击“修改—动画—选择动画”命令，在弹出的窗口里对该位图进行如下的各项动画设置。4 P( E8 c% N& Z; i' c" Z
: |, ~8 E5 |' c0 Z1 c
 ! U1 K& V7 D5 e. B- j
9 @9 k2 R: i/ u. P+ o% L' R( ?* C0 ^/ O% f# L' ?( S6 K/ Z: ^
图03
7 b" n; e" m+ Y6 E I
" e( V5 _* O$ L. b9 A; E; @ 现在该来画水波的涟漪了。用“椭圆形”工具在“层1”里画两个以白色为实心填充的椭圆形，如图04。5 x# u# `. X4 R; L
% c+ b6 [( D* W6 X
( f2 @1 T+ R4 \1 g' V5 X4 T
- B9 I2 B# s# a: S! r图04# T' S5 G# I) \; W1 g
, M) q! w: e" H' f1 W" w 将两椭圆同时选中后使用“修改—组合路径—打孔”命令，一条涟漪的外形就出来了。再复制多若干条这样的涟漪外形，并用变形工具进行适当的拉宽及旋转不同的角度后，形成图05般的状态。
8 b: ?. ^8 ~$ f4 A/ A& V
% g- ]/ p8 g( h3 {" |2 |4 `) g$ \ : i' ]& E+ D, v& K
图05) i/ O* m( g9 O( i
9 N: n7 o5 q9 s5 i3 _ 把所有的涟漪外形同时选中后使用“修改—组合”命令，将所有的涟漪合成一个对象层，如图06。5 L' C, D y% o4 j% w' E9 v
# C# b9 x G5 T0 j
3 e6 V$ k( B9 c) W5 V' z( N% a2 R
3 `/ o3 |* \ ?: W- S; e图06 y9 }: i( [7 K' \8 [# A& c
: S$ Q* Y, R+ n
把“层1”里的两个对象层全部选中后，使用“修改—蒙版—组合为蒙版”命令，将两个对象层合成一个蒙版对象，如图07。
5 o, h; v4 \ j/ a6 m y$ \1 @$ F* T
& f1 E& Z3 |6 x9 N1 {8 v$ z( t4 g
 8 m9 J4 I# ?. D
图07
* z' U9 V; ?; i1 u% F$ O( o/ U& q4 B" `# w) K+ {- z# p
为了使水波的涟漪效果更加的逼真，我们还要在帧面板里对各帧动画的延迟时间进行调整，如图08。
% E q a# k5 D( b! L. ]8 A# k O7 D% f( }! v( ~1 U
$ W; I4 ^* R" _: w* M6 X! ?
' e' R: a5 Z, R8 z图08- G r% y1 j4 d3 u3 D# u' P: d
. _4 ~8 d9 K3 Q! W* n O
至此整个水波涟漪的动画效果就完成了，如果你对动画的色彩要求不是很高的话，建议在点击“文件—导出预览”时，可将该GIF动画的使用色设为128，以减小动画文件的容量。如图09。
* M U2 ?3 Z6 }0 B$ @& @0 ?1 m3 M7 i* [
 3 Z' D1 F3 N5 v
图09, ?* F/ }$ z+ l8 k: R1 c$ Q& _
( J. B0 U& J% ?7 h' R4 p0 a 动画的最终效果如图10。
! A( ~3 e* M- @
. D. z4 M8 h% N8 I
|
发表于 2007-5-9 01:57
| 
踩窝窝
送礼物
问候Ta