关于传统补间动画

注:  像 Flash 中的大多数内容一样,动画不需要任何 ActionScript。然而,如果您愿意,您可以使用 ActionScript 创建动画。

传统补间是早期用来在 FlashProfessional 中创建动画的一种方式。这些补间类似于较新的补间动画,但创建过程有点儿复杂,并且不够灵活。不过,传统补间所具有的某些类型的动画控制功能是补间动画所不具备的。大多数用户选择使用较新的补间动画,但有些用户仍然希望使用传统的补间。有关差异的详细信息,请参阅补间动画和传统补间之间的差异。

有关如何将传统补间动画迁移到补间动画的信息,请参阅 Adobe Flash 开发人员中心中的 Flash Professional 动画迁移指南。

准备事项:

在使用传统补间之前,请牢记下列要点:

  • 传统补间是早期用来在 Flash 中创建补间动画的一种方式。较新的方式是使用补间动画,补间动画的使用更加简便。请参阅补间动画。

  • 在某些情况下(例如,嘴形同步),传统补间仍然是最佳选择。有关这些情况的列表,请参阅何时使用传统补间以及 Flash 补间动画视频教程。

  • 无法使用传统补间来补间 3D 属性。

  • 有关从传统补间工作流程过渡到补间动画工作流程的完整指南,请参阅 Flash 动画迁移指南。

有关传统补间动画的范例,请参阅“FlashProfessional 范例”页,网址为 www.adobe.com/go/learn_fl_samples_cn。下列范例可用:

  • 动画投影:请下载并解压缩 Samples ZIP 文件,然后定位到 GraphicsAnimatedDropShadow 文件夹以访问范例。

  • 动画和渐变:请下载并解压缩 Samples ZIP 文件,然后定位到 GraphicsAnimationAndGradients 文件夹以访问范例。

以下教程演示了何时使用传统补间而不是补间动画:

  • 视频:Flash 补间动画(10:13,Layers Magazine。何时使用补间动画和传统补间。)

创建和编辑传统补间动画的关键帧

注:  本主题与为早期的传统补间创建关键帧有关。要获得较新的补间动画的属性关键帧的帮助,请参阅创建补间动画。

传统补间动画的变化在关键帧中定义。在补间动画中,可以在动画的重要位置定义关键帧,FlashProfessional 会创建关键帧之间的帧内容。 补间动画的插补帧显示为浅蓝色或浅绿色,并会在关键帧之间绘制一个箭头。 由于 FlashProfessional 文档会保存每一个关键帧中的形状,所以只应在插图中有变化的点处创建关键帧。

关键帧在时间轴中有相应的表示符号:实心圆表示该帧为有内容的关键帧,帧前的空心圆则表示该帧为空白的关键帧。 以后添加到同一图层的帧的内容将和关键帧相同。

在传统补间中,只有关键帧是可编辑的。可以查看补间帧,但无法直接编辑它们。 若要编辑补间帧,请修改一个定义关键帧,或在起始和结束关键帧之间插入一个新的关键帧。 从“库”面板中将项目拖动到舞台上,以将这些项目添加到当前关键帧中。

要一次显示和编辑多个帧,请参阅使用绘图纸外观。

视频和教程

  • 视频:了解传统补间中的时间轴图标(7:49,Peachpit.com)

  • 视频:修改传统补间属性(3:03,Peachpit.com)

创建关键帧

请执行下列操作之一:

  • 在时间轴中选择一个帧,然后选择“插入”>“时间轴”>“关键帧”。

  • 右键单击 (Windows) 或按住 Control 单击 (Macintosh) 时间轴中的一个帧,然后选择“插入关键帧”。

在时间轴中插入帧

  • 若要插入新帧,请选择“插入”>“时间轴”>“帧”。

  • 若要创建新关键帧,请选择“插入”>“时间轴”>“关键帧”,或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 要放置关键帧的帧,然后选择“插入关键帧”。

  • 若要创建新的空白关键帧,请选择“插入”>“时间轴”>“空白关键帧”,或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 要放置关键帧的帧,然后选择“插入空白关键帧”。

