用Fireworks 4的字体遮罩功能实现动画 Macromedia公司的Fireworks是一款专业的网页图形设计工具。它综合矢量图和位图的编辑、创建功能，能轻而易举地编辑、创建网页动态图形，优化图像。在最新的Fireworks 4中，还增加了以人为本的自定义功能配置，增加网页互动效果扩展资源（Photoshop插件、纹理、图案），并且能更好地配合Macromedia其它工具的运用、合作。同样的效果在Fireworks中完成的时间仅是同类软件的几分之一，这样将大大减少在网页创作中重复劳动的时间，让你可以将更多的时间花在创作上。
在Fireworks的诸多功能中，遮罩功能是其中一项强大、独特的功能，通过这个功能对矢量图和位图进行编辑，你可以随心所欲地编辑出各种颜色、形状、边界等的效果。而在Fireworks4中，遮罩编辑的功能更加完善，使遮罩的运用更加灵活多样。
在我们用Fireworks 4的遮罩功能来制作动画前还是先简单了解一下遮罩的概念吧。
一、遮罩的概念
1．遮罩对象与被遮罩对象
遮罩是由两个或以上的对象组成，以上下排列的次序堆叠。由上面的图像去遮罩下面的图像;通常我们称最上面的图像为“遮罩对象”，下面的图像则称为“被遮罩对象”。下图是将要做遮罩的两个对象，在上面的圆形是遮罩对象，而下面的方形则是被遮罩对象。

在选中圆形和方形后，单击“Modify/Mask/Group as Mask”进行遮罩。就得到右图所示的效果，从而看出进行遮罩后的图片被遮罩对象只按遮罩对象的形状显示。

2．遮罩的种类
遮罩的用法多种多样，总的分为两大类:图像遮罩与路径遮罩。
在图像遮罩过程中，你可以绘制图形，也可以用位图作为遮罩对象或被遮罩对象。在编辑图像的遮罩中，可以在“Object”面板中选择“Alpha Channel”或“Grayscale Appearance”编辑遮罩效果。
Alpha Channel(Alpha通道):清晰显示遮罩对象；
Grayscale Appearance(灰度级显示):取决于遮罩对象的颜色与被遮罩对象Alpha通道的作用。

路径遮罩是通过遮罩对象的形状来显示被遮罩对象的区域。在Object面板里的选项有别于图像遮罩，通过选择“Path Outline”或“Grayscale Appearance”来决定遮罩的效果。
Path Outline(路径轮廓):被遮罩图像以遮罩图像的路径显示，而“Show Fill and Stroke”则是遮罩对象的填充与笔触颜色，在方框中打上勾就可以清晰显示。
Grayscale Appearance的作用就与图像遮罩的作用相同。

二、遮罩的实例
下面，我们就来看一个具体的例子吧。
这是一个字体遮罩的动画，不仅制作便捷，而且文件小，适用于网络。虽然在Flash也能做出这样的动画效果，但用Fireworks却能省去用户下载插件观看的麻烦。
1．建一幅图像（或调用一幅图像）作为字体遮罩动画的被遮罩对象

。
2．将上一步骤的图像复制/粘贴2次，然后再把这3幅图像合并为一幅图像，这样做能使动画的循环效果更加连贯。
3．选中这幅图像，单击“Insert/Convert to Symbol”或按F8，然后选择“Animation”，将它定义为动画，在动画参数设置里只要填上Frames播放的帧数就可以了。我们在Frames那里填上10。

4．设置好后，图像现在处于第1帧的状态。选中在图像中间的小圆点，向右拖动。按下Shift键同时拖动小圆点时，可以保持平衡。

5．拖动后，图像会向右移动并且是处于第10帧的状态。要使动画循环更流畅，必须适当调整好图像的位置，使它第1个图案位置与第1帧的第2个图案位置相同。

6．调整好位置后，在Frames面板里选取第1帧，回到第1帧继续下面的步骤。
7．在Layers面板里新建一个图层，然后输入文字，作为遮罩对象。

8．同时选中遮罩对象(文字)和被遮罩对象(图像)，单击“Modify/Mask/Group as Mask”执行遮罩。

9．选中遮罩，在Layers面板里单击下图箭头所示，把两个对象之间的遮罩关系取消。然后选中遮罩对象(字体)，选中后在Object面板里会出现路径遮罩的两个选项，选“Path Outline”，然后回到Layers面板里恢复两个对象之间的遮罩关系。

10．动画已经基本完成了。现在到Frames面板里，把第10帧删除掉，使动画循环时直接跳回第1帧。最后再适当地调整好位置，使字体遮罩动画如走马灯般循环流畅，动画就完成了。
(点烧灵感 Kenzo）