Flash 教程

向时间轴添加动画

您已经在本教程的第一部分（基本任务：创建横幅广告（第一部分））使用时间轴来插入新图层并向这些图层中添加了内容。在第一部分，您向时间轴上的帧中添加了一些资源。您可能已注意到，在帧上添加了内容之后，该帧上会显示一个实心圆形以指示该帧上有内容。只要帧上新添了内容或者内容有改变，此帧即称为关键帧，并且上面有一个实心黑点。关键帧是您在其中定义动画中的更改的帧，或者是有内容的帧。空关键帧有一个空心圆圈。

通过向时间轴（例如，主时间轴或影片剪辑内的时间轴）添加内容在 Flash 文档中创建动画。当播放头沿着时间轴移动时，这些帧会依次播放，当以快速连续方式播放时（如同动画书或一卷胶片上的连续帧），即可创建动画。

当创建逐帧动画时，每个帧都是关键帧。在补间动画中，可以在动画中的重要位置定义关键帧，而让 Flash 创建关键帧之间的帧内容。Flash 将补间动画的插补帧显示为浅蓝色或浅绿色，并在关键帧之间绘制一个箭头。由于 Flash 文档保存每一个关键帧中的形状，因此只应当在动画中有变化的点处创建关键帧。

选择"修改">"文档"。
"文档属性"对话框打开。这是在本教程的第一部分用于更改横幅广告尺寸的对话框。现在，您想要更改横幅广告的帧频。
将"帧频"文本框中的数字更改为 18，然后单击"确定"应用新设置。
帧频越高，意味着动画播放越平滑。通常设置为 12 帧/秒 (fps)。更改 fps 设置意味着主时间轴和影片剪辑时间轴均以指定的帧频播放。

注意

帧频提高还意味着对用户计算机（或 CPU）的要求也稍微提高，因为每秒播放的帧数增加了。

在舞台上双击 join us 元件实例。
这将以元件编辑模式打开该元件（见下图）。在该模式下，您可以看到影片剪辑元件的时间轴，它独立于主 FLA 文件的时间轴（双击元件之前看到的时间轴）运行。这意味着动画的播放和停止可以独立于主时间轴上的动画。请记住，影片剪辑仍以文档的帧频 (18 fps) 播放。

在元件编辑模式下，正编辑的元件显示正常，而舞台上的其它项则变暗。您在这种模式下所做的更改将应用于 FLA 文件中的每个元件实例。注意编辑栏（在本图中的时间轴的上方）是如何变化以显示您所编辑的内容的，另外注意编辑栏相对于主舞台的位置。

进入该模式意味着您将编辑元件本身，而不仅仅是舞台上的单个实例。在该时间轴（它是影片剪辑的时间轴）上所做的任何更改都将应用于您在 FLA 文件中使用的元件的每个实例。

编辑栏（位于上一幅图像的顶部）可以显示出您正在编辑元件。使用编辑栏可以在文档中导航。编辑栏可能在时间轴的上方或下方，具体取决于工作区的设置方式。

场景 1 表示 FLA 文件的主时间轴。您可以单击编辑栏上的该按钮返回主时间轴。其后的名称指向您正在编辑的元件。如果此元件嵌套在其它元件中，则该路径可能包含几个名称。在上一幅图中，您可以看出您正在编辑位于主时间轴上的 join us 元件（场景 1）。
选择影片剪辑内的 PNG 文件，然后按 F8 键将其转换为另一个元件。
在"转换为元件"对话框的"名称"文本框中键入名称 nested mc，选择"影片剪辑"，然后单击"确定"。
选择第 15 帧，然后选择"插入">"时间轴">"关键帧"。

注意

按 F6 键可以快速插入新的关键帧。

此命令将插入一个新的关键帧，这意味着您可以修改该帧上的内容以创建动画。当前，第 15 帧上的内容是从第 1 帧上的内容复制而来的。当您在以后的步骤中修改第 15 帧时，所做的修改将不会更改第 1 帧上的内容。

选择第 30 帧，然后按 F6 键插入一个新的关键帧。
此关键帧的内容是从第 15 帧的内容复制而来的。这意味着所有三个帧的内容都是相同的。
选择第 15 帧上的影片剪辑实例，然后打开"属性"检查器（"窗口">"属性">"属性"）。

注意

确保您选择的是第 15 帧上的内容，而不仅仅是该帧。您可以先在时间轴上选择该帧（或者将播放头移动到第 15 帧），然后选择舞台上的影片剪辑实例以查看"属性"检查器的正确上下文，如下图所示。

从"颜色"弹出菜单中选择"亮度"（如下图所示）。
将滑块值更改为 75%（见下图）。

更改影片剪辑实例的亮度。

第 15 帧上的实例的亮度即相应更改。第 1 帧和第 30 帧上的实例不会更改。这意味着您现在可以添加这样的补间动画：将第 1 帧到第 15 帧之间的亮度值做成动画，然后将第 15 帧到第 30 帧之间的亮度值做成动画。播放第 30 帧之后，播放头回到第 1 帧，动画重新开始。

注意

您也可以使用相同的过程更改 Alpha 值或色调值。Alpha 补间比更改动画的亮度或色调的补间耗费处理器资源。应尽可能地避免耗费处理器资源的过程。

再次选择舞台上第 15 帧上的实例，然后选择"工具"面板中的"任意变形"工具。选择右下角的手柄，朝着图像的中心拖动该手柄以使该实例变得较小（见下图）。

使用"任意变形"工具调整实例的大小。如该图所示，还可以使用"任意变形"工具来旋转图像。

您可以在一个 FLA 文件中创建几种类型的动画，例如，补间动画、补间形状和逐帧动画。在本教程中，您将创建一个补间动画。补间动画是这样一种动画：您可以在其中定义实例在某个时间点的属性，如位置、大小和旋转角度，然后在另一个时间点更改这些属性。在本动画中，您更改实例的亮度和大小。
选择第 1 帧与第 15 帧之间的任意帧，然后从"属性"检查器的"补间"弹出菜单中选择"动作"。
该范围内的帧的颜色将改变，并且出现一个横跨第 1 帧到第 15 帧的箭头（见下图）。请注意当您选择一个帧时和选择一个影片剪辑实例时，"属性"检查器中的选项有何不同。

在影片剪辑时间轴上的第 1 帧与第 15 帧之间创建一个补间动画。

注意

也可以选择右击 (Windows) 或者按住 Option 键单击 (Macintosh) 帧，然后从上下文菜单中选择"创建补间动画"。

选择第 15 帧与第 30 帧之间的任意帧，然后从"属性"检查器的"补间"弹出菜单中选择"动作"创建第二个动画。
单击播放头并将其沿着影片剪辑的时间轴拖动以测试（或清理）动画。
选择"控制">"测试影片"。

注意

测试 SWF 文件的更快速方法是使用快捷键。按 Ctrl + Enter 组合键 (Windows) 或 Command + Return 组合键 (Macintosh) 可以测试文件

测试环境打开，您可以在其中查看动画。注意动画的循环方式：以淡入淡出的方式显示，这是通过亮度的变化来实现的。默认情况下，播放头在到达时间轴上的最后一个帧时返回第 1 帧并重放动画。这意味着动画会重复地循环播放，除非您指示它停止。您将在后面的练习编写简单动作中找到实现方法。

继续操作之前，选择"文件">"保存"保存您目前的工作。
保存完文件后，继续下一练习创建按钮。