使用 Animate CC 中的动画编辑器,您只需要花很少的精力即可创建复杂的补间动画。动画编辑器将应用到选定补间范围的所有属性显示为由一些二维图形构成的缩略视图。您可以修改其中的每一个图形,从而可单独修改其相应的各个补间属性。通过精确控制和高粒度化,您可以使用动画编辑器极大地丰富动画效果,从而模拟真实的行为。

关于动画编辑器

动画编辑器的设计旨在让您可以轻松地创建复杂的补间。使用动画编辑器,您可以控制补间的属性并对它们进行操作。创建补间动画之后,您可以利用动画编辑器来精确调整您的补间。动画编辑器允许您一次选择并修改一个属性,从而实现对补间的集中编辑。

为什么使用动画编辑器?

动画编辑器的设计旨在让您可以轻松地创建复杂的补间。因此,动画编辑器对补间及其属性提供了粒度化控制。以下目标只能借助动画编辑器来实现:

  • 在一个单独的面板中即可以轻松访问和修改应用于某个补间的所有属性。
  • 添加不同的缓动预设或自定义缓动:使用动画编辑器可以添加不同预设、添加多个预设或创建自定义缓动。对补间属性添加缓动是模拟对象真实行为的简便方式。
  • 合成曲线:您可以对单个属性应用缓动,然后使用合成曲线在单个属性图上查看缓动的效果。合成曲线表示实际的补间。
  • 锚点和控制点:您可以使用锚点和控制点隔离补间的关键部分并进行编辑。
  • 动画的精细调整:动画编辑器是制作某些种类动画的唯一方式,如对单个属性通过调整其属性曲线来创建弯曲的路径补间。
(A) 应用到补间的属性 (B) “添加锚点”按钮 (C) 适合视图切换 (D) “删除属性”按钮 (E) 添加缓动 (F) 垂直缩放切换

打开动画编辑器面板

在本文中,假设您已经创建了一个补间动画,欲使用动画编辑器来调整该补间。有关创建补间动画的信息,请参阅补间动画

要打开动画编辑器,可执行以下操作:

  1. 在时间轴上,选择要调整的补间动画,然后双击该补间范围。您也可以用鼠标右键单击该补间范围,然后选择调整补间来调出动画编辑器。

属性曲线

动画编辑器使用二维图形(称为属性曲线)表示补间的属性。这些图形合成在动画编辑器的一个网格中。每个属性有其自己的属性曲线,横轴(从左至右)为时间,纵轴为属性值的改变

可以通过在动画编辑器中编辑属性曲线来操作补间动画。因此,动画编辑器使得属性曲线的顺畅编辑更为容易,从而使用户可以对补间进行精确控制。可以通过添加属性关键帧或锚点来操作属性曲线。您可以对属性曲线的关键部分进行操作,这些关键部分就是您想让补间显示属性转变的位置。

请注意,动画编辑器只允许您编辑那些在补间范围中可以改变的属性。例如,渐变斜角滤镜的品质属性在补间范围中只能被指定一个值,因此不能使用动画编辑器来编辑它。

(A) 顶部互相叠加的属性曲线。(B) 对当前选定属性关注的属性曲线。

锚点

通过锚点可以对属性曲线的关键部分进行明确修改,从而达到对属性曲线的更好控制。在动画编辑器中可以通过添加属性关键帧或锚点来精确控制大多数曲线的形状。

锚点在网格中显示为一个正方形。使用动画编辑器,可以通过对属性曲线添加锚点或修改锚点位置来控制补间的行为。添加锚点时,会创建一个,这是曲线中穿过角度的位置。不过,可以对控制点使用贝塞尔控件,以平滑任一段属性曲线。

控制点

通过控制点可以平滑或修改锚点任一端的属性曲线。使用标准贝塞尔控件可以修改控制点。

编辑属性曲线

