第六章 补间动画 主讲人：马 震 人民邮电出版社.

Presentation on theme: "第六章 补间动画 主讲人：马 震 人民邮电出版社."— Presentation transcript:

1 第六章 补间动画 主讲人：马 震 人民邮电出版社

2 【教学目标】 了解帧的含义及其相关设置 掌握补间动画的制作及技巧 掌握补间形状的制作

3 Flash动画原理 创建新文档后，【时间轴】面板中只显示一个图层，名称是“图层1”，在此基础上可以继续增加图层，以便将动画内容分解到不同图层上，通过图层叠加的相互遮挡，实现复杂动画的合成。图层分为一般层、引导层、运动引导层、被引导层、遮罩层和被遮罩层，其作用各不相同。 锁定/解除锁定所有图层 显示所有图层的轮廓 播放头 绘图纸外观 隐藏/显示所有层 修改绘图纸标记 时间轴标尺 帧显示区 帧视图 图层名称 垂直调整 插入图层文件夹 插入图层 水平调整 删除图层 绘图纸轮廓外观 编辑多个帧 当前帧 帧频率 运行时间

4 Flash动画原理 在Flash 动画制作的过程中，关键帧会依据不同的动画种类显示不同的状态，其含义也不一样，同时还会有其他一些相关帧出现在制作动画的【时间轴】面板中。 姿势图层，其中带黑色菱形绿背景的单元格是姿势关键帧，绿背景则表示姿势补间帧 补间动画，其中带黑点浅蓝背景的单元格是关键帧，浅蓝背景则表示补间帧，黑色菱形浅蓝背景则表示属性关键帧 补间形状，其中带黑点绿背景的单元格是关键帧，黑箭头绿背景则表示补间帧 传统补间动画，其中带圆黑点蓝紫背景的单元格是关键帧，黑箭头蓝背景则表示补间帧 带黑点灰背景的单元格是关键帧，灰背景的帧则表示与关键帧保持相同的内容，结束时的带黑框灰背景的单元格则表示这一帧为普通帧 未完成或中断的传统补间动画 “a”表明这一帧中包含【动作】面板设置的动作语句 带黑圈白背景单元格是空白关键帧，表示没有任何内容，是新建文档时的状态 标签类型：红旗是名称，金锚是锚记，两条绿色斜杠是注释

5 补间动画制作 Flash CS6支持两种不同类型的补间以创建动画。通过补间动画可对补间的动画进行最大程度地控制，提供了更多的补间控制。对于由对象的连续运动或变形构成的动画，补间动画很有用。补间动画在时间轴中显示为连续的帧范围，默认情况下可以作为单个对象进行选择。

6 补间动画制作 如果对象不是可补间的对象类型（元件），或者如果在同一图层上选择了多个对象，将显示一个【将所选的内容转换为元件以进行补间】对话框，如图所示。通过该对话框可以将所选内容转换为影片剪辑元件。

7 传统补间动画制作 传统补间（包括在早期版本的Flash中创建的所有补间）的创建过程更为复杂。传统补间动画的关键帧中只能存在一个对象，而且必须要有两个关键帧。可以在设置开始关键帧与结束关键帧以后，再设置补间；也可以先设置开始关键帧与补间动画，再设置结束关键帧。开始关键帧与结束关键帧都是相对的，前一个动画的结束关键帧可能就是下一个动画的开始关键帧。设置补间动画的关键帧可以采用以下两种方式。

8 6.1.3 传统补间动画制作 设置补间动画的关键帧可以采用以下两种方式。 选择开始关键帧后，选择菜单命令【插入】/【传统补间】。
传统补间动画制作 设置补间动画的关键帧可以采用以下两种方式。 选择开始关键帧后，选择菜单命令【插入】/【传统补间】。 用鼠标右键单击开始关键帧，从弹出的快捷菜单中选择【创建传统补间】命令。

9 6.1.4 补间动画和传统补间之间的差异 • 补间动画在整个补间范围上由一个目标对象组成。
补间动画和传统补间之间的差异 • 补间动画在整个补间范围上由一个目标对象组成。 • 补间动画和传统补间都只允许对特定类型的对象进行补间。若应用补间动画，则在创建补间时会将所有不允许的对象类型转换为影片剪辑。而应用传统补间会将这些对象类型转换为图形元件。 • 补间动画会将文本视为可补间的类型，而不会将文本对象转换为影片剪辑。传统补间会将文本对象转换为图形元件。 • 在补间动画范围上不允许帧脚本，而传统补间允许帧脚本。

