文/詹巍

    本小节中我们看看怎样使用Fireworks MX 2004设计一张GIF动画Banner，以一个宣传天柱山的Banner为例，主要熟悉Fireworks中帧面板、动画、元件等工具的使用方法。文章末尾提供.png文件供大家下载参考。

　　完成效果如图： 

　　（1） 新建一个大小为468×60的文件，设置其画布颜色为透明，并导入一幅汽车的位图图像，得到图1所示的图像。

图1 新建文件并导入图像

　　（2） 选中这幅汽车图像，单击【修改】菜单，选择【元件】|【转换为元件】，这时候会跳出元件属性对话框，将这个图形文件命名为"汽车图 1"，如图2所示。

图2 将图像转换为图形元件

　　（3） 单击【确定】，这时候位图图像就已经转换为了图形元件了，如图3所示。选中这个图形元件，单击【修改】菜单，选择【动画】|【选择动画】，跳出动画对话框，在其中设置帧数为10，移 动到380，如图4所示。

图3 位图转换为图形元件

　图4 设置动画属性
 

 图5 弹出对话框

图6 动画元件图像

图7 库面板

图9 复制第11帧

图10 导入另外一幅汽车图像

图11 将图像转换为图形元件

　　（10）单击【确定】，这时候位图图像就已经转换为了图形元件了。选中这个图形元件，单击【修改】菜单，选择【动画】|【选择动画】，跳出动画对话框，在其中设置帧数为10，移 动到290，得到图13所示的图像。

图12 第二个动画元件
　　（11）设置第20帧的图像帧延时为35，11帧到19帧帧延时为10

Fireworks使用技巧及常见问题解答 Fireworks制作下雨动画效果