第10讲简单动画的制作

1、本讲要点本讲要点 认识帧的类型及帧的编辑 了解时间轴并掌握动作补间动画的制作方法 掌握形状补间动画的制作方法 学习并掌握逐帧动画的制作方法 第第8 8讲讲 简单动画的制作简单动画的制作 快速导读快速导读 本讲主要介绍动画制作的基础知识,包括帧的 类型，帧的编辑方法和时间轴的有关概念，并以实 例的形式介绍了各种类型动画的制作方法与技巧。 本讲的重点是使用【帧】和【时间轴】快速、 高效地创建动作补间动画，形状补间动画以及逐帧 动画。难点是动作补间动画的制作方法。本讲的目 的是能够灵活的运用这些知识创建各种类型的简单 动画。 第第8 8讲讲 简单动画的制作简单动画的制作 Flash动画的基本类型有以

2、下5种。 逐帧动画 补间动画 引导动画 遮罩动画 时间轴特效 8. 1 Flash动画的基本类型动画的基本类型 8.2.1 普通帧普通帧 普通帧在时间轴上显示为一个个的单元格。无内容的 帧是空白的单元格，有内容的帧显示出一定的颜色。不同 的颜色代表着不同类型的动画，如动作补间动画的帧显示 为浅蓝色，形状补间的动画的帧显示为浅绿色，静止关键 帧后面的帧显示为灰色，关键帧后面的普通帧将继承该关 键帧的内容。 8.2.2 关键帧关键帧 关键帧定义了动画的变化环节，逐帧动画的每一帧都 是关键帧，而补间动画只需在重要的变化点上创建关键帧， 再由计算机自动生成关键帧之间的内容。实心圆点是有内 容的关键帧，

3、空心圆点是空白关键帧。 8. 2 帧的类型帧的类型 在Flash中,帧的编辑包括插入、复制、粘贴、删除、 清除、移动和翻转等操作。 8.3.1 插入帧和关键帧插入帧和关键帧 插入普通帧 在时间轴上单击并按下F5键或者单击右键，在弹出 的快捷菜单中选择【插入帧】命令。 插入关键帧 在时间轴上单击并按下F6键或者单击右键，在弹出 的快捷菜单中选择【插入关键帧】命令。 插入空白关键帧 在时间轴上单击并按下F7键或者单击右键，在弹出 的快捷菜单中选择【插入空白关键帧】命令。 8. 3 编辑帧编辑帧 8.3.2 选择帧选择帧 要选取单个帧，只需在时间轴上单击此帧。 选择连续的帧有两种方法，一种是在第一帧

4、上单击，然后 按住Shift键不放，再单击最后一帧即可；另一种是直接在第 一帧上按住鼠标左键拖动，到最后一帧时释放鼠标左键。 选取不连续的帧时只需按住Ctrl键用鼠标依次单击即可。 选择时间轴上所有轴有两种方法，一种是选择图层中的任 意一帧，单击右键，在弹出的快捷菜单中选择【选择所有帧】 选项；另一种方法是单击图层，则图层中的所有帧也将被选中。 8.3.3 复制帧和粘贴帧复制帧和粘贴帧 在图层中选择要复制的帧，然后单击右键，在弹出 的快捷键菜单中选择【复制帧】选项，即可把帧复制到剪 贴板上。 在要粘贴的帧上单击鼠标右键，在弹出的快捷键菜 单中选择【粘贴帧】选项，即可将剪贴板上的帧粘贴到选 择帧

5、处。 8.3.4 删除帧删除帧 选择要删除的一个帧或多个帧，单击鼠标右键，在 弹出的快捷菜单中选择【删除帧】选项或者按Shift+F5 组合键，即可删除选定的帧。当一个帧被删除后，后面 的帧将自动向前移动。 8.3.5 清除帧清除帧 在动画的制作过程中，如果不需要某些帧或关键帧， 可将这些帧清除掉。 清除帧 在需要清除的帧上单击鼠标右键，在弹出的快捷键 菜单中选择【清除帧】选项，清除后的该帧就会自动变 成空白关键帧。 清除关键帧 在需要清除的关键帧上单击鼠标右键，在弹出的快 捷键菜单中选择【清除关键帧】选项，清除后的该帧便 成为普通帧。 8.3.6 移动帧移动帧 在图层中选择一帧或者多帧，按住

