第六章,动画制作基础知识和操作

傻
子
石
电
脑
棚

21
动画制作基础知识和基本操作
一、时间轴及其显示设置 二、帧的分类、选择及其操作 三、逐帧动画 四、形状渐变 五、运动渐变 六、编辑动画
傻
子
石
电
脑
棚

22
动画制作基础知识和基本操作——运动渐变
傻
子
石
电
脑
棚

23
动画制作基础知识和基本操作——运动渐变
傻
子
石
电
脑
棚

19
动画制作基础知识和基本操作——形状渐变
补间：用于设置或取消对象之间的运动类型，在弹出的列表中共有三 个选项可供选择，分别为无、运动和形状。 简易：用于调节对象运动的速度，是速度变化与时间之间的比率。通 过输入数值或拖动滑动杆进行设置，数值范围在-100到100之间，默认 情况下，简易值为0。 混合：用于调节对象变化过程中的形状平滑度。
傻
子
石
电
脑
棚

9
动画制作基础知识和基本操作——帧的分类选择及其操作
帧的操作 制作影片时需要创建不同种类的帧，具体操作方法如下： （1）插入关键帧与空白关键帧 关键帧包括关键帧与空白关键帧两种。在空白关键帧中添加对象， 空白关键帧就转换为关键帧。 插入关键帧时，选中时间线上的某帧后，执行“插入”→“时间 轴”→“关键帧”命令、直接按F6快捷键、右击某帧，在弹出的快捷 菜单中选择“插入关键帧”选项，均可在所选地方插入关键帧。 插入空白关键帧时，选中时间线上的某帧后，执行“插 入”→“时间轴”→“空白关键帧”命令、直接按F7快捷键、右击某 帧，在弹出的快捷菜单中选择“插入空白关键帧”选项，即可在所选 地方插入空白关键帧。
运动渐变是最常用的一种渐变方式。它的主要功能是计算元件实 例从一个地方到另一个地方，实例位置之间的过渡部分。除此以外， 运动渐变还可以在元件实例的大小和颜色方面创建过渡动画，在实例 运动的过程中，可以根据需要使实例旋转。 原理与创建条件 运动渐变动画是补间动画的一种。通过为对象创建运动渐变，可 以改变对象的位置、大小、旋转或倾斜，做出物体运动的各种效果。 通过设置实例的颜色属性，还可以制作出丰富的渐变效果，例如实例 的淡入淡出效果。 正确的运动渐变动画在时间轴中以浅蓝色背景的单箭头符号表示。 错误的形状渐变动画以浅蓝色背景的虚线表示。 导致运动渐变动画失败的原因有很多，但主要是由于以下几种原 因：第一种为缺少起始帧或终止帧；第二种为起始帧或终止帧包含多 个的对象；第三种为起始帧或终止帧中包含的对象不是元件实例。要 正确使用运动渐变必须满足以下创作条件：
傻
子
石
电
脑
棚

14
动画制作基础知识和基本操作——逐帧动画
（2）绘图纸外观轮廓 单击洋葱皮工具中的“绘图纸外观轮廓”按钮，各帧的动作分解 以轮廓线的形式表现。使用洋葱皮工具处理较为复杂的对象时，会影 响影片处理速度，而以轮廓线的形式显示多帧，可以加快影片处理速 度。 （3）编辑多个帧 使用洋葱皮工具虽然可以同时看到多个帧，但只能对所选帧中的 对象进行编辑。要想同时编辑多个帧中的对象，需要单击“编辑多个 帧”按钮，此时绘图纸标记范围内包含的关键帧中的对象均是正常的 形式显示，表示可以同时对其进行编辑。 （4）修改绘图纸标记 单击“修改绘图纸标记”按钮，在弹出的快捷菜单中可以设置绘 图纸标记的显示状态与显示范围。
傻
子
石
电
脑
棚

20
动画制作基础知识和基本操作——形状渐变
添加形状提示 形状提示是辅助图形变形的一种提示。在变形的初始图形上指定 一些变形的关键点，接着在变形的结束图形上将刚刚指定的关键点置 于适当的位置，这样，图形在进行形状渐变的过程中，就会参考定义 的关键点之间的联系计算出过渡效果的部分。
傻
子
石
电
脑
棚

16
动画制作基础知识和基本操作
一、时间轴及其显示设置 二、帧的分类、选择及其操作 三、逐帧动画 四、形状渐变 五、运动渐变 六、编辑动画
傻
子
石
电
脑
棚

17
动画制作基础知识和基本操作——形状渐变
傻
子
石
电
脑
棚

8
动画制作基础知识和基本操作——帧的分类选择及其操作
帧的选择 为了查看和修改帧中的对象，需要选中一个或多个帧，具体操作 方法如下： （1）要选择时间轴上的任意一个帧，只需单击该帧即可。 （2）要选择时间轴上的所有帧，执行“编辑”→“时间轴”→“选择所 有帧”命令或按Ctrl+Alt+A快捷键。 （3）要同时选择多个连续的帧，需要通过单击确定选择范围的起点，然 后按住Shift键，在选择范围的终点单击即可。 （4）要同时选择多个非连续的帧，只需在按住Ctrl键的同时单击所需的 各帧即可。
傻子Βιβλιοθήκη 石电脑棚

