2.3 任务1 蝴蝶飞舞

2.3.1 任务描述

使用Flash设计和制作蝴蝶飞舞的场景。影片播放时显示在一片繁花盛开的草地上，两只蝴蝶在花海上翩翩飞舞，尽情嬉戏，同时播放小提琴协奏曲《梁祝》，呈现一幅“留连戏蝶时时舞”的景象。

2.3.2 任务目标

1.熟练掌握Flash中矢量图形的绘制。

2.熟练掌握Flash中图形元件和影片剪辑元件的设计和制作。

3.熟练掌握Flash中引导动画的设计和制作。

4.熟练掌握Flash中声音文件的加载和剪辑操作。

2.3.3 任务实施

1.新建一个Flash文档，设置宽高大小为550像素×400像素，背景颜色为白色，其余选项默认（见图2.1）。

2.把相关素材导入库中（见图2.2）。

3.影片剪辑元件“蝴蝶飞舞”的设计和制作。

（1）创建新元件，命名为“蝴蝶飞舞”，类型为影片剪辑（见图2.3）。

（2）用鼠标点击图2.3中的“确定”按钮，进入影片剪辑元件“蝴蝶飞舞”的编辑场景。

（3）选中［图层1］图层的第1空白关键帧，使用工具箱中的相关工具绘制好蝴蝶飞舞的一个关键动作画面（见图2.4）。在第3帧位置插入关键帧并选中该帧，绘制好蝴蝶飞舞的另一个关键动作画面（见图2.5）。在第4帧位置插入帧。

4.相关元件设计和制作完毕，回到主场景，进行合成。

（1）把［图层1］图层重命名为“背景图”，选中该图层的第1空白关键帧，用鼠标把库中的图形素材“背景图.jpg”拖放到场景中，宽高大小设置为550像素×400像素，位置坐标为（0，0），使得背景图与主场景重合在一起。在第30帧位置插入帧。

（2）选中［蝴蝶1］图层的第1空白关键帧，用鼠标把库中的影片剪辑元件“蝴蝶飞舞”拖放到主场景中的任意位置，在第30帧位置插入关键帧，创建第1关键帧至第30关键帧之间的补间动画。

（3）在［蝴蝶1］图层的上面增加1个引导图层，命名为“引导层1”。选中［引导层1］图层的第1空白关键帧，使用工具箱中的“铅笔工具”绘制好1条蝴蝶飞舞的路径（见图2.6）。在第30帧位置插入帧，此时影片剪辑元件“蝴蝶飞舞”应该会自动依附到路径上。

（4）选中［蝴蝶1］图层的第1关键帧对应的影片剪辑元件“蝴蝶飞舞”，把其中心点调整到路径的左端点（见图2.7）。选中［蝴蝶1］图层的第30关键帧对应的影片剪辑元件“蝴蝶飞舞”，把其中心点调整到路径的右端点（见图2.8）。

（5）在［引导层1］图层的上面增加一个普通图层，命名为“蝴蝶2”。选中［蝴蝶2］图层的第1空白关键帧，用鼠标把库中的影片剪辑元件“蝴蝶飞舞”拖放到主场景中的任意位置，使用工具箱中的“任意变形工具”或者在“变形”面板中把影片剪辑元件“蝴蝶飞舞”水平翻转180度（见图2.9）。在第30帧位置插入帧。

（6）在［蝴蝶2］图层的上面增加1个引导图层，命名为“引导层2”。选中［引导层2］图层的第1空白关键帧，使用工具箱中的“铅笔工具”绘制好另一条蝴蝶飞舞的路径（见图2.10）。在第30帧位置插入帧，此时影片剪辑元件“蝴蝶飞舞”应该会自动依附到路径上。

（7）选中［蝴蝶2］图层的第1关键帧对应的影片剪辑元件“蝴蝶飞舞”，把其中心点调整到路径的右端点（见图2.11）。选中［蝴蝶2］图层的第30关键帧对应的影片剪辑元件“蝴蝶飞舞”，把其中心点调整到路径的左端点（见图2.12）。

（8）在［引导层2］图层的上面增加1个普通图层，命名为“声音加载”。选中该图层的第1空白关键帧，在“属性”面板中选择声音文件“梁祝.WAV”，在该图层上加载声音。在第30帧位置插入帧。

（9）此时的图层和时间线设置（见图2.13）。

5.进行整体测试，保存文件，导出影片。

6.导出影片的播放画面之一（见图2.14）。

2.3.4 任务评价

本任务使用Flash来设计和制作蝴蝶飞舞的场景，通过其中的元件以及引导动画的设计和制作，较好地完成了蝴蝶飞舞场景的制作任务。

2.3.5 任务拓展

本任务中的蝴蝶的数量是固定的，飞舞的路径是固定的，图形的大小和透明度也是固定的。能否实现蝴蝶的数量不定、飞舞的路径不固定、图形的大小和透明度发生变化的效果呢？要实现以上效果其实不难，只要在本任务的基础上进行修改和深化完善就行了。当然，设计和制作的时间及难度会相应增加，因为要求和功能多了。