Flash运动引导层动画教案

Flash运动引导层动画教案
【动画之星】——制作“蝶恋花”引导层动画实例
⏹蝴蝶围绕着花儿飞动，营造蝶恋花效果。

⏹简单引导层动画
⏹提供素材：图片信息（蝴蝶、花丛矢量图）
⏹力求做出动感，比例合适。

实例构成及设计思路
⏹背景层：以矢量图花丛为背景。

⏹蝴蝶层：蝴蝶矢量图所在图层，用于固定蝴蝶起始和终了位置。

⏹引导层：在此图层绘制引导线，制作引导动画。

⏹根据构思，制作背景。

⏹确定所需素材，并将素材导入到库中。

⏹添加引导层并制作引导层动画。

作品评价标准
⏹色彩搭配和谐；
⏹素材正确导入到库中；
⏹正确应用引导层；
⏹蝴蝶组件能正确沿引导线运动；
操作步骤
步骤一：制作影片背景层
(1)启动 Flash 8，新建一个文件，将影片大小设置为宽：550px，高：400px，背景色设置为白色，帧
频为 12fps。

(2)双击层的名称，将层的名称改为“背景”。

(3)单击“文件”→“导入”→“导入到舞台”，在弹出的对话框中选择“桌面”→“花丛”，选择任
意一张图片单击“打开”。

（4）在舞台下方“属性”设置图片大小：宽：550px，高：400px，x：0，y：0
步骤二：制作影片剪辑“蝴蝶”
（1）单击“插入”→“新建元件”，在弹出的对话框中设置名称为“蝴蝶1”，选择类型为影片剪辑。

（2）单击“文件”→“导入”→“导入到库”，在弹出的对话框中选择“桌面”→“静态蝴蝶”，框选所以舞蝶图片，单击“打开”。

（3）将“蝶1”位图元件鼠标左键拖到“蝴蝶1”影片剪辑中，在下方属性中设置碟1的大小：宽：200px，高：200px，x：0，y：0，在第5帧插入关键帧，第10帧插入关键帧，第1-5帧之间
右键单击选择“创建补间动画”，第5-10帧之间右键单击选择“创建补间动画”，单击第5
帧，用任意变形工具，将“碟1”元件水平缩小，单击场景1回到舞台。

（4）在背景层第50帧右键单击“插入帧”并锁定背景层，单击图层面板第一个图标“插入图层”
插入一个新的图层，双击命名为“蝴蝶层1”，将库里的影片剪辑“蝴蝶1”拖到到“蝴蝶层
1”图层中，用任意变形工具设置合适的大小，在第50帧右键单击“插入关键帧”，在1-50
之间右键单击“创建补间动画”。

步骤三：制作运动引导层
单击图层面板第二个图标“添加运动引导层”插入引导层，用铅笔工具绘制出一条引导线。

制作曲线运动效果
（1）选中蝴蝶层，单击引导层的第 1 帧。

拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线起点对齐。

（2）单击引导层的第 50 帧。

拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线终点对齐。

（3）保存动画，单击“控制”“测试影片”，预览动画效果。

步骤四：制作其他蝴蝶曲线运动效果
锁定“蝴蝶1”、“引导层”，重复步骤二、三……。