删除或修改帧或关键帧

  • 若要删除帧、关键帧或帧序列,请选择它,然后右键单击 (Windows) 或按住 Control 单击 (Macintosh) 并选择“删除帧”。 周围的帧保持不变。

  • 若要移动关键帧或帧序列及其内容,请选择它并将它拖到所需的位置。

  • 若要延长关键帧的持续时间,请在按住 Alt (Windows) 或 Option (Macintosh) 的同时单击将该关键帧拖到新序列的最后一帧。

  • 若要复制和粘贴帧或帧序列,请选择它,然后选择“编辑”>“时间轴”>“复制帧”。 选择要替换的帧或序列,然后选择“编辑”>“时间轴”>“粘贴帧”。

  • 若要将关键帧转换为帧,请选择该关键帧,然后选择“修改”>“时间轴”>“清除关键帧”,或者右键单击 (Windows) 或按住 Control 单击 (Macintosh) 该关键帧,然后选择“清除关键帧”。 被清除的关键帧以及到下一个关键帧之前的所有帧都将由被清除的关键帧之前的帧内容替换。

  • 若要通过拖动来复制关键帧或帧序列,请选择它,然后按住 Alt (Windows) 或按住 Option (Macintosh) 将它拖到新位置。

  • 要更改补间序列的长度,请将开始关键帧或结束关键帧向左或向右拖动。

  • 要将库项目添加到当前关键帧中,请将该项目从“库”面板拖到舞台上。

  • 若要翻转动画序列,请选择一个或多个图层中的合适帧,然后选择“修改”>“时间轴”>“翻转帧”。 关键帧必须位于序列的开头和结尾。

向实例、组或文本添加传统补间动画

注:  本主题与创建早期的传统补间有关。要获得创建较新的补间动画的帮助,请参阅创建补间动画。

要对实例、组和类型的属性变化进行补间,您可以使用传统补间。FlashProfessional 可以补间实例、组和类型的位置、大小、旋转和倾斜。另外,FlashProfessional 可以补间实例和类型的颜色、创建渐变的颜色切换或使实例淡入或淡出。

若要补间组或类型的颜色,请将它们变为元件。若要使文本块中的单个字符分别动起来,请将每个字符放在独立的文本块中。

如果应用传统补间,然后更改两个关键帧之间的帧数,或移动任一关键帧中的组或元件,FlashProfessional 会自动重新补间帧。

视频和教程

  • 视频:创建简单的传统补间(长度 = 4:28,Peachpit.com)

  • 视频:修改传统补间属性(长度 = 3:03,Peachpit.com)

  • 视频:使用补间创建动画。请注意,本视频较旧,并且将传统补间称为“补间动画”。这是因为在早期版本的 Flash 中,传统补间是创建补间动画的唯一方式。

  • 视频:了解传统补间中的时间轴图标(长度 = 7:49,Peachpit.com)

创建传统补间动画

  1. 单击图层名称使之成为活动层,然后在动画开始播放的图层中选择一个空白关键帧。该帧将成为传统补间的第一帧。

  2. 若要向传统补间的第一个帧添加内容,请执行下列操作之一:

    • 用钢笔、椭圆、矩形、铅笔或刷子工具创建一个图形对象,然后把它转换为一个元件。

    • 在舞台中创建一个实例、组或文本块。

    • 将元件的实例从“库”面板中拖出。

    注:  若要创建补间,在图层中只能有一个项目。


  3. 创建第二个关键帧(即动画结束处),并且选择这个新的关键帧。

  4. 若要修改结束帧中的项目,请执行下列任意一项操作:

    • 将项目移动到新的位置。

    • 修改项目的大小、旋转或倾斜。

    • 修改项目的颜色(仅限实例或文本块)。若要补间除实例和文本块以外的元素的颜色,请使用补间形状。


  5. 若要创建传统补间,请执行下列操作之一:

    • 单击补间的帧范围中的任意帧,然后选择“插入”>“传统补间”。

    • 右键单击 (Windows) 或按住 Control 并单击 (Macintosh) 补间的帧范围中的任意帧,然后从上下文菜单中选择“创建传统补间”。

    如果在步骤 2 中创建了一个图形对象,FlashProfessional 会自动将该对象转换为一个元件并将其命名为 tween1


  6. 如果在步骤 4 中修改了项目大小,请在属性检查器的“补间”部分中选择“缩放”以补间选定项目的大小。

  7. 若要产生更逼真的动画效果,可对传统补间应用缓动。若要对传统补间应用缓动,请使用属性检查器的“补间”部分中的“缓动”字段为所创建的每个传统补间指定缓动值。使用“自定义缓入/缓出”对话框可以更精确地控制传统补间的速度。  

    拖动“缓动”字段中的值或输入一个值,以调整补间帧之间的变化速率:

    • 若要慢慢地开始传统补间,并朝着动画的结束方向加速补间,请输入一个介于 -1 和 -100 之间的负值。

    • 若要快速地开始传统补间,并朝着动画的结束方向减速补间,请输入一个介于 1 和 100 之间的正值。

    • 若要在补间的帧范围中产生更复杂的速度变化效果,请单击“缓动”字段旁边的“编辑”按钮以打开“自定义缓入/缓出”对话框。

      默认情况下,补间帧之间的变化速率是不变的。 缓动可以通过逐渐调整变化速率创建更为自然的加速或减速效果。


  8. 若要在补间期间旋转选定项目,请从属性检查器的“旋转”菜单中选择一个选项:

    • 若要防止旋转,请选择“无”(默认设置)。

    • 若要在需要最少动作的方向上将对象旋转一次,请选择“自动”。

    • 若要按指示旋转对象,然后输入一个指定旋转次数的数值,请选择“顺时针”(CW) 或“逆时针”(CCW)。

    注:  在第 8 步中的旋转和在第 4 步中应用到结束帧的任何旋转是相加在一起的。


  9. 如果要使用运动路径,请在属性检查器中选择“调整到路径”,将补间元素的基线调整到运动路径。

  10. 若要使图形元件实例的动画和主时间轴同步,请在属性检查器中选择“同步”选项。

    注:  “修改”>“时间轴”>“同步元件”和“同步”选项都会重新计算补间的帧数,从而匹配时间轴上分配给它的帧数。如果元件中动画序列的帧数不是文档中图形实例占用的帧数的偶数倍,请使用“同步”选项。


  11. 如果要使用运动路径,请选择“对齐”以通过补间元素的注册点将补间元素附加到运动路径。

