Flash基础教程与创作实例 第7章 动画制作与编辑

7.5.2 普通帧
普通帧：除了关键帧之外，所有出现在时间 轴中的帧都称为普通帧。在Flash的动画制作 模式中，普通帧往往代表着中间的画面，也 就是第1帧与最后1帧画面间渐变的过程，因 此它们是无法被编辑修改的。
7.5.3 编辑帧
在Flash中，可以处理帧和关键帧，将它们按照您想让 对象在帧中出现的顺序进行排列。可以通过在时间 轴中拖动关键帧来更改补间动画的长度。 可以对帧或关键帧进行如下修改： 插入、选择、删除和移动帧或关键帧 将帧和关键帧拖到同一图层中的不同位置，或是拖 到不同的图层中 复制和粘贴帧和关键帧 将关键帧转换为帧
7.4.2 使用形状提示
要控制更加复杂或罕见的形状变化，可以使用形状提示。形 状提示会标识起始形状和结束形状中的相对应的点 。例如， 如果要补间一张正在改变表情的脸部图画时，可以使用形状 提示来标记每只眼睛。这样在形状发生变化时，脸部就不会 乱成一团，每只眼睛还都可以辨认，并在转换过程中分别变 化。 形状提示包含字母（从 a 到 z），用于识别起始形状和结束 形状中相对应的点。最多可以使用 26 个形状提示。 起始关键帧上的形状提示是黄色的，结束关键帧的形状提示 是绿色的，当不在一条曲线上时为红色。
教学目标
1．了解制作Flash动画的基本知识，掌握帧、 补间动画、场景和时间轴特效的使用方法。 2．熟悉逐帧动画和补间动画的制作方法，掌 握关键帧的定义方法和帧频率的设置方法。 3．掌握创建补间动作动画和创建补间形状动 画的方法，掌握时间轴特效中的模糊、变形、 转换、分离、投影、展开等特效。
7.1 Flash动画概述
第7章 动画制作与编辑
内容概述内容概述 Flash动画是由多张不同画面构成的。通 过时间轴，我们可以安排各种动画画面、图 层以及各种动画的顺序。Flash动画可以分成 Flash 逐帧动画和补间动画两种，而补间动画又可 以分为形状补间动画和动作补间动画，其中 动作补间动画最能体现Flash的优越性，也是 最常用的动画。
（1）在时间轴中插入帧，可执行以下操作之一： 要插入新帧，请选择“插入”/“时间轴”/“帧”。 如 图 7-5-1 所示。 要创建新关键帧，请选择“插入”/“时间轴”/“关键 帧”，或者右键单击 要在其中放置关键帧的帧，然 后从上下文菜单中选择“插入关键帧”。 如图 7-52所示。
图7-5-1 右键创建关键帧
使用形状提示的操作过程如下： （1）选择补间形状序列中的第一个关键帧。 （2）选择“修改”/“形状”/“添加形状提示”。起始形状提示会在该 形状的某处显示为一个带有字母 a 的红色圆圈。将形状提示移动到要 标记的点。如图 7-4-5 所示。 （3）选择补间序列中的最后一个关键帧。 结束形状提示会在该形状的某处显示为一个带有字母 a 的绿色圆圈， 如图 7-4-6 所示。 （4）重复这个过程，添加其它的形状提示。将出现新的提示，所带的 字母紧接之前字母的顺序（b、c 等等）。
1．创建逐帧动画： （1）新建一个文件，利用属性面板可以设置场景为合适的 大小和背景色。如图7-2-1所示 （2）选择第1帧作为逐帧动画的起始帧，单击右键，在弹 出的下拉菜单中选择“插入关键帧”。如图7-2-2所示。
图7-2-1 属性面板
图7-2-2 插入关键帧
（3）在第1帧上创建插图。可以使用绘画工具、从剪贴板中 粘贴图形，或导入一个文件，这里我们导入一张图片。如图 7-2-3所示。 （4）拷贝第1帧的内容，单击第2帧，将第1帧中的内容粘 贴到第2帧上，单击“编辑多个帧”按钮，并用“选择工具” 将图形调整一下位置。如图7-2-4所示。 （5）重复步骤（4），完成第3-10帧的动作。 （6）单击“编辑多个帧”按钮，取消显示，按Enter键测试 动画，并保存。
形状补间动画的创作步骤如下： （1）选择动画开始的帧，在场景中利用绘图工具 或文字工具绘制图形，作为形状补间动的第一个关 键帧，如图 7-4-1所示。 （2）在同一个图层上，选择在第30帧插入一个关 键帧，作为形状补间的结束帧，并在这个帧中创建 变形后的图形，如图7-4-2 所示。
图 7-4-1 绘制第一个关键帧
图 7-3-2 创建补间动画
7.3.2 创建沿路径运动的补间动作动画
运动引导层使您可以绘制路径，补间实例、组或文本块可 以沿着这些路径运动。可以将多个层链接到一个运动引导 层，使多个对象沿同一条路径运动。链接到运动引导层的 常规层就成为引导层。 （1）首先创建运动引导层： 选择包含动画的图层，然后选择“插入”/“时间轴”/“运动 引导层”。 Flash会在所选的图层之上创建一个新图层，该图层名称 的左侧有一个运动引导层图标。将现有图层拖到运动引导 层的下面。该图层在运动引导层下面以缩进形式显示。该 图层上的所有对象自动与运动路径对齐。 （2）使用“钢笔”、“铅笔”、“直线”、“圆形”、 “矩形”或“刷子”工具绘制所需的路径。 （3）将中心与线条在第一帧中的起点和最后一帧中的终 点对齐。 （4）选择“控制”/“测试影片”可查看动画效果。
7.4 创建补间形状动画
7.4.1 补间形状动画 7.4.2 使用形状提示
7.4.1 补间形状动画
“补间形状动画”是补间动画的一种。在改变一个矢量 图形的形状，颜色、位置、或一个矢量图的变形成为另一 个矢量图的过程中，可以使用形状补间动画。在形状补间 动画中，只需创建起始和结束两个关键帧，中间的经过帧 则有 Flash通过计算机自动完成。 在创建形状补间动画片时，如果需要对组、实例或位 图图像应用形状补间，则必须首先将这些元素进行分离， 如果对文本应用于形状补间，则必须首先将文本进行打散 两次处理，使其转换成文形状。
图7-2-3 导入一张图片
图7-2-4 编辑多个帧
7.3 创建补间动作动画
7.3.1 创建补间动作动画的方法 7.3.2 创建沿路径运动的补间动作动画
7.3.1 创建补间动作动画的方法
在起始关键帧中为实例、组合对象或 文本定义属性，然后在后续关键帧中更改 对象的属性。Flash 在关键帧之间的帧中 创建从一个关键帧到下一个关键帧的动画。 要创建补间动画，您将提取元件的一个实 例并使其看上去在弹跳。如图7-3-1所示。 在时间轴（“窗口”/“时间轴”）中，双 击 图层 1 的标题并键入 示例。按 Enter 键 以重命名该图层。 在示例图层仍处于选中状态时，将示例图 形元件从“库”窗口（“窗口”/“库”） 拖动到舞台上。
7.1.2 时间轴中的动画表示
补间动画用起始关键帧处 的一个黑色圆点指示；中 间的补间帧有一个浅蓝色 背景的黑色箭头
补间形状用起始关键帧处的 一个黑色圆点指示；中间的 帧有一个浅绿色背景百度文库黑色 箭头
虚线表示补间是断的或不完 整的
单个关键帧用一个黑色圆 点表示。单个关键帧后面 的浅灰色帧包含无变化的 相同内容，并带有一条黑 线，而在整个范围的最后 一帧还有一个空心矩形 出现一个小a 表明已 利用“动作”面板为 该帧分配了一个帧动 作 红色标记表明该帧包含一个 标签或注
金色的锚记表明该 帧是一个命名锚记
7.1.3 设置帧频率
帧频是动画播放的速度，以每秒播放的帧数为度量。 帧频太慢会使动画看起来一顿一顿的，帧频太快会 使动画的细节变得模糊。在Web上，每秒12帧的帧 频通常会得到最佳的效果。QuickTime和 AVI影片 通常的帧频就是12 fps，但是标准的运动图像速率 是24 fps。
图7-5-2 从菜单创建关键帧
（2）选择时间轴中的一个或多个帧，可执行以下操作： 要选择一个帧，请单击该帧。如果在“首选参数”对话框中启 用了“基于整体范围的选 择”，则单击某个帧将会选择两个 关键帧之间的整个帧序列。 要选择多个连续的帧，请按住 Shift 键并单击其它键。如图 75-3 所示。 要选择多个不连续的帧，请按住 Control 键单击其它帧。如图 7-5-4所示。
图7-3-1 示例图片
（1）在“选择”工具仍处于选中状态时，在 示例 图层中， 选择第 20 帧。然后按 F6 键插入一个关键帧。 （2）选择第 10 帧并按 F6 键以添加另一个关键帧。 （3）在播放头仍处于第 10 帧上时，按住 Shift 键沿着直线 移动轮胎，并将示例图向上拖动。 （4）在示例 图层中，选择第 2 帧和第 9 帧之间的任何帧。 在属性检查器中，从“补间”弹出菜单中选择“动画”。这 两个关键帧之间的时间轴中会出现一个箭头。 （5）选择第 16 帧和第 29 帧之间的任何帧。同样使用“属 性”检查器中的“补间”弹出菜单选择“动画”。如图7-32所示。
图 7-4-2 设置形状补间动画第一个结束帧上的形状
（3）在时间轴上选择第一个关键帧，然后在该帧的 “属性”面板中设置参数，在“补间”下拉列表框中 选择“形状补间”选项，如图 7-4-3 所示。 （4）创建了形状补间动画后时间轴上的状态如图7-4-4 所示。
图7-4-3 设置形状补间
图7-4-4 创建形状补间动画后的时间轴
动画的复杂程度和播放动画的计算机速度影 响回放的流畅程度。应用时需要在不同的计 算机上测试动画，以确定最佳帧频。 设置帧频率只需按以下步骤： （1）在舞台上远离任何对象的区域单击鼠标。 （2）在属性检查器的“帧频”文本框中键入 要修改的数值。如图所示。
7.2 创建传统的逐帧动画
逐帧动画是由许多单个的关键帧组合而成的，适合 制作一个动画在每个帧上都有关键性变化的情况。 逐帧动画增加文件大小的速度比补间动画快得多。 在逐帧动画中，Flash 会保存每个完整帧的值。 要创建逐帧动画，需要将每个帧都定义为关键帧， 然后给每个帧创建不同的图像。每个新关键帧最初 包含的内容和它前面的关键帧是一样的，因此可以 递增地修改动画中的帧。
要在补间形状时获得最佳效果，遵循以下准则： （1）选择动画开始的帧，在场景中利用绘图工具或文字 工具绘制图形，作为形状补间在复杂的补间形状中，需 要创建中间形状然后再进行补间，而不要只定义起始和 结束的形状。 （2）选择动画开始的帧，在场景中利用绘图工具或文字 工具绘制图形，作为形状补间确保形状提示是符合逻辑 的。例如，如果在一个三角形中使用三个形状提示，则 在原始三角形和要补间的三角形中它们的顺序必须是一 致的。它们的顺序不能在第一个关键帧中是 abc，而在第 二个中是 acb。 （3）选择动画开始的帧，在场景中利用绘图工具或文字 工具绘制图形，作为形状补间如果按逆时针顺序从形状 的左上角开始放置形状提示，它们的工作效果最好。
7.1.1 补间动画与逐帧动画 7.1.2 时间轴中的动画表示 7.1.3 设置帧频率
7.1.1 补间动画与逐帧动画
补间动画是一种动画类型，在动画中对象从一个位 置移动到另一个位置。在制作时定义要为其制作动 画的对象的起始位置和结束位置，然后让Flash计算 该对象的所有补足区间位置。使用这种方法，只需 设置要为其制作动画的对象的起始位置和结束位置， 就可以创建平滑的动作动画。 逐帧动画更改每一帧中的舞台内容，它最适合于每 一帧中的图像都在更改而不是仅仅简单地在舞台中 移动的复杂动画。逐帧动画增加文件大小的速度比 补间动画快得多。在逐帧动画中，Flash会保存每个 完整帧的值。
图7-4-5 添加形状提示
图7-4-6 结束形状提示
7.5 使用帧
在Flash中，有两种帧格式，一个是关键帧， 另一个是普通帧。 7.5.1 关键帧 7.5.2 普通帧 7.5.3 编辑帧 7.5.4 使用绘图纸外观功能 7.5.5 移动整个动画
7.5.1 关键帧
关键帧是这样一个帧：您在其中定义了对动画的对 象属性所做的更改，或者包含了 ActionScript 代码 以控制文档的某些方面。Flash 可以在您定义的关 键帧之间补间或自动填充帧，从而生成流畅的动画。 因为关键帧可以使您不用画出每个帧就可以生成动 画，所以使您能够更轻松地创建动画。可以通过在 时间轴中拖动关键帧来轻松更改补间动画的长度。 帧和关键帧在时间轴中出现的顺序决定它们在 Flash 应用程序中显示的顺序。可以在时间轴中排 列关键帧，以便编辑动画中事件的顺序。