10 6.1.4 补间动画和传统补间之间的差异 • 补间目标上的任何对象脚本都无法在补间动画范围的过程中更改。
补间动画和传统补间之间的差异 • 补间目标上的任何对象脚本都无法在补间动画范围的过程中更改。 • 可以在时间轴中对补间动画范围进行拉伸和调整大小，并将它们视为单个对象。传统补间包括时间轴中可分别选择的帧的组。 • 若要在补间动画范围中选择单个帧，必须按住Ctrl键单击帧。 • 对于传统补间，缓动可应用于补间内关键帧之间的帧组。对于补间动画，缓动可应用于补间动画范围的整个长度。若要仅对补间动画的特定帧应用缓动，则需要创建自定义缓动曲线。

11 6.1.4 补间动画和传统补间之间的差异 • 只可以使用补间动画来为3D对象创建动画效果，无法使用传统补间为3D对象创建动画效果。
补间动画和传统补间之间的差异 • 只可以使用补间动画来为3D对象创建动画效果，无法使用传统补间为3D对象创建动画效果。 • 只有补间动画才能保存为动画预设。

12 对补间动画和传统补间动画的特殊控制 补间动画和传统补间动画产生后，还可以利用【属性】面板中的相关选项实现进一步控制，比如使运动产生非匀速运动效果等。 改变对象的变化速度。正值是先快后慢，负值是先慢后快 打开【自定义缓入/缓出】对话框 确定动画对象如何旋转变化。有3个选项，【自动】按捷径旋转

13 对补间动画和传统补间动画的特殊控制 【自定义缓入/缓出】可以实现对补间动画更加精确与复杂的控制。此对话框采用曲线表示动画随时间的变化程度，其中水平轴表示帧，垂直轴表示变化的百分比。第一个关键帧表示为0%，最后1个关键帧表示为100%。曲线斜率表示变化速率，曲线水平时（无斜率），变化速率为零；曲线垂直时，变化速率最大。 指定显示的曲线应用于哪种属性，共有五种属性可选 勾选，所显示的曲线适用于所有属性 所选控制点的关键帧和变化程度 速率曲线恢复成默认的线性状态 依据设置的速率曲线预览动画

14 6.1.4 补间形状动画制作 补间形状指形状逐渐发生变化的动画，和补间动作动画正好相反，补间形状中的动画对象只能是矢量图形。
补间形状动画制作 补间形状指形状逐渐发生变化的动画，和补间动作动画正好相反，补间形状中的动画对象只能是矢量图形。 要对组、实例或位图图像进行变形动画，必须首先分离成矢量图形。 要对文本进行变形动画，还必须将文本分离两次，才能将文本转换为矢量图形。

15 6.1.4 补间形状动画制作 补间形状动画，一次补间一个形状通常可以获得最佳效果。
补间形状动画制作 补间形状动画，一次补间一个形状通常可以获得最佳效果。 如果有多个矢量图形存在，在变形过程中将被当做一个整体看待。 对于复杂的或希望人为控制的变形动画，可以加形状提示进行控制。 形状提示使用26个英文字母，标识起始形状和结束形状中相对应的点，因此最多可以使用26个形状提示。 增加形状提示可以选择【修改】/【形状】/【添加形状提示】命令。如果无法看到形状提示，可以选择【视图】/【显示形状提示】命令。用鼠标右键单击形状提示点，可以打开快捷菜单进行形状提示处理。

16 第1讲 制作动画 第1讲结束 谢谢 ! 第6章 补间动画

17 6.2.1 图片叠化 创建如图所示的效果，先显示白马图片，然后在其逐渐消失的同时黑马图片逐渐显示出来，实现叠化效果。实现这一效果，主要利用元件实例在补间动画中可以调整颜色属性的特点。

18 6.2.2 青瓷变形 创建如图所示的效果，青花瓷瓶形状和颜色逐渐演变。实现这一效果，主要利用补间形状动画对矢量图形进行变形控制。

19 6.2.3 果醋 创建如图所示的效果，其中果醋瓶旋转飞入翻转，同时伴有颜色变化。

20 6.2.4 燃烧的红烛 创建如图所示的效果，燃烧的红烛火苗晃动逐渐缩小 。

21 第2讲 范例解析 第2讲结束 谢谢 ! 第6章 补间动画

22 6.3 综合案例──彩色气球 创建如图所示的效果，彩色气球从屏幕下方不断飞出。主要利用补间动画便捷的路径动画制作方法，再结合【动画编辑器】的丰富参数灵活设置应用，使路径补间动画的制作更加快捷便利。

23 第3讲 综合案例 第3讲结束 谢谢 ! 第6章 补间动画