处理另存为 XML 文件的传统补间

Flash Pro 允许您将传统补间作为 XML 文件处理。Flash Pro 设计为允许您对任何传统补间应用以下命令:

  • 将动画复制为 XML

  • 将动画导出为 XML

  • 将动画导入为 XML

将动画复制为 XML

允许您复制特定帧处应用到舞台上任一对象的动画属性

  1. 创建传统补间。

  2. 选择时间轴上的任一个关键帧。

  3. 转至“命令”>“将动画复制为 XML”。

系统将动画属性作为 XML 数据复制到剪贴板上,之后您可以使用任一文本编辑器来处理此 XML 文件。

将动画导出为 XML

允许您将应用到舞台上任一对象的动画属性导出到一个可以保存的 XML 文件。

  1. 创建传统补间。

  2. 转至“命令”>“将动画导出为 XML”。

  3. 浏览到要保存此文件的合适位置。

  4. 提供 XML 文件的名称,然后单击“保存”。

传统补间即作为一个 XML 文件导出到指定位置。

将动画导入为 XML

允许您导入一个已定义了动画属性的现有 XML 文件。

  1. 选择舞台上的一个对象。

  2. 转至“命令”>“将动画导入为 XML”。

  3. 浏览到特定位置,选择该 XML 文件。单击“确定”。

  4. 在“选择性粘贴动画”对话框中,选择要对选定对象应用的属性。

  5. 单击“确定”。

创建运动引导层

若要控制传统补间动画中的对象的移动,请创建运动引导层。

无法将补间动画图层或反向运动姿势图层拖动到引导层上。

将常规层拖动到引导层上。此操作会将引导层转换为运动引导层,并将常规层链接到新的运动引导层。  

注:  为了防止意外转换引导层,可以将所有的引导层放在图层顺序的底部。

沿路径创建传统补间动画

注:  本主题与使用早期的传统补间有关。要获得对运动路径使用较新的补间动画的帮助,请参阅编辑补间动画的运动路径。

运动引导层使您可以绘制路径,补间实例、组或文本块可以沿着这些路径运动。 可以将多个层链接到一个运动引导层,使多个对象沿同一条路径运动。 链接到运动引导层的常规层就成为引导层。

本示例中,不同层上的两个对象被附加到同一条运动路径上。

视频和教程

  • 视频:对传统补间使用运动引导层(长度 = 5:19,Peachpit.com)

  • www.adobe.com/go/vid0125_cn。请注意,本视频较旧,并且将传统补间称为“补间动画”。这是因为在早期版本的 Flash 中,传统补间是创建补间动画的唯一方式。