要编辑补间的属性,可执行以下操作:

  1. 在 Animate CC 中,选中一个补间范围,单击鼠标右键 > 选择调整补间来调出动画编辑器(或者只需双击选定的补间范围)。
  2. 向下滚动,选择想要编辑的属性。要进行反向选择,可单击鼠标右键,然后选择“反向选择”。
  3. 出现选定属性的属性曲线时,可选择执行以下操作:
    1. 添加锚点,方法是单击 按钮,然后单击属性曲线上要添加锚点的帧。或者双击曲线来添加一个锚点。
    2. 选择一个现有锚点(任一方向),将其移动到网格中需要的帧处。垂直方向的移动受属性的值范围的限制。
    3. 删除锚点,方法是选择一个锚点,然后按 Ctrl 单击鼠标(在 MAC 中,按 Cmd 单击鼠标)。

使用控制点编辑属性曲线

要使用控制点编辑属性曲线,可执行以下操作:

  1. 在 Animate CC 中,选中一个补间范围,单击鼠标右键 > 选择调整补间来调出动画编辑器(或者双击选定的补间范围)。
  2. 向下滚动,选择想要编辑的属性。要进行反向选择,可单击鼠标右键,然后选择“反向选择”。
  3. 出现选定属性的属性曲线时,可选择执行以下操作:
    1. 添加锚点,方法是单击 按钮,然后单击网格中要添加锚点的帧。或者双击曲线来添加一个锚点。

      或者

    2. 选择网格中一个现有的锚点。
  4. 选中锚点后,按住 Alt 垂直拖动它以启用控制点。可以使用贝塞尔控件修改曲线的形状,从而平滑角线段。 

复制属性曲线

您还可以在动画编辑器中为多个属性复制属性曲线。

要复制属性曲线,可执行以下操作:

  1. 在 Animate CC 中,选中一个补间范围,单击鼠标右键 > 选择调整补间来调出动画编辑器(或者双击选定的补间范围)。
  2. 选择要复制其曲线的属性,然后单击鼠标右键 > 复制,或者是按 Ctrl + C(在 MAC 中,按 Cmd + C)。
  3. 要根据绝对值粘贴曲线,选择要在其中粘贴所复制属性曲线的属性,然后单击鼠标右键 > 粘贴,或者是按 Ctrl + V(在 MAC 中,按 Cmd + V)。
  4. 要在目标曲线范围内粘贴曲线,选择要在其中粘贴所复制属性曲线的属性,然后单击鼠标右键 > 在当前范围内粘贴

翻转属性曲线

要翻转属性曲线,可执行以下操作:

  1. 在动画编辑器中,选择一个属性。
  2. 单击鼠标右键 > 翻转即可翻转属性曲线。

应用预设缓动和自定义缓动

通过缓动可以控制补间的速度,从而产生逼真的动画效果。通过对补间动画应用缓动,可以对动画的开头和结束部分进行操作,以使对象的移动更为自然。例如,有一种情况经常使用缓动,即在对象的运动路径结尾处添加逼真的加速和减速效果。在一个坚果壳中,Animate CC 根据对属性应用的缓动,来改变属性值的变化速率。

缓动可以简单,也可以复杂。Animate 包含多种适用于简单或复杂效果的预设缓动。您还可以对缓动指定强度,以增强补间的视觉效果。在动画编辑器中,还可以创建自己的自定义缓动曲线。

因为动画编辑器中的缓动曲线可以很复杂,所以可以使用它们在舞台上创建复杂的动画而无需在舞台上创建复杂的运动路径。除空间属性“X 位置”和“Y 位置”外,还可以使用缓动曲线创建其他任何属性的复杂补间。

为反弹预设缓动绘制的曲线

自定义缓动

自定义缓动允许您使用动画编辑器中的自定义缓动曲线来创建自己的缓动。然后可以将此自定义缓动应用到选定补间的任何属性。

自定义缓动图表示动作随时间变化的幅度。横轴表示帧,纵轴表示补间的变化比例。动画中的第一个值在 0% 的位置,最后一个关键帧可以设置为 0% 到 100% 之间的值。补间实例的变化速率由图形曲线的斜率表示。如果在图中创建的是一条水平线(无斜度),则速率为 0;如果在图中创建的是一条垂直线,则会有一个瞬间的速率变化。

对属性曲线应用缓动曲线

