一个颇有创意的遮罩动画

　
6 f( v9 W" q: F* ]2 N
本实例用到的一些基本操作：熟练使用钢笔工具和熟悉帧（Frames）面板、羽化填充(Feather)、遮罩(Mask)。本例是使用遮罩效果做的动画，对遮罩层制作是本例的关键。制作遮罩层有两种思路：1.将人物脸部精确的抠出来，转成灰度图像，然后使用反色(MX中无需反色)。(用这种方法做的效果可能是最好的，能够以人物面部的明暗影响滚动的文字，使文字若隐若现，但完全在Fireworks中做是比较困难的，尤其是在抠图上最好能借助Pototshop,以达到最完美的效果)2.使用圆形工具和钢笔工具绘制出脸部的大概轮廓，使用羽化填充制作遮罩层。在这里我们用的是第二种思路，很容易制作出上图的效果。至于第一种思路以后我会发上来的，有兴趣的朋友也可自行试试。step1: 打开一幅人物图片如图1。最好选择脸部较大、轮廓较明显的图片，这样更有助于完成这个效果。点击层面板上的小三角形，选择“Share This Layer”,将该层设置为共享层。
- a! K+ m; c' {3 B
& I! f9 N/ J2 v: ]2 Qstep2:新建一层，选择圆形工具，去掉填充色，只要边线的颜色，托出一个近似于脸部的椭圆，然后用钢笔工具(钢笔工具的具体使用我就不多说了，如有的朋友还不太熟悉，这里有详细的讲解http://www.fwcn.com/bbs/showthread.php?)，在椭圆上相对于脸部不规则地方添加几个控制点，调整如图。在这一步中尽量放大图像，这样有助于做出比较精确的遮罩层。
$ x, r- x8 T$ n% W; ?/ N4 S, F1 s; G
step3: 选择上一步绘制好的路径，使用羽化填充,并且去掉边线。

' G% C# P) C, l! q注意一定要用黑色填充(在MX下用白色填充)，遮罩层的最终效果如图所示：
0 ~6 \' k0 f0 u" I7 o
$ V$ E' [6 k* v; [/ [6 Xstep4：用文字工具输入一些文字如图。

然后选择该文字，按F8键，将其转化为符号，在弹出的对话框中选择Graphic，至于名字就不管了，还是叫它Symbol 1吧。
0 |% H9 ]# w& E  x$ D$ U' ~
8 l0 I# o% Z9 w: ~/ j; wstep5: 从Library面板中托出两个Symbol 1,排列成如图一样的位置。注意两个Symbol 1之间结合最好和谐融洽一点，这样在做动画时就会比较流畅。
0 z5 s" i. x+ e- ?8 G% ^2 n$ p
step6: 同时选择两个Symbol 1，执行“Modify/Animate/Animate Selection”命令(快捷键Alt+Shift+F8),弹出如图的对话框。将Frames参数调为8，点击OK，两个Symbol 1成为了一个整体。这是察看帧面板，会自动产生8帧的动画。
& y0 C1 v" d- h( Q
* U) n# u, |/ l( R1 N　

  i: Q+ A3 Q* H2 o5 xstep7: 选择前面绘制的遮罩层，在层面板中调整成顶层，然后同时选择遮罩层和Symbol，执行“Modify/Mask/Group as Mask”命令，这时的整个图层如图所示。

+ g. q" |) C" l0 `step8: 现在基本工作已完成了，最后在输出时选择“Animated Gif”格式就OK了。看完本例后，赶快扩展你的想像空间吧，用简单的技术做出更有创意的动画，如前面的眼睛图……PNG源文件：