4.2飞舞的蝴蝶（课件）-《Flash动画设计与制作（第二版）》同步教学（劳动版）

任务 3 任务 1 雪花飘飘 任务 2 飞舞的蝴蝶 元旦快乐 项目四 引导层动画制作 任务 4 浩瀚星空 引导层动画是另一种基本动画，它需要引导层和被引导层两个图层才能完成。在引导层中绘制对象的运动路径，在被引导层中制作动画补间动画，并分别将运动对象移动到路径的起点和终点上，从而产生对象的运动效果。引导层动画可以实现蝴蝶飞舞、极速赛车等多种运动效果。 任务 2　飞舞的蝴蝶 1. 熟练掌握引导层动画的制作方法和技巧，能制作引导层动画。 2. 能利用调整到路径的方法确保运动对象的走向与运动引导线的走向一致。 本任务是一个引导层动画实例，通过添加运动引导层，实现蝴蝶在花丛中飞舞的效果，如图所示。通过本任务的学习，掌握引导层动画的原理、引导层动画的制作方法和技巧，重点掌握调整到路径的方法，使蝴蝶运动的方向与引导线的方向保持一致。 飞舞的蝴蝶效果图 在制作引导层动画的过程中，被引导层中的对象沿着引导路径移动时，会出现与运动路径的走向不相符的现象。为避免这种情况的发生，在被引导层中创建动画后，可在“属性”面板中勾选“调整到路径”复选框，如图所示，然后在被引导层的第一个关键帧和最后一个关键帧上调整对象的方向，以确保运动对象的走向与运动引导线的走向一致。 “属性”面板 1. 创建影片文档 新建一个 Flash 文档，设置舞台大小为 550 像素 ×400 像素，背景为白色。 2. 创建背景层 （1）将图层 1 重命名为“背景”，将素材库中名为“飞舞的蝴蝶 .jpg”的图片导入舞台中。 （2）在“背景”图层的第 60 帧处插入帧，锁定该图层。 3. 绘制蝴蝶 （1）新建“蝴蝶身体”图形元件，绘制蝴蝶身体，如图所示。 （2）新建“蝴蝶翅膀”图形元件，绘制蝴蝶翅膀，如图所示。 蝴蝶身体 蝴蝶翅膀  4. 制作“蝴蝶飞舞”影片剪辑元件 （1）新建“蝴蝶飞舞”影片剪辑元件，将图层 1 重命名为“身体”。把“库”面板中的“蝴蝶身体”元件拖动到元件编辑区中，打开“对齐”面板，选中“相对于舞台”按钮，再依次单击“对齐”选项中的“水平中齐”“垂直中齐”按钮，使“蝴蝶身体”位于舞台的中心。 （2）在第 6 帧插入帧，锁定图层。 （3）新建“右翅”图层，将“库”面板中的“蝴蝶翅膀”元件拖动到元件编辑区中，放置在如图所示的位置。 蝴蝶右翅 （4）选择任意变形工具 ，将右翅的中心点移动到如图所示的位置。 （5）将第 5 帧转换为关键帧，使用任意变形工具 将右翅压缩并倾斜，效果如图所示，锁定图层。 右翅中心点 　变形右翅 （6）新建“左翅”图层，将“库”面板中的“蝴蝶翅膀”元件拖动到元件编辑区中，执行【修改】→【变形】→【水平翻转】命令，使“蝴蝶翅膀”元件水平翻转。使用选择工具 将其移动到如图所示的位置，拼出蝴蝶形状。 　蝴蝶 （7）选择任意变形工具 ，将左翅的中心点移动到如图所示的位置。 （8）将第 5 帧转换为关键帧，使用任意变形工具 将左翅压缩并倾斜，效果如图所示。 　左翅中心点  　变形左翅 　操作演示 5. 制作蝴蝶飞舞效果 （1）返回到场景中，新建“蝴蝶 1”图层，将“蝴蝶飞舞”元件拖动到舞台右侧，使用任意变形工具 调整其大小，在“属性”面板中调整色调，如图所示。 （2）在第 60 帧插入关键帧，将蝴蝶移动到舞台左侧。选中第 1 帧，在“属性”面板中创建动画补间动画，并勾选“调整到路径”复选框。 设置色调 （3）单击“添加运动引导层”按钮，创建引导层。选择铅笔工具 ，设置铅笔模式为平滑，绘制一条引导路径，如图所示，锁定运动引导层。 绘制引导路径 （4）选择“蝴蝶 1”图层的第 1 帧，使用任意变形工具 将“蝴蝶飞舞”元件移到引导路径的起点上，调整元件的方向，使其与引导路径的方向保持一致，效果如图所示。 第 1 帧中的蝴蝶  （5）选择“蝴蝶 1”图层的第 60 帧，使用任意变形工具 将“蝴蝶飞舞”元件移到引导路径的终点上，调整元件的方向，使其与引导路径的方向保持一致，效果如图所示。 第 60 帧中的蝴蝶 （6）在“引导层”图层的上方新建“蝴蝶 2”图层，重复步骤（1）～（5），制作另一只飞舞的蝴蝶。第一只蝴蝶飞舞的路径由一朵花飞向另一朵花，第二只蝴蝶从空中相向而飞，舞台效果如图所示。 蝴蝶飞行路径  （7）在所有图层的第 100 帧插入帧，让第一只蝴蝶在花朵上停留一段时间，使所有画面保持同步，最终效果如图所示。 飞舞的蝴蝶最终效果 操作演示 6. 测试保存 执行【控制】→【测试影片】命令，观察动画效果。如果满意，执行【文件】→【保存】命令，将文件保存为“飞舞的蝴蝶 .fla”。 $$