FLASH蝴蝶飞舞动画制作(课堂PPT)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
6
• 第二步： • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第三帧关键帧的蝴蝶飞舞动画
7
8
• 完成第三关键帧后的状态
9
• 第三步 • 用前面的方法继续在时间抽第五帧的位置
插入一个关键帧。
10
• 第四步 • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第五帧关键帧的蝴蝶飞舞动画 • 如下图：
• 5.回到“舞蝶飞舞”图层，在第60帧的位置插入 一个关键帧
34
• 6.制作一个从右往左飞舞的蝴蝶的补间动画 • 首先回到第一帧的位置，把蝴蝶的中心轴
点对准引导层线条的右侧端点
35
36
• 6.制作一个从右往左飞舞的蝴蝶的补间动画 • 首先回到第一帧的位置，把蝴蝶的中心轴
点对准引导层线条的右侧端点 • 第二步，到第60帧的位置，把蝴蝶的中心
24
• 7.这个时候场景一舞台什么都没有，时间 轴里面也没有关键帧，只有空白关键帧
25
• 8.在“窗口”菜单找到“库”，鼠标左键 点击打开
26
• 9找到“蝴蝶飞舞”图形元件，鼠标左键点击拖动 到舞台上
27
• 10.到此为止，之前做得蝴蝶动画，作为一个单一 的元件出现在舞台上
28
制作引导层动画
• 弹出新建元件对话框：填入名称：蝴蝶飞 舞，类型选择：图形。点击确定。
20
21
• 4.在蝴蝶飞舞元件内部的时间轴上选择第 一帧空白关键帧
22
• 5.点击鼠标右键，找到“粘贴帧”命令，鼠标左 键单击确认，
• 刚刚剪切的蝴蝶动画就粘贴到了“蝴蝶飞舞”元 件内部
23
• 6.点击“场景1”，回到场景一舞台
11
12
• 源自文库五步 • 用前面的方法继续在时间抽第七帧的位置
插入一个关键帧。
13
• 第六步 • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第七帧关键帧的蝴蝶飞舞动画 • 如下图：
14
15
整体调整蝴蝶的位置
• 根据我们之前看到的图片调整每一个关键帧的位 置，如下图：第三关键帧最低，依次是第二，第 一关键帧，第四关键帧最高，
• 1.重新命名图层名称：蝴蝶飞舞， • 延长时间轴上的帧数到60帧
29
• 2.鼠标左键选中“蝴蝶飞舞”这个图层
30
• 3.鼠标左键选中“蝴蝶飞舞”这个图层，同时按下 鼠标右键，找到“添加引导层”，鼠标左键单击 选中
31
• 4.选择引导层第一帧空白关键帧，用铅笔工 具在舞台上画一条曲线
32
33
16
制作引导层动画
• 第一步： • 先把刚刚做好的蝴蝶动画做成一个图形元
件。步骤如下： • 1.鼠标左键拖动全选时间轴里面的帧
17
18
• 2.鼠标左键拖动全选时间轴里面的帧，在 帧选中的状态，点击鼠标右键，找到“剪 切帧”鼠标左键单击确定，时间轴上的所 有帧被剪切
19
• 3.在“插入”菜单里面鼠标左键单击“新建 元件-快捷键：Ctrl+F8”命令，
39
40
• 动画补间制作完成 • 引导层动画也完成。
41
测试动画
• 在“控制”菜单，找到“测试影片”命令， 鼠标左键单击，查看蝴蝶飞舞引导层动画 制作效果
42
43
FLASH蝴蝶飞动画制作
使用工具：Flash CS 3
1
一.蝴蝶的分元件绘制
• 为了方便我们制作动画，需要把蝴蝶的每 一个运动的部分，利用FLASH时间轴里面 的图层，分解的出来。
• 如下图： • 注意： • 1.根据每一个分解部分，重命名图层名称； • 2. 正确排列图层顺序，让蝴蝶看起来真是
可信。
轴点对准引导层线条的左侧端点
37
38
• 6.制作一个从右往左飞舞的蝴蝶的补间动画 • 首先回到第一帧的位置，把蝴蝶的中心轴
点对准引导层线条的右侧端点 • 第二步，到第60帧的位置，把蝴蝶的中心
轴点对准引导层线条的左侧端点 • 第三步，鼠标左键选中第一关键帧，在
“窗口”菜单里面找到“属性”，在“补 间”里面选择“动画”，完成动画补间制 作。
2
3
蝴蝶运动动画
• 观察，模仿真实蝴蝶的飞舞，制作一个蝴蝶飞的动画。如下图 • 在时间轴上制作一个四帧关键帧动画效果，做成一拍二，共八帧。
4
• 第一步： • 根据我们已经画好的蝴蝶，在时间抽第三帧
的位置插入一个关键帧。方法如下： • 全选时间轴三个图层里面的第三帧
5
• 按快捷键F6键，插入关键帧
• 第二步： • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第三帧关键帧的蝴蝶飞舞动画
7
8
• 完成第三关键帧后的状态
9
• 第三步 • 用前面的方法继续在时间抽第五帧的位置
插入一个关键帧。
10
• 第四步 • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第五帧关键帧的蝴蝶飞舞动画 • 如下图：
• 5.回到“舞蝶飞舞”图层，在第60帧的位置插入 一个关键帧
34
• 6.制作一个从右往左飞舞的蝴蝶的补间动画 • 首先回到第一帧的位置，把蝴蝶的中心轴
点对准引导层线条的右侧端点
35
36
• 6.制作一个从右往左飞舞的蝴蝶的补间动画 • 首先回到第一帧的位置，把蝴蝶的中心轴
点对准引导层线条的右侧端点 • 第二步，到第60帧的位置，把蝴蝶的中心
24
• 7.这个时候场景一舞台什么都没有，时间 轴里面也没有关键帧，只有空白关键帧
25
• 8.在“窗口”菜单找到“库”，鼠标左键 点击打开
26
• 9找到“蝴蝶飞舞”图形元件，鼠标左键点击拖动 到舞台上
27
• 10.到此为止，之前做得蝴蝶动画，作为一个单一 的元件出现在舞台上
28
制作引导层动画
• 弹出新建元件对话框：填入名称：蝴蝶飞 舞，类型选择：图形。点击确定。
20
21
• 4.在蝴蝶飞舞元件内部的时间轴上选择第 一帧空白关键帧
22
• 5.点击鼠标右键，找到“粘贴帧”命令，鼠标左 键单击确认，
• 刚刚剪切的蝴蝶动画就粘贴到了“蝴蝶飞舞”元 件内部
23
• 6.点击“场景1”，回到场景一舞台
11
12
• 源自文库五步 • 用前面的方法继续在时间抽第七帧的位置
插入一个关键帧。
13
• 第六步 • 在舞台里面， • 利用轴心点和任意变形工具。 • 调整第七帧关键帧的蝴蝶飞舞动画 • 如下图：
14
15
整体调整蝴蝶的位置
• 根据我们之前看到的图片调整每一个关键帧的位 置，如下图：第三关键帧最低，依次是第二，第 一关键帧，第四关键帧最高，
• 1.重新命名图层名称：蝴蝶飞舞， • 延长时间轴上的帧数到60帧
29
• 2.鼠标左键选中“蝴蝶飞舞”这个图层
30
• 3.鼠标左键选中“蝴蝶飞舞”这个图层，同时按下 鼠标右键，找到“添加引导层”，鼠标左键单击 选中
31
• 4.选择引导层第一帧空白关键帧，用铅笔工 具在舞台上画一条曲线
32
33
16
制作引导层动画
• 第一步： • 先把刚刚做好的蝴蝶动画做成一个图形元
件。步骤如下： • 1.鼠标左键拖动全选时间轴里面的帧
17
18
• 2.鼠标左键拖动全选时间轴里面的帧，在 帧选中的状态，点击鼠标右键，找到“剪 切帧”鼠标左键单击确定，时间轴上的所 有帧被剪切
19
• 3.在“插入”菜单里面鼠标左键单击“新建 元件-快捷键：Ctrl+F8”命令，
39
40
• 动画补间制作完成 • 引导层动画也完成。
41
测试动画
• 在“控制”菜单，找到“测试影片”命令， 鼠标左键单击，查看蝴蝶飞舞引导层动画 制作效果
42
43
FLASH蝴蝶飞动画制作
使用工具：Flash CS 3
1
一.蝴蝶的分元件绘制
• 为了方便我们制作动画，需要把蝴蝶的每 一个运动的部分，利用FLASH时间轴里面 的图层，分解的出来。
• 如下图： • 注意： • 1.根据每一个分解部分，重命名图层名称； • 2. 正确排列图层顺序，让蝴蝶看起来真是
可信。
轴点对准引导层线条的左侧端点
37
38
• 6.制作一个从右往左飞舞的蝴蝶的补间动画 • 首先回到第一帧的位置，把蝴蝶的中心轴
点对准引导层线条的右侧端点 • 第二步，到第60帧的位置，把蝴蝶的中心
轴点对准引导层线条的左侧端点 • 第三步，鼠标左键选中第一关键帧，在
“窗口”菜单里面找到“属性”，在“补 间”里面选择“动画”，完成动画补间制 作。
2
3
蝴蝶运动动画
• 观察，模仿真实蝴蝶的飞舞，制作一个蝴蝶飞的动画。如下图 • 在时间轴上制作一个四帧关键帧动画效果，做成一拍二，共八帧。
4
• 第一步： • 根据我们已经画好的蝴蝶，在时间抽第三帧
的位置插入一个关键帧。方法如下： • 全选时间轴三个图层里面的第三帧
5
• 按快捷键F6键，插入关键帧