Fireworks 经典的扫光字GIF动画

changyuxin

Fireworks制作扫光字动画主要技巧是图层蒙板的使用。我们也可以使用ImageReady, Flash等工具实现扫光字动画效果，基本的原理也是一样的，读者可以举一反三，触类旁通。 效果：$ g/ y, D7 d7 k% L& C  a9 w2 ?

6 ~" o4 I& k& b1 h0 z8 i

8 g' x+ o8 K& k& e

1、首先我们把背景选为黑色。再输入文字用白色填充，注意调整文字之间的间隔。- X% E& W4 n% b0 p( p

& k, v; v: A* s7 I) {! L0 v5 U

: a% ~' I( @* m0 |5 z

2、选中字体，对其进行转换为路径文件。5 d) }2 @3 W& W; ~

; e2 @- n% i  @1 o: J% ?

; `& i* F) |0 P1 u

3、对间隔再做少许调整。, u2 L0 ]' Y4 s& V" g* Z, V

0 j' q* @7 Z" ]5 ?1 g1 ]* ~+ I4 S

; ~; E( D) E1 R. v

4、复制文字改为黑色，做平移，出现立体效果。/ w! V# _; Z% U

6 Q! \: ~) t/ L& {$ C7 w

7 P8 Q; e2 t5 s/ _

5、再复制一次文字，并用部分选取工具选中路径进行颜色的填充。颜色根据自己喜好来

& y% u, N; y- E/ a

( Y6 j2 G, X; }2 K: p

6、用矩形选框工具画一个矩形填充白色，羽化10象素，矩形最好放在文字上方。
  g+ Y  D6 v1 A$ t5 C- A& |! `

0 r& F3 ^% H$ U0 s# g- X  ~9 [( W

+ |7 L# M3 s9 G  i, Z5 |

7、接着就要进行动画的操作过程了，因为考虑到只有第一层图片有动画效果，所以可以对另外2个图层进行共享层的操作。我们点击层面板上的按扭进行新建层。
$ |/ }$ m: D( C) S

  Z4 g8 W* h( b. R6 D4 f0 O

) a$ `: R. g0 c. Z( ^0 r

新建层，并在共享此层上打勾：

- i4 F  X( _0 y/ N

+ R2 c4 E4 l/ W9 Q7 j

将需要共享的图层拖至层2内并放在层1下面4 }9 M8 y' h" v* n5 n6 G  c1 p

2 W: D7 @9 P2 G* i* Y( c' B, [

5 ?( R8 x8 {9 L7 U) |7 w& M5 z

8、接着在帧面板上点击，选择重置帧,就是复制相同的帧。

  ~' f. b+ Y$ F2 t5 b" ?

3 o/ @/ z* R. a' B- W

9、选择第2帧，剪切白色羽化矩形，选中最上面需要做动画的图层，使用编辑—粘贴于内部，看....效果出来了，不过重要的是这里才刚刚开始。4 {, v. H5 a2 C5 B

9 ~  @) P9 P7 Y+ e

& j+ u3 r& f3 M

10、我们再看层面板，把锁定选项点掉，再选中蒙板处。( g2 w& J* s) S6 @8 s

1 v! Y1 a9 M3 w- O8 M

* ]1 B* b" w' W8 ]  [; r/ }" K

11、用指针工具在图形里面选择羽化后的矩形，用键盘的<--方向键进行移动,到达需要的位置。# G/ ]/ ?' Q1 R8 l

) @% j; F  L' o2 k

3 v6 q& p4 a5 _

用方向键移动羽化后的矩形

12、选中第2帧，再重置一个帧，请按照第8步部来做。

13，重复第11步，把白色的闪光效果帧一帧往后移，接下来几帧如此类推。
& e: X7 X* S$ O2 e$ ~/ A

7 H9 {, M/ v; Y/ Y

( z' B2 k; t9 L/ `9 V

14、到这里要做个过渡，把第一帧复制一下放到最后一帧，做为最后的总结，并调整等待时间。

& L8 N) c" a$ A. M

7 d6 q/ V% y( h* }) J+ \" r3 i

15、最后就是导出效果了，咱们选择文件导出向导，要图片色彩更好点就选择256色吧，默认128，设置好按导出就行了。! z6 ~& E+ D, M! m; o( Z

6 ^) H8 d( r. F- g" N# f

9 Z: d+ ?$ k/ ?, B. N7 m4 |

最终效果：

& c$ R, w+ l$ E' z6 `8 A2 |