Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


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章 补间动画


Download ppt "第六章 补间动画 主讲人:马 震 人民邮电出版社."

Similar presentations


Ads by Google