6、鼠标左键并拖动， 鼠标指针将变为 形状，拖动鼠标指针到目标位置，然后 释放鼠标即可。 8.3.7 翻转帧翻转帧 利用翻转帧功能可以使连续的关键帧序列进行逆顺序 排列，从而使影片倒着播放。此功能只作用于连续的关键 帧序列。 8.3.8 设置帧频设置帧频 在Flash中，每一秒钟播放的频数为“帧频”。帧频就 是动画的播放速度，以每秒播放的帧数为度量。默认情况 下，Flash的帧频是12帧/秒，即每一秒钟要播放动画中的 12帧的画面。帧频的单位是fps，设置帧频就是设置动画 的播放速度，帧频越大，播放的速度越快，反之则越慢。 单击舞台中的空白处，在其【属性】面板中的【帧频】 文本框中便可设置帧频。

7、在Flash中，动画的最终效果播放是用时间轴来 控制的。在【时间轴】面板中可以对图层和帧进行添加和 删除等操作，来控制图层和播放帧的位置、属性等。 8.4.1 时间轴特效时间轴特效 在对舞台中的对象添加时间轴特效时，Flash会 新建一个图层，然后把对象传送到新建的图层中。该对象 被放置在特效图层中，特效所需要的所有过渡和变形也都 被存在新建图层的图形中。新建图形的名称与特效名称相 同，后面带有编号，表示在文档内所有的特效中应用此特 效的顺序。添加时间轴特效时，在【库】面板中会添加一 个以特效名称命名的文件夹，内含创建该特效所使用的元 素。 8. 4 时间轴时间轴 8.4.2 时间轴特效的添加

8、时间轴特效的添加 在动画的制作过程中，可以使用时间轴特效在文本 中轻松地添加动画。添加时间轴特效后可以使文本产生 弹跳、淡入淡出或爆炸等效果。将时间轴特效应用于影 片剪辑时，Flash会将特效嵌套在影片剪辑中。 选中文本，选择【插入】【时间轴特效】，选择 相应的效果，然后在弹出的效果对话框中进行设置即可。 8.4.3 设置时间轴特效设置时间轴特效 【变形】特效 【变形】特效用于调整选定对象的位置、缩放比例、 旋转角度、Alpha值和色彩等属性。使用【变形】特效可 以应用单一特效或者特效组合，从而产生淡入/淡出、放 大/缩小以及左旋/右旋等特效。 【转换】特效 【转换】特效主要用于对选定的对象进

9、行擦除和淡 入/淡出处理，或者是二者的组合处理，从而产生逐渐转 换的特效。 【分散式直接复制】特效 【分散式直接复制】特效用于复制选定的对象一定 的次数。 【复制到网格】特效 【复制到网格】特效用于按照列数复制选定的对象， 然后按照行数乘以列数创建该元素的网格。 【展开】特效 对选中的对象应用【展开】特效，可以在一段时间 内放大或缩小对象。 【投影】特效 为对象添加投影效果。 【模糊】特效 为对象添加模糊效果。 8.4.4 编辑时间轴特效编辑时间轴特效 选中要修改的对象，然后右键单击，在弹出的快捷 键菜单中选择【时间轴特效】【编辑特效】命令。在 弹出的该特效对话框中进行编辑即可。 如果要删除时

10、间轴特效，只需在舞台中选中应用时 间轴特效的对象，然后选择【修改】【时间轴特效】 【删除特效】即可。 8.4.5 时间轴辅助工具时间轴辅助工具 在时间轴面板中除了常用的一些工具，还有一些制 作动画需要的辅助工具。 滚动到播放头 单击该按钮可以使播放头在时间轴的中间显示。 绘图纸外观 在制作连续的动画时，如果前后两帧的画面内容没 有完全对齐就会出现抖动的现象。这时可以使用【绘图 纸外观】等功能来协助操作。它不但可以用半透明方式 显示指定序列画面的内容，而且可以提供同时编辑多个 画面的功能。 绘图纸外观轮廓 绘图纸外观轮廓模式与绘图纸外观模式的显示内容 类似，但绘图纸外观轮廓模式显示的是对象的轮廓