为传统补间动画创建运动路径

  1. 创建有传统补间动画的动画序列。

    如果在属性检查器中选择“调整到路径”,补间元素的基线就会调整到运动路径。如果选择“对齐”,补间元素的注册点将会与运动路径对齐。


  2. 右键单击 (Windows) 或按住 Control 并单击 (Macintosh) 包含传统补间的图层的名称,然后选择“添加传统运动引导层”。  

    FlashProfessional 在传统补间图层上方添加一个运动引导层,并缩进传统补间图层的名称,以表明该图层已绑定到该运动引导层。

    注:  如果时间轴中已有一个引导层,可以将包含传统补间的图层拖到该引导层下方,以将该引导层转换为运动引导层,并将传统补间绑定到该引导层。

    位于包含传统补间的图层上方的运动引导层。


  3. 若要向运动引导层添加一个路径以引导传统补间,请选择运动引导层,然后使用钢笔、铅笔、线条、圆形、矩形或刷子工具绘制所需的路径。

    也可以将笔触粘贴到运动引导层。


  4. 拖动要补间的对象,使其贴紧至第一个帧中线条的开头,然后将其拖到最后一个帧中线条的末尾。

    使用绘制工具绘制的路径的示例。

    贴紧至引导笔触开头的汽车图形

    注:  通过拖动元件的变形点能获得最好的贴紧效果。


  5. 若要隐藏运动引导层和路径,以便在工作时只显示对象的移动,请单击运动引导层上的“眼睛”列。

    当播放动画时,组或元件将沿着运动路径移动。


将图层和运动引导层链接起来

请执行下列操作之一:

  • 将现有图层拖到运动引导层的下面。 该图层在运动引导层下面以缩进形式显示。 该图层上的所有对象自动与运动路径对齐。

  • 在运动引导层下面创建一个新图层。 在该图层上补间的对象自动沿着运动路径补间。

  • 在运动引导层下面选择一个图层。 选择“修改”>“时间轴”>“图层属性”,然后选择“引导层”。

断开图层和运动引导层的链接

选择要断开链接的图层,然后执行下列操作之一:

  • 拖动运动引导层上面的图层。

  • 选择“修改”>“时间轴”>“图层属性”,然后选择“正常”作为图层类型。

粘贴传统补间动画属性

注:  本主题与粘贴早期的传统补间的属性有关。要获得粘贴较新的补间动画的属性的帮助,请参阅复制和粘贴补间动画属性。

使用“粘贴动画”命令,您可以复制传统补间,并且仅粘贴特定属性以应用于其他对象。

  1. 在包含要复制的传统补间的时间轴中选择帧。所选的帧必须位于同一层上,但它们的范围不必只限于一个传统补间。可选择一个补间、若干空白帧或者两个或更多补间。

  2. 选择“编辑”>“时间轴”>“复制动画”。

  3. 选择接收所复制的传统补间的元件实例。

  4. 选择“编辑”>“时间轴”>“粘贴特殊动作”。选择要粘贴到该元件实例中的特定传统补间属性。传统补间属性包括:

    X 位置

    对象在 x 方向上移动的距离。


    Y 位置

    对象在 y 方向上移动的距离。


    水平缩放

    在水平方向 (X) 上对象的当前大小与其自然大小的比值。


    垂直缩放

    指定在垂直方向 (Y) 上对象的当前大小与其自然大小的比值。


    旋转和倾斜

    对象的旋转和倾斜。 必须将这两个属性同时应用于对象。 倾斜是旋转度量(以度为单位),同时应用旋转和倾斜时,这两个属性会相互影响。


    颜色

    所有颜色值(如“色调”、“亮度”和“Alpha”)都会应用于对象。


    滤镜

    所选范围的所有滤镜值和更改。 如果对对象应用了滤镜,则会粘贴该滤镜(不改动其任何值),并且它的状态(启用或禁用)也将应用于新的对象。


    混合模式

    应用对象的混合模式。


    覆盖目标缩放属性

    如果未选中,则指定相对于目标对象粘贴所有属性。 如果选中,此选项将覆盖目标的缩放属性。


    覆盖目标的旋转和倾斜属性

    如果未选中,则指定相对于目标对象粘贴所有属性。 如果选中,所粘贴的属性将覆盖对象的现有旋转和缩放属性。

    将插入必需的帧、补间和元件信息,以匹配所复制的原始补间。

    若要将元件的传统补间复制到“动作”面板或在其他项目中将它用作 ActionScript,请使用“将动画复制为 ActionScript 3.0 脚本”命令。

将自定义缓入/缓出应用于传统补间动画

注:  本主题与向早期的传统补间添加缓动有关。要获得向较新的补间动画添加缓动的帮助,请参阅缓动补间动画。

“自定义缓入/缓出”对话框显示了一个表示运动程度随时间而变化的坐标图。 水平轴表示帧,垂直轴表示变化的百分比。 第一个关键帧表示为 0%,最后一个关键帧表示为 100%。

图形曲线的斜率表示对象的变化速率。 曲线水平时(无斜率),变化速率为零;曲线垂直时,变化速率最大,一瞬间完成变化。

