2.5 制作图片交替的GIF动画
在浏览网页时，经常遇到在同一区域中几张图片交替切换和显示的情况。使用Fireworks制作GIF动画图片，可以达到这种视觉效果。
【例2-4】 制作图片交替的GIF动画。制作步骤如下：
（1）创建新画布。进入Fireworks后，在菜单栏中选择“文件”|“新建”命令。在弹出的“新建文档”对话框中将画布的宽度和高度分别设置为400像素和100像素，并将画布颜色设置为白色。然后，单击“确定”按钮，即可在舞台中创建新画布。
（2）准备素材。在菜单栏中选择“帮助”|“关于Fireworks”命令，显示Fireworks标志图片。按下键盘右上角的屏幕打印键（PrintScreen键或prtSc键），即可将包含Fireworks标志图片的整个屏幕图像复制到Windows剪贴板中。
在Windows界面左下角，选择“开始”|“所有程序”|“附件”|“画图”命令，打开“画图”软件。按Ctrl+V组合键，可以从Windows剪贴板中粘贴包含Fireworks标志图片的屏幕图像。如图2-8所示，在“画图”软件上方选择“选择”|“矩形选择”命令，按住鼠标左键并移动鼠标，选择一个包含Fireworks标志图片的区域，然后释放鼠标左键。按Ctrl+C组合键，即可将Fireworks标志图片复制到Windows剪贴板中。
图2-8 使用“画图”软件准备素材
（3）在画布中添加Fireworks标志图片。切换回Fireworks软件，然后按Ctrl+V组合键，从Windows剪贴板中粘贴Fireworks标志图片。
（4）将Fireworks标志图片与画布吻合。在菜单栏中选择“窗口”|“对齐”命令，打开“对齐”面板。如图2-9所示，在“对齐”面板中依次选择“到画布”“匹配宽度”“匹配高度”“水平居中”和“垂直居中”，即可将Fireworks标志图片的大小和位置与画布完全吻合。
（5）设置帧延时。在菜单栏中选择“窗口”|“帧”命令，会在Fireworks窗口的右边展开并显示“帧”面板。如图2-10所示，双击在第1帧所在行右边的单元格，将该帧的延时设置为100/100秒（即1秒），表示该帧中的画面将持续显示1秒钟，并确认选中“导出时包括”复选框。
图2-9 使用“对齐”面板将Fireworks标志图片与画布吻合
图2-10 设置帧延时
（6）制作其他两帧画面。在“帧”面板右下角，单击“新建/重制帧”按钮2次，增加第2帧和第3帧。然后，采用步骤（2）～（5）中的方法，在第2帧和第3帧中分别添加Dreamweaver标志图片和Flash标志图片。
（7）测试GIF动画。如图2-11所示，在舞台下方单击“播放/停止”按钮，即可测试GIF动画。在该GIF动画中，将依次显示第1帧中的Fireworks标志、第2帧中的Dreamweaver标志和第3帧中的Flash标志画面，且每个标志画面延时1秒钟。
图2-11 测试GIF动画
（8）保存.png文件。将GIF动画的设计结果保存在.png格式的文件中，并将文件命名为2-4.png。
（9）生成GIF动画。如图2-12所示，在Fireworks窗口下方的“属性”面板中，选择并确认“动画GIF接近网页128色”。
图2-12 设置导出选项
在菜单栏中选择“文件”|“导出”命令，将根据.png文件导出并生成GIF动画文件，并将GIF动画保存在名为2-4.gif的.gif文件中。
（10）查看GIF动画。在Windows资源管理器中用IE浏览器打开文件2-4.gif，即可查看GIF动画效果。
注意：
① 在第（9）步中，必须选择并确认“动画GIF接近网页128色”，否则在IE浏览器中将看不到GIF动画效果。
② 在第（10）步中，如果使用Fireworks打开GIF动画文件2-4.gif，只能修改该GIF动画文件，而不能查看该GIF动画文件的动画效果。