飞舞的蝴蝶

综合实训

1. 实训目的

通过对本实例的操作，让学生进一步练习第四章所学知识，锻炼学生综合应用操作命令的能力。

2.实训内容及步骤

●内容：制作“飞舞的蝴蝶”动画效果，如图5-103所示。

●操作步骤：

（1）打开FLASH CS4软件，新建一个Action Script2.0的FLASH文件，在属性窗口设置舞台的宽度为800，高度为532，舞台颜色改成深蓝色，命名为"飞舞的蝴蝶.fla"并保存文件。

（2）选择【文件】|【导入】|【导入到舞台】，打开导入面板，选择随书光盘中第五章内的“花.jpg”和“蝴蝶.jpg”两张图片，点击“打开”按钮，导入图片。

（3）选择“花.jpg”图片，把它从舞台删除，选择“蝴蝶.jpg”图片，选择【修改】|【位图】|【转换位图为矢量图】，打开“转换位图为矢量图”窗口，设置参数如图5-104所示，点击“确定”把位图转换成矢量图。

图5-103 动画效果图5-104 步骤3

（4）选择蝴蝶身体以外的颜色并删除，选择一个翅膀，并转换成图形元件，并命名为“翅膀”。再把蝴蝶一半身体选择并拖拽到旁边。如图5-105所示。

如图5-105所示。如图5-107 所示

（5）选择蝴蝶的触须，按下“Ctrl+G”组合成组，把触须拖拽到一边，按着“Alt”键

拖拽触须，重新复制一个。选择任意变形工具调整旋转点，旋转触须。选择身体部分也按下“Ctrl+G”组合成组，如图5-107 所示。

（6）选择蝴蝶的两个触须按下“Ctrl+G”再次组合，并调整位置到身体的头部，把触须和身体全部选择，转换成图形元件，并命名为“身体”。并删除舞台上的所有内容。

（7）选择【插入】|【新建元件】，打开新建元件窗口，新建一个名称为“蝴蝶飞”的影片剪辑。如图5-108 所示。

如图5-108 步骤7

（8）在“蝴蝶飞”影片剪辑的编辑层级，再新建两个图层，三个图层名称从下到上分别为“翅膀1”、“身体”、“翅膀2”，从库中拖拽“翅膀”图形元件两次，分别放置到“翅膀1”和“翅膀2”两个图层中，身体元件也拖拽到“身体”图层中。

（9）使用任意变形工具和黑色箭头工具，调整三个图层上的元件的形状和位置。如图5-109 所示。

如图5-109 步骤9 如图5-110 步骤10。

（10）在三个图层的第3帧处插入关键帧，选择“翅膀1”图层上的翅膀元件，使用任

意变形工具调整旋转点到翅膀的根部，选择【修改】|【变形】|【垂直翻转】。再次使用任

意变形工具，选择“旋转与倾斜”选项调整翅膀的形状。如图5-110 所示。

（11）选择“身体”图层上的身体元件，使用键盘上的方向键向上稍移动一下身体。

（12）重复步骤10，调整另一个翅膀。如图5-111 所示。

如图5-111 步骤12

（13）在三个图层的第4帧处插入帧，完成影片剪辑的编辑。

（14）返回场景1，打开库面板，选择“蝴蝶飞”影片剪辑，点击鼠标右键，打开右键快捷健，选择“直接复制”，复制一个名称为“蝴蝶2”的影片剪辑。双击进入“蝴蝶2”的编辑层级，选择三个图层的第3帧，删除关键帧。

（15）锁定“身体”和“翅膀2”两个图层，选择“翅膀1”图层上的元件，使用任意

变形工具调整旋转点到翅膀的根部，接着在第5、第9帧分别插入关键帧，并在三个帧之

间，创建传统补间。选择第5帧上的元件，使用任意变形工具把翅膀压扁，并点击“旋转

与倾斜”选项调整翅膀的形状。如图5-112 所示

如图5-112 步骤15

（16）锁定“翅膀1”图层，解锁“身体”图层，在“身体”图层的第10帧插入帧。

（17）锁定“身体”图层，解锁“翅膀2”图层，重复步骤16，调整“翅膀2”图层上翅膀的形状。如图5-113 所示。

如图5-113 步骤17

（18）返回场景1，命名“图层1”为“背景”，从库中把“花.jpg”图片拖拽到舞台中，并在属性面板设置图片的宽度为800，高度为532，X、Y坐标都为0，在第135帧插入帧，锁定该图层。

（19）在“背景”层上新建“图层2”，改名称为“蝴蝶飞”，把“蝴蝶飞”影片剪辑从库中拖到舞台上，选择【修改】|【变形】|【水平翻转】。

（20）在“蝴蝶飞”图层名称处，点击鼠标右键，打开右键快捷健，选择“添加传统运

动引导层”，使用铅笔工具并选择平滑模式在引导层第1帧绘制一条线。如图5-114 所示。

如图5-114 步骤20 如图5-115 步骤21

（21）选择“蝴蝶飞”图层，在该层的第25帧插入关键帧，在1到25帧之间创建传统补间，选择第1帧上的元件，使用任意变形工具缩小元件，并拖到如图5-114的位置，使元件吸附到线条上，选择第25帧上的元件，把元件拖到如图5-115的位置，也使元件吸附到线条上。

（22）在第26帧插入关键帧，选择该帧上的元件，在属性面板，点击“交换”按钮，在交换元件窗口选择“蝴蝶飞2”影片剪辑，点击确定。

（23）选择引导层，在第50帧插入关键帧，删除原来的引导线，重新绘制一条引导线。如图5-116 所示。

如图5-116 步骤23 （24）选择“蝴蝶飞”图层，在第50帧插入关键帧，删除该帧上的元件，从库中把 “蝴蝶飞”影片剪辑拖入舞台，并使元件吸附到线条的上面的端点。再在第85帧插入关键帧，并把元件吸附到引导线另一个端点上。

（25）在第86帧插入关键帧，再次把选择该帧上的元件，在属性面板，点击“交换”按钮，在交换元件窗口选择“蝴蝶飞2”影片剪辑，点击确定。

（26）选择引导层，在第110帧插入关键帧，删除该帧上的引导线，重新绘制一条引导线。如图5-117 所示。

如图5-117 步骤26 如图5-118 步骤27 （27）选择“蝴蝶飞”图层，在第110帧插入关键帧，选择该帧上的元件，在属性面板，