11、线， 这样可以更清楚地观察对象的变化过程。 编辑多个帧 使用编辑多个帧模式不会显示动画中的补间的部分， 而只显示关键帧中的内容，还可以对舞台中显示的所有 内容进行大小、位置、颜色等属性的调整。 修改绘图纸标记 单击修改绘图纸标记按钮将弹出菜单列表。 动作补间动画是指一个元件在两个关键帧之间建立 的一种运动补间关系。动作补间动画可以设置元件的大 小、位置、颜色、透明度、旋转等属性。 8.5.1 动作补间动画制作原理动作补间动画制作原理 元件是构成动作补间动画的基本元素，包括影片剪 辑、图形元件和按钮元件等。除了元件，包括位图、文 本在内的其他元素，只有将其转变成元件之后才可以创 建动作补间动画。

12、 创建动作补间动画的方法有两种，一种是在时间轴 上创建起始帧和结束帧，然后在中间部分的任一帧上单 击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】 命令即可。另一种是利用【属性】面板来创建动作补间 动画。 8. 5 动作补间动画动作补间动画 8.5.2 创建补间动画创建补间动画空中飞行空中飞行 最终效果 在Flash的时间轴上，用一个关键帧绘制一个形状， 然后用一个关键帧更改该形状或绘制另一个形状，Flash 就会根据二者之间的帧的值或形状来创建动画，这种动 画就被称为形状补间动画。 8.6.1 形状补间动画创建原理形状补间动画创建原理 形状补间动画可以实现两个图形之间的颜色、形状、 大小和

13、位置的相互变化，其变形的灵活性介于逐帧动画 和动作补间动画二者之间，使用的元素多为用鼠标绘制 出的形状。如果使用图形元件、按钮、文字等，则必须 先打散再变形。 创建形状补间动画可以通过【属性】面板直接设置， 也可以在帧上单击右键，在弹出的快捷键菜单中选择 【创建补间形状】即可。 8. 6 形状补间动画形状补间动画 8.6.2 创建形状补间动画创建形状补间动画国庆佳节国庆佳节 最终效果 逐帧动画是在时间轴上以关键帧的形式逐帧绘制帧 内容形成的动画。由于逐帧动画是按照一帧一帧来播放 画面的，所以逐帧动画具有非常大的灵活性，几乎可以 表现任何想表现的内容。逐帧动画在时间轴上表现为连 续出现的关键帧。

14、 要创建逐帧动画，需要将每个帧都定义为关键帧， 然后给每个帧创建不同的图像内容即可。创建逐帧动画 的方法一般有以下4种。 使用导入的表态图片建立逐帧动画 绘制矢量逐帧动画 文字逐帧动画 导入序列图像 8. 7 逐帧动画逐帧动画 导入静态图片建立逐帧动画 文字逐帧动画 在Flash中可以两种类型的补间动画：动作补间动画和 形状补间动画。 在动作补间动画中，可以在一个时间点定义一个实例、 文本块的位置、大小和旋转等属性，然后在另一个时间点改 变这些属性。在形状补间动画中，可以在一个时间点绘制一 个形状，然后在另一个时间点更改该形状或绘制另一个形状。 Flash会在两个关键帧之间自动地生成过渡的形状来创建动 画。 补间动画是创建随时间移动或更改的动画的一种有效的 方法，并且能最大程度地减小所生成文件的大小。在补间动 画中，Flash中保存关键帧上的内容。 8. 8 本讲小结本讲小结 1. 判断题判断题 （1）在Flash中插入关键帧的快捷键是F5。 （ ） （2）在Flash中，动画的最终效果播放是用时间轴来控制的。 （ ） （3）动作补间动画是指一个元件在两个关键帧之间建立的一种运动补间 关系。（ ） 2. 选择题选择题