在高级模式下修改动画

利用时间轴制作动画后,您可以调整动画,例如修改动画元素,更改关键帧和跨距,以及为动画设置循环播放。

Timeline enhancements

修改动画元素

当您更改某个动画元素的属性时,如果进度条指针所在的位置没有关键帧,系统会自动在该位置添加一个关键帧。您也可以选择一个现有关键帧,以便在时间轴上的这一特定点处修改元素。该关键帧前后的所有动画都将调整为以更改后的属性开始或结束。

如果您在第一个关键帧处更改属性,则会修改元素的基本属性。后续关键帧会沿用这些基本属性,除非您为这些关键帧指定了其他属性值。

如果您选择多个关键帧,并修改一个或多个元素的属性,这些更改将应用于所选的所有关键帧。

如果某个元素在整个动画时间轴中不需要存在,您可能需要设置其可见性范围,使其隐藏在该范围之外。

更改动画的加/减速

如需更改动画的加/减速,请右键点击想要更改的跨距,然后选择新的加/减速或加/减速选项…,以指定自定义加/减速

为动画设置循环播放

  1. 在时间轴上,点击您希望设为循环播放的动画层对应的设置动画重复播放 按钮。
  2. 在弹出式菜单中,选择下列选项之一:
    • 无限 - 动画将无限次循环播放。
    • ___ 次 - 动画将按指定的总次数循环播放。
    • - 动画不循环播放。

具有可见性范围的层无法循环播放。

为层设置循环播放会更改已发布文档中的动画。

为动画设置循环播放仅会影响场景中的预览。

在时间轴上调整关键帧和跨距

选择关键帧和跨距

您可以通过多种方式选择关键帧和跨距:

  • 点击某个关键帧或跨距即可将其选中。选择两个连续关键帧将会同时选中它们之间的跨距。同样,选择跨距将会自动同时选中其两端的关键帧。
  • 如需选择多个连续的关键帧或跨距,请在按住 Shift 键的同时点击它们。
  • 如需选择或取消选择多个不连续的关键帧或跨距,请在按住 Ctrl 键 (Windows) 或 键 (Mac) 的同时点击它们。
  • 点击并拖动鼠标指针绘制一个矩形选取框,即可选中该框内的所有关键帧。仅当跨距两端的关键帧同时包含在选取框内时,相应跨距才会被选中。
  • 在按住 Ctrl 键 (Windows) 或 键 (Mac) 的同时点击并拖动鼠标指针绘制一个选取框,可切换关键帧的选中与否状态。矩形框内当前未选中的关键帧将被选中,而已选中的关键帧将被取消选中。同样,仅当跨距两端的关键帧同时包含在选取框内时,相应跨距才会受到影响。
  • 在时间轴中双击某个层,即可选中该层的所有关键帧、跨距和可见性范围手柄。

移动关键帧和跨距

选择关键帧或跨距后,您可以沿时间轴将其拖动到新位置,从而移动它们。动画时间会相应地改变。

缩放动画

您可以缩放动画以延长或缩短其时长,同时保持关键帧间距比例。要缩放动画,请按以下步骤操作:

  1. 选择要缩放的关键帧或跨距。它们可以位于不同的层上。
  2. 在按住 Shift 键的同时向左或向右拖动其中一个选定的关键帧。根据您是朝着远离还是靠近动画中点的方向拖动,动画时长会相应地延长或缩短。其他所选关键帧将按比例移动,位于最远端的关键帧除外(它会保持不动)。
    • 如果您已启用时间轴贴靠功能,则贴靠功能仅适用于您拖动的关键帧。
    • 关键帧之间不能重叠,间隔也不能小于 0.1 毫秒。
    • 未选中的关键帧不会移动,但可以限制已选中关键帧的移动。

通过时间轴调整关键帧时长

复制并粘贴关键帧

您可以将关键帧复制并粘贴到同一层中的其他时间,粘贴到其他层,甚至粘贴到其他页面或文档中的时间轴。粘贴的关键帧将会保留其动画属性,但不会保留动画加/减速或任何动画路径

您无法在 AMP 文档和非 AMP 文档之间复制并粘贴关键帧。

您可以通过下列任一方法来复制并粘贴关键帧:

  • 选择要复制的关键帧,按 Ctrl+C (Windows) 或 +C (Mac),接着在时间轴上点击要复制到的新位置,然后选择一个或多个目标层。按 Ctrl+V (Windows) 或 +V (Mac) 进行粘贴。

  • 右键点击要复制的关键帧。从弹出式菜单中选择复制关键帧,接着在目标层的时间轴上右键点击要复制到的新位置,然后从弹出式菜单中选择粘贴关键帧

  • 在按住 Alt 键 (Windows)、Option 键 (Mac) 或 Alt 键 (Linux) 的同时点击并拖动相应关键帧,将其复制到结束位置。此方法不适合在嵌套式动画中进行跨页面、跨文档或跨时间轴复制。

如果您将某个关键帧复制并粘贴到之前不含关键帧的层,那么在粘贴该关键帧的同时,系统亦会在 0 秒处自动插入一个新关键帧,除非您直接在 0 秒处粘贴该关键帧。

如果您将某个关键帧复制并粘贴到现有关键帧,所粘贴关键帧的动画属性将替换现有关键帧对应的动画属性。

删除关键帧

如需删除某个关键帧,请右键点击 (Windows) 或在按住 Ctrl 键的同时点击 (Mac) 该关键帧,然后从弹出式菜单中选择删除

在“CSS”面板中修改关键帧规则

如果您熟悉 CSS 关键帧规则(以关键字 @keyframes 开头),则可以使用 CSS 面板在设计视图中查看和修改动画样式。时间轴和场景会自动反映您在该面板中所做的更改。

使用关键帧规则

  • 选择单个动画元素可在“CSS”面板中查看该元素的关键帧规则。
  • 点击插入关键帧,可在现有关键帧之间添加关键帧。
  • 修改关键帧百分比。
  • 添加、修改和删除关键帧的动画属性。
  • 点击动画属性名称旁边的复选框,可在整个动画中切换相应动画属性的启用与否状态。
  • 清除单个关键帧的百分比或删除该关键帧的所有动画属性,可删除该关键帧。
  • 选中关键帧规则并点击面板底部的删除所选规则  按钮,可删除元素的所有 CSS 动画。

在“CSS”面板中修改关键帧规则

限制

  • 您无法修改加/减速。
  • 您无法在最后一个关键帧之后添加关键帧。如需执行此操作,请改用时间轴。

详细了解如何使用“CSS”面板

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
8497564862249486367
true
搜索支持中心
true
true
true
true
true
5050422
false
false