要对补间的属性添加缓动,可执行以下操作:

  1. 在动画编辑器中,选择要对其应用缓动的属性,然后单击添加缓动按钮以显示“缓动”面板。
  2. 在“缓动”面板中,可以选择:
    1. 从左窗格选择一个预设,以应用预设缓动。在“缓动”字段中输入一个值,以指定缓动强度。
    2. 选择左窗格中的“自定义缓动”然后修改缓动曲线,以创建一个自定义缓动。有关更多信息,请参阅创建和应用自定义缓动曲线
  3. 单击“缓动”面板之外的任意位置关闭该面板。请注意,“添加缓动”按钮会显示您应用到属性的缓动的名称。

创建和应用自定义缓动曲线

要对补间属性创建和应用自定义缓动,可执行以下操作:

  1. 在动画编辑器中,选择要对其应用自定义缓动的属性,然后单击“添加缓动”按钮以显示“缓动”面板。
  2. 在“缓动”面板中,可通过以下方式修改默认的自定义缓动曲线:
    1. 按住 Alt 单击曲线,在曲线上添加锚点。然后可以将这些点移动到网格中任何需要的位置。
    2. 对锚点启用控制点(按住 alt 单击锚点),以平滑锚点任一端的曲线段。
  3. 单击“缓动”面板外部关闭该面板。请注意,“添加缓动”按钮会显示“自定义”字样,表示您对属性应用了自定义缓动。

复制缓动曲线

要复制缓动曲线,可执行以下操作:

  1. 在“缓动”面板中,选择要复制的缓动曲线,然后按 Ctrl + C(在 MAC 中,按 Cmd + C)。
  2. 选择要在其中粘贴所复制缓动曲线的属性,然后按 Ctrl + V(在 MAC 中,按 Cmd + V)。

对多个属性应用缓动

现在可以对属性组应用预设缓动或自定义缓动了。动画编辑器将属性按层次结构组织成属性组和一些子属性。在此层次结构中,您可以选择对任一级别的属性(即单个属性或属性组)应用缓动。

请注意,在对某个属性组应用缓动之后,您还可以继续编辑各个子属性。这也就意味着,您可以对某个子属性应用另外不同的缓动(不同于对组应用的缓动)。

要对多个属性应用缓动,可执行以下操作:

  1. 在动画编辑器中,选择该属性组,然后单击“添加缓动”按钮以显示“缓动”面板。
  2. 在“缓动”面板中,选择一个预设缓动或创建一个自定义缓动。单击“缓动”面板之外的任意位置,即可对该属性组应用选定的缓动。

合成曲线

对属性曲线应用缓动曲线时,网格中便会显示一条视觉叠加曲线,它称为合成曲线。合成曲线可精确表示应用于属性曲线的缓动效果。它显示了补间对象的最终动画效果。测试动画时,合成曲线可以让您更易于了解在舞台上看到的效果。

(A) 应用于 X 位置属性的弹入预设缓动的合成曲线

控制动画编辑器的显示

在动画编辑器中,可以控制显示要编辑哪些属性曲线以及每条属性曲线的显示大小。以大尺寸显示的属性曲线更易于编辑。

  • 新的动画编辑器只显示应用于补间的那些属性。
  • 可以使用“适合视图”切换按钮 () 让动画编辑器适合时间轴的宽度。
  • 可以调整动画编辑器的大小,并使用时间轴缩放控件选择显示更少 () 或更多 () 的帧。还可以使用滑块设置动画编辑器的合适视图。
  • 动画编辑器还具有垂直缩放切换功能。可以使用“垂直缩放”在动画编辑器内显示属性值的适当范围。借助放大功能还可以对属性曲线进行更为精细的重点编辑。
  • 默认情况下,属性在动画编辑器的左窗格中是展开显示的。不过,单击属性名称可折叠下拉列表。

键盘快捷键

双击属性曲线可以添加锚点。

按住 Alt 拖动锚点可以启用控制点。

按住 Alt 拖动选定控制点可对其进行操作(单侧编辑)。

按住 Alt 单击锚点可禁用控制点(角点)。

按住 Shift 拖动锚点可沿直线方向移动它。

按住 Command/Control 单击锚点可删除它。

上下箭头键 - 垂直移动选定锚点。

Command/Control + C/V - 复制/粘贴选定曲线。

Command/Control + R - 翻转选定曲线。

Command/Control + 滚动鼠标 - 放大/缩小。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略