FLASH蝴蝶飞舞动画制作

a
6
• 第二步： • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第三帧关键帧的蝴蝶飞舞动画
a
7
a
8
• 完成第三关键帧后的状态
a
9
• 第三步
• 用前面的方法继续在时间抽第五帧的位置 插入一个关键帧。
a
10
• 第四步 • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第五帧关键帧的蝴蝶飞舞动画 • 如下图：
32
a
33
• 5.回到“舞蝶飞舞”图层，在第60帧的位置插入 一个关键帧
a
34
• 6.制作一个从右往左飞舞的蝴蝶的补间动画
• 首先回到第一帧的位置，把蝴蝶的中心轴 点对准引导层线条的右侧端点
a
35
a
36
• 6.制作一个从右往左飞舞的蝴蝶的补间动画
• 首先回到第一帧的位置，把蝴蝶的中心轴 点对准引导层线条的右侧端点
a
39
a
40
• 动画补间制作完成 • 引导层动画也完成。
a
41
测试动画
• 在“控制”菜单，找到“测试影片”命令， 鼠标左键单击，查看蝴蝶飞舞引导层动画 制作效果
a
42
a
43
• 1.重新命名图层名称：蝴蝶飞舞， • 延长时间轴上的帧数到60帧
a
29
• 2.鼠标左键选中“蝴蝶飞舞”这个图层
a
30
• 3.鼠标左键选中“蝴蝶飞舞”这个图层，同时按下 鼠标右键，找到“添加引导层”，鼠标左键单击 选中
a
31
• 4.选择引导层第一帧空白关键帧，用铅笔工 具在舞台上画一条曲线
a
a
2
a
3
蝴蝶运动动画
• 观察，模仿真实蝴蝶的飞舞，制作一个蝴蝶飞的动画。如下图 • 在时间轴上制作一个四帧关键帧动画效果，做成一拍二，共八帧。
a
4
• 第一步：
• 根据我们已经画好的蝴蝶，在时间抽第三帧 的位置插入一个关键帧。方法如下：
• 全选时间轴三个图层里面的第三帧
a
5
• 按快捷键F6键，插入关键帧
FLASH蝴蝶飞动画制作
使用工具：Flash CS 3
a
1
一.蝴蝶的分元件绘制
• 为了方便我们制作动画，需要把蝴蝶的每 一个运动的部分，利用FLASH时间轴里面 的图层，分解的出来。
• 如下图：
• 注意：
• 1.根据每一个分解部分，重命名图层名称；
• 2. 正确排列图层顺序，让蝴蝶看起来真是 可信。
• 弹出新建元件对话框：填入名称：蝴蝶飞 舞，类型选择：图形。点击确定。
a
20
a
21
• 4.在蝴蝶飞舞元件内部的时间轴上选择第 一帧空白关键帧
a
22
• 5.点击鼠标右键，找到“粘贴帧”命令，鼠标左 键单击确认，
• 刚刚剪切的蝴蝶动画就粘贴到了“蝴蝶飞舞”元 件内部
a
23
• 6.点击“场景1”，回到场景一舞台
• 第二步，到第60帧的位置，把蝴蝶的中心 轴点对准引导层线条的左侧端点
a
37
a
38
• 6.制作一个从右往左飞舞的蝴蝶的补间动画
• 首先回到第一帧的位置，把蝴蝶的中心轴 点对准引导层线条的右侧端点
• 第二步，到第60帧的位置，把蝴蝶的中心 轴点对准引导层线条的左侧端点
• 第三步，鼠标左键选中第一关键帧，在 “窗口”菜单里面找到“属性”，在“补 间”里面选择“动画”，完成动画补间制 作。
a
24
• 7.这个时候场景一舞台什么都没有，时间 轴里面也没有关键帧，只有空白关键帧
a
25
• 8.在“窗口”菜单找到“库”，鼠标左键 点击打开
a
26
• 9找到“蝴蝶飞舞”图形元件，鼠标左键点击拖动 到舞台上
a
27
• 10.到此为止，之前做得蝴蝶动画，作为一个单一 的元件出现在舞台上
a
28
制作引导层动画
a
16
制作引导层动画
• 第一步： • 先把刚刚做好的蝴蝶动画做成一个图形元
件。步骤如下： • 1.鼠标左键拖动全选时间轴里面的帧
a
17
a
18
• 2.鼠标左键拖动全选时间轴里面的帧，在 帧选中的状态，点击鼠标右键，找到“剪 切帧”鼠标左键单击确定，时间轴上的所 有帧被剪切
a
19
• 3.在“插入”菜单里面鼠标左键单击“新建 元件-快捷键：Ctrl+F8”命令，
a
11
a
12
• 第五步
• 用前面的方法继续在时间抽第七帧的位置 插入一个关键帧。
a
13
• 第六步 • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第七帧关键帧的蝴蝶飞舞动画 • 如下图：
a
14
a
Fra Baidu bibliotek15
整体调整蝴蝶的位置
• 根据我们之前看到的图片调整每一个关键帧的位 置，如下图：第三关键帧最低，依次是第二，第 一关键帧，第四关键帧最高，