显示恒定速率的“自定义缓入/缓出”图形。通过在传统补间中选择一个帧,然后单击属性检查器的“缓动”部分中的“编辑”按钮,可以打开此对话框。

自定义缓入/缓出对话框的其他控件

“为所有属性使用一种设置”复选框

默认情况下该复选框处于选中状态;显示的曲线用于所有属性,并且“属性”弹出菜单是禁用的。该复选框没有选中时,“属性”弹出菜单是启用的,并且每个属性都有定义其变化速率的单独的曲线。


“属性”弹出菜单

仅当没有选中“为所有属性使用一种设置”复选框时启用。 启用后,该菜单中显示的 5 个属性都会各自保持一条独立的曲线。 在此菜单中选择一个属性会显示该属性的曲线。 这些属性为:

位置

为舞台上动画对象的位置指定自定义缓入缓出设置。


旋转

为动画对象的旋转指定自定义缓入缓出设置。 例如,可以微调舞台上的动画字符转向用户时的速度的快慢。


缩放

为动画对象的缩放指定自定义缓入缓出设置。 例如,您可以更轻松地通过自定义对象的缩放实现以下效果:对象好像渐渐远离查看者,再渐渐靠近,然后再次渐渐离开。


颜色

为应用于动画对象的颜色转变指定自定义缓入缓出设置。


滤镜

为应用于动画对象的滤镜指定自定义缓入缓出设置。 例如,可以控制模拟光源方向变化的投影缓动设置。






播放和停止按钮

这些按钮允许您使用“自定义缓入/缓出”对话框中定义的所有当前速率曲线,预览舞台上的动画。


“重置”按钮

允许您将速率曲线重置为默认的线性状态。


所选控制点的位置

在该对话框的右下角,一个数值显示所选控制点的关键帧和位置。 如果没有选择控制点,则不显示数值。

若要在线上添加控制点,请单击对角线一次。 若要实现对对象动画的精确控制,请拖动控制点的位置。

使用帧指示器(用方形手柄表示),单击要减缓或加速对象的位置。 单击控制点的方形手柄,可选择该控制点,并显示其两侧的正切点。 空心圆表示正切点。 使用鼠标拖动控制点或其正切点,或者使用键盘的箭头键放置这些点。

默认情况下,控制点贴紧至网格。 可以通过在拖动控制点时按住 X 键来取消贴紧。

单击控制点之外的曲线区域,可以在曲线上该点处新增控制点,但不会改变曲线的形状。 单击曲线和控制点之外的区域,可以取消选择当前选择的控制点。





添加自定义缓入缓出

  1. 在时间轴中选择一个应用了传统补间的图层。

  2. 在帧属性检查器中单击“缓动”滑块旁边的“编辑”按钮。

  3. (可选)要显示单个补间属性的曲线,请取消选择“为所有属性使用一种设置”,然后在菜单中选择一个属性。

  4. 若要添加控制点,请在按住 Ctrl (Windows) 或 Command (Macintosh) 的同时单击对角线。

  5. 若要增加对象的速度,请向上拖动控制点;若要降低对象的速度,请向下拖动控制点。

  6. 若要进一步调整缓入缓出曲线,并微调补间的缓动值,请拖动顶点手柄。

  7. 若要查看舞台上的动画,请单击左下角的播放按钮。

  8. 调整控件直到获得所需的效果。

注:  如果使用“自定义缓入/缓出”对话框对帧应用自定义缓入缓出,则显示缓动值的编辑框将显示“--”。如果使用“编辑”框或弹出滑块将缓动值应用到帧,则会将“自定义缓动”图形设置为等效的曲线,并会选中“为所有属性使用一种设置”复选框。

复制和粘贴缓入缓出曲线

  • 若要复制当前缓入缓出曲线,请按 Ctrl+C (Windows) 或 Command+C (Macintosh)。

  • 若要将已复制的曲线粘贴到另一个缓入缓出曲线中,请按 Ctrl+V (Windows) 或 Command+V (Macintosh)。

    您可以复制和粘贴缓入缓出曲线。 在退出 FlashProfessional 应用程序前,复制的曲线一直可用于粘贴。

不支持的缓入缓出曲线

不支持某些类型的缓入缓出曲线。 图形的任何部分都不能表示非线性曲线(例如圆)。

“自定义缓入缓出”对话框会自动阻止将控制点或切线手柄移动到会呈现无效曲线的位置:

  • 所有点都必须在图形上。 不能将控制点移动到图形边框之外。

  • 所有曲线的线段都必须在图形内部。 曲线的形状将变平,以阻止它伸到图形边框之外。

视频和教程

  • 视频:修改传统补间属性(3:03,Peachpit.com)


 






,