5
动画制作基础知识和基本操作——帧的分类选择及其操作
帧是决定物体运动的核心，是构成一部影片的基础，它决定影片 中的对象何时出现以及对象的运动方式。 帧的分类 在Flash中，通过时间轴的显示，就可以识别出各种不同类型的帧 以及当前影片中帧存在问题，各种帧的显示状态如下图所示。
13
动画制作基础知识和基本操作——逐帧动画
洋葱皮工具的应用 Flash的场景中，只能显示当前帧中的内容。有时为了给对象定 位，需要同时查看多个帧中的内容，利用洋葱皮工具，就可以做到这 一点。 洋葱皮工具主要用于辅助图形调整其位置，例如在两个动作之间 确定中间的动作，使物体动作更加流畅，这也是制作传统动画片时用 到的原理，特别适用于制作自行绘制的逐帧动画。 洋葱皮工具共包括四个按钮，从左到右分别为“绘图纸外观”、 “绘图纸外观轮廓”、“编辑多个帧”和“修改绘图纸标记”按钮， 这些按钮的具体的操作方法如下所述： （1）绘图纸外观 单击洋葱皮工具中的“绘图纸外观”按钮，此时帧刻度上自动显 示定义绘图纸范围的标记，位于标记之间帧中的对象均以透明颜色的 表现形式显示在场景中。此时可以通过单击时间轴上的帧，选中其中 的对象再对其进行编辑。
傻 子 石 电 脑 棚

7
动画制作基础知识和基本操作——帧的分类选择及其操作
11 10 9 8 7 6 5 3 1
12
4 2
7．错误渐变帧。以虚线表示，代表这个区域存在错误的补间动画。 8．加入帧标签的帧，标签类型为名称。 9．加入帧标签的帧，标签类型为注释。 10．加入帧标签的帧，标签类型为锚记。 11．加入音乐的帧。 12．加入脚本语言的帧。
11 10 9 8 7 6 5 3 1 4 12
2
傻
子
石
电
脑
棚

6
动画制作基础知识和基本操作——帧的分类选择及其操作
11 10 9 8 7 6 5 3 1
12
4 2
1．关键帧。以实心圆表示，代表这个帧中含有对象。 2．普通帧。普通帧中的对象永远和离它最近的关键帧中的对象保持一致。 3．空白关键帧。以空心圆表示，代表这个关键帧中没有任何对象，在空 白关键帧中加入对象即可变成关键帧。 4．一般空白帧。代表空白区域中没有任何对象。 5．运动渐变帧。以底色为浅蓝色的箭头符号表示，代表这个区域存在运 动补间动画。 6．形状渐变帧。以底色为浅绿色的箭头符号表示，代表这个区域存在形 状补间动画。
逐帧动画的制作方法与传统的动画相似，由于其中的每一帧都是 关键帧，所以生成的影片相对较大，仅适用于制作较为精细复杂的小 动画。 原理 将对象的运动过程分解成多个静态图形，如下图所示，再将这些 连续的静态图形置于连续的关键帧中，就构成了逐帧动画。
傻
子
石
电
脑
棚

正确的形状渐变动画在时间轴中以浅绿色背景的单箭头符号表示， 错误的形状渐变动画以浅绿色背景的虚线表示。
傻
子
石
电
脑
棚

18
动画制作基础知识和基本操作——形状渐变
导致形状渐变动画失败有两种可能：第一种为起始帧或终止帧中 没有图形对象；第二种为起始帧或终止帧中包含元件实例。要正确使 用形状渐变必须满足以下创作条件： 形状渐变只能作用于形状。要对组合、实例、位图或文本对象应用形 状渐变，必须先将这些对象打散置形状。 形状间的渐变只能在同一图层。通常一对一的形状过渡可以产生最佳 的渐变效果，当然也可以在同图层中的多个对象间创建形状渐变。 创建形状渐变动画 正确创建形状渐变时，首先需定义两个关键帧——起始帧与终止 帧，并分别在其中绘制好图形。接着就可以在两个关键帧之间创建形 状渐变动画了。而动画中过渡的部分，也就是补间，则是由Flash自行 计算得来的。 形状渐变的属性面板如下图所示，下面就对其中的各种选项逐一 进行说明：
在Flash中制作动画通常会采用补间的方式，补间是指在动画的起 始帧和终止帧之间，Flash自动生成的过渡画面。补间的方式有两种， 分别为形状渐变与运动状渐变。本节中将首先介绍形状渐变动画。 原理与创建条件 形状渐变动画就是指对象在两个关键帧之间形状发生变化的动画。 例如圆形变成方形的动画效果，如下图所示。
2
动画制作基础知识和基本操作
一、时间轴及其显示设置 二、帧的分类、选择及其操作 三、逐帧动画 四、形状渐变 五、运动渐变 六、编辑动画
傻
子
石
电
脑
棚

3
动画制作基础知识和基本操作——时间轴及其显示
时间轴是组织动画的地方，它的主要任务是显示和控制帧，如下 图所示。在影片播放时，时间轴上的“播放头”将按照一定的帧速率 沿时间线运动，“播放头”经过那帧，影片就显示那帧中的内容。在 编辑影片的过程中也是如此，场景中仅显示“播放头”所在帧中的对 象。
播放头 帧视图
用户可以根据需要更改帧在时间轴中的显示方式，单击时间轴右 上角的“帧视图”选项按钮，弹出“帧视图”选项菜单。