【例14-3】制作蝴蝶飞舞的动画效果，如图14-21所示。

图14-21　蝴蝶飞舞动画效果

本实例需要准备的素材为1幅背景图片和5幅表示蝴蝶不同动作的图片，蝴蝶动作图片分别为fly1.gif、fly2.gif、fly3.gif、fly4.gif和fly5.gif，如图14-22所示。

图14-22　蝴蝶飞舞动画素材

具体制作过程如下。

1.新建和保存文档

（1）在Flash工作窗口中，单击主工具栏中的“新建”按钮，新建一个文档。

（2）单击“文件”菜单→“保存”命令，将文档保存为fly.fla文件。

2.设置舞台大小

单击“属性”面板中的“大小”按钮，在“文档属性”对话框中，设置文件大小为400×200像素，背景色为白色，设置完后单击“确定”按钮。完成后的效果如图14-23所示。

图14-23　设置舞台大小

3.导入素材图片

（1）选中此层第1帧。

（2）单击“文件”菜单→“导入”→“导入到舞台”命令，弹出“导入”对话框。

（3）选中系列图片中的第一张图片flyl.gif，单击“打开”按钮，如图14-24所示。

图14-24　“导入”对话框

（4）在提示框中，选择“是”按钮导入序列中的所有图像，导入图像后的效果如图14-25所示。这时，动画序列被Flash自动分配在5个关键帧中。

图14-25　导入素材图像后

4.调整关键帧的位置

（1）首先选中第5关键帧，鼠标指向红色竖线，将其拖动到第40帧。

（2）同样地，将原第4关键帧拖到第30帧，将原第3关键帧拖到第20帧，将原第2关键帧拖到第10帧。调整后的效果如图14-26所示。

图14-26　调整关键帧位置(www.daowen.com)

5.向场景中添加元件

（1）在时间轴中选中第1关键帧，拖动“库”面板中元件flyl的图标将其放置到场景中，如图14-27所示。注意，为了产生出蝴蝶从外面飞进舞台的效果，在此将flyl放置在了工作区中，而不是舞台中。这时，“属性”面板中显示当前选中的为“实例fly1”。

（2）在时间轴中，选中第10关键帧，拖动“库”面板中元件fly2的图标将其放置到舞台中，如图14-28所示。

（3）同样地，分别选中第20、第30、第40关键帧，拖动fly3、fly4、fly5元件到舞台中。

6.设置补间动画

在将元件分别添加到不同的关键帧后，就可以设置补间动画了。

（1）单击图层名称处，此时各关键帧之间被选中。

（2）在“属性”面板中，从“补间”下拉列表中选择“动画”，如图14-29所示。可看到时间轴中各关键帧之间添加上了箭头。

图14-27　向第1关键帧中添加元件

图14-28　向第10关键帧中添加元件

图14-29　设置补间动画

（3）按Enter键查看动画效果。

7.添加背景图片

（1）右键单击图层1，在快捷菜单中选择“插入图层”命令插入图层2。

（2）单击“文件”菜单→“导入”→“导入到舞台”命令，在打开的“导入”对话框中选择一幅风景图，单击“打开”按钮，如图14-30所示。

（3）鼠标按下图层2，将其拖到图层1的下边，以此来调整图层位置。

（4）选中图层2中的图片，在“属性”面板的“宽”文本框中输入400，在“高”文本框中输入200，如图14-31所示。

（5）按Enter键查看动画效果。

（6）最后单击“文件”菜单→“保存”命令将修改后的结果存盘。

图14-30　在图层2中插入图片

图14-31　修改图层2中图片的大小