用Fireworks制作动态效果的LOGO

本例主要针对一个LOGO的渐隐效果做出仔细讲解 本例涵盖了FW所有的主要动画技巧 对初学者来说可能有点难，但只要仔细揣摩，那么用fw做gif就可以完全掌握
$ _+ o0 ?8 {9 s1,新建一个88*31的画布,画出如图中的两个条,并按F8转换为元件.(图1)
5 d+ m; k8 }6 K, o0 F4 D0 C
# Y0 l' Y( j; j1 v* c& S& N



5 u$ a4 }; Z8 L6 g. b5 n3 ]
2,在画布上用8 pt的象素字写上文字并分别保存为元件(图2)
) P% w' D! a. y" ?9 w9 z2 i


4 m# |2 V7 x' S# ^' L

8 u. V# c4 Q( Q9 G
3,选中一个元件 用\"滤镜\">>模糊>>运动模糊 对字体进行处理, 设置是180度 3象素然后保存为元件(图3)
1 S( _' J3 N4 K8 j


) F! Z; q% a( p$ r
2 Z" T* E+ T  a: x% D! O4 Y
" T% M5 q) N2 X( l
4,在第一帧位置,删掉其他元件 仅留下图中的运动模糊元件移动到图中位置 进行如下设置 (图4)

" E9 v8 e! O4 ^# z- j

$ E- o  E7 j0 x9 ^) n1 _/ ?( O2 {
?
9 h4 B" H, M$ o$ w& V" T& b  j[color=red'][1]
) K( o" H# T& {. {4 t& @) n3 p?[2]?下一页??
/ U1 k4 |8 k2 ^2 B


5,在第4帧位置 从库中拖出图形元件(1),按ctrl+shift+d克隆一次,同时选中这2个元件 右键点击>>元件>>补间实例 设置是2帧 钩选\"分散到帧\"然后对 下面那个文字元件创建动画如图设置(图5)
. o  z9 ~4 M2 T- i2 a+ d* a8 T

  u4 t( I; z* d* d$ T" d) E6 h% |
3 J, Y/ t2 H; i% K

" p; o8 F& O3 @- A! }" i
6,在第6帧选中2个元件 分别设置成■图中动画效果(图6)
" Q6 ]+ e+ S: d
2 {8 J# P6 U; g' Y% _
4 }: L+ t4 z8 J& s4 t, X- q/ n8 c

  G! j$ T- m6 u5 K" D; r0 B
! l7 {- k4 P! g+ F
" m" `. `" G' |) @. W; X7,在15帧处 新建一个文本 画一个矩形 和图中一样大 然后按住■shift选中矩形和文本 点修改>>蒙板>>组合为蒙板■ 在帧面板中复制6帧 (图7)




) i5 R6 d# v+ `

" R% v8 o* m, Y3 J- b8,在16 17 18 19 20 21 帧中分别选中蒙板 调节渐变程度■■在21帧 复制一个\"设计是空\"转换为元件 创建一个渐隐动画■■并在最后一帧设置为1秒时间 接下来是输出(图8)

- g- |0 @4 b! m
) D& C" I* W( @0 u% H" Y& B


& _; i. o" E' C. h8 g
5 E, l% A$ }- Z3 q+ D/ x9,好了 设置成我图上的输出 就可以达到效果了 (图9)(图10)上一页??[1]?
  _7 o, ?, P1 t, U/ r# C8 I( O[color=red'][2]
?