Fireworks MX 2004 动画实例-遮罩动画文字

源文件下载

首先，新建一个Fireworks文档，画布大小设为400*300像素，分辩率为72，背景色为白色。

在画布上用“矩形工具”绘制一个300*100像素的矩形，设置填充颜色为图案中的“彩色玻璃”，并将矩形放置在画布左侧，如图1所示。

图1 矩形效果及位置

接下来选中矩形，然后选择菜单［修改］｜［元件］｜［转换为元件］命令，弹出［元件属性］对话框。将元件名称设为“遮罩”，类型设为“动画”，如图2所示。

图２　［元件属性］对话框

单击［确定］按钮关闭对话框后，会自动打开一个［动画］对话框，设置帧为10，移动为100，方向0，其它默认。如图3所示。

图３　［动画］对话框

现在可以点击一下播放按钮，看一下遮罩条的运动效果。然后停止播放并回到第一帧，选择［文本工具］在遮罩条上方输入文字“闪客”，字体设为“黑体”，字号设为50，颜色为黑色，加粗，如图4所示。

图4　文字属性

文字位置如图5所示。

图5　文字与遮罩条的位置

接下来就是设置遮罩效果的过程了。用“指针”工具同时选择中遮罩条和文字，然后选择菜单［修改］｜［蒙版］｜［组合为蒙版］。这时你会发现看不到场景中的内容了，不要急，选择层面板中的“矢量蒙版”，如图6所示。

图6　层面板

在［属性］面板上设置蒙版为“到路径轮廓”，现在可以在画布上看到字了吧。播放一下看看我们的字的填充色动起来了吧！导出为GIF动画就可以了。

动画效果：

查看全套"Fireworks MX 2004 入门"教程>>>>>