利用时间轴制作动画后,您可以调整动画,例如修改动画元素,更改关键帧和跨距,以及为动画设置循环播放。
此页将介绍以下内容:
修改动画元素
当您更改某个动画元素的属性时,如果进度条指针所在的位置没有关键帧,系统会自动在该位置添加一个关键帧。您也可以选择一个现有关键帧,以便在时间轴上的这一特定点处修改元素。该关键帧前后的所有动画都将调整为以更改后的属性开始或结束。
如果您在第一个关键帧处更改属性,则会修改元素的基本属性。后续关键帧会沿用这些基本属性,除非您为这些关键帧指定了其他属性值。
如果您选择多个关键帧,并修改一个或多个元素的属性,这些更改将应用于所选的所有关键帧。
如果某个元素在整个动画时间轴中不需要存在,您可能需要设置其可见性范围,使其隐藏在该范围之外。
更改动画的加/减速
如需更改动画的加/减速,请右键点击想要更改的跨距,然后选择新的加/减速或加/减速选项…,以指定自定义加/减速。
为动画设置循环播放
- 在时间轴上,点击您希望设为循环播放的动画层对应的设置动画重复播放 按钮。
- 在弹出式菜单中,选择下列选项之一:
- 无限 - 动画将无限次循环播放。
- ___ 次 - 动画将按指定的总次数循环播放。
- 无 - 动画不循环播放。
具有可见性范围的层无法循环播放。
为层设置循环播放会更改已发布文档中的动画。
为动画设置循环播放仅会影响场景中的预览。
在时间轴上调整关键帧和跨距
选择关键帧和跨距
您可以通过多种方式选择关键帧和跨距:
- 点击某个关键帧或跨距即可将其选中。选择两个连续关键帧将会同时选中它们之间的跨距。同样,选择跨距将会自动同时选中其两端的关键帧。
- 如需选择多个连续的关键帧或跨距,请在按住 Shift 键的同时点击它们。
- 如需选择或取消选择多个不连续的关键帧或跨距,请在按住 Ctrl 键 (Windows) 或 ⌘ 键 (Mac) 的同时点击它们。
- 点击并拖动鼠标指针绘制一个矩形选取框,即可选中该框内的所有关键帧。仅当跨距两端的关键帧同时包含在选取框内时,相应跨距才会被选中。
- 在按住 Ctrl 键 (Windows) 或 ⌘ 键 (Mac) 的同时点击并拖动鼠标指针绘制一个选取框,可切换关键帧的选中与否状态。矩形框内当前未选中的关键帧将被选中,而已选中的关键帧将被取消选中。同样,仅当跨距两端的关键帧同时包含在选取框内时,相应跨距才会受到影响。
-
在时间轴中双击某个层,即可选中该层的所有关键帧、跨距和可见性范围手柄。
移动关键帧和跨距
选择关键帧或跨距后,您可以沿时间轴将其拖动到新位置,从而移动它们。动画时间会相应地改变。
缩放动画
您可以缩放动画以延长或缩短其时长,同时保持关键帧间距比例。要缩放动画,请按以下步骤操作:
- 选择要缩放的关键帧或跨距。它们可以位于不同的层上。
- 在按住 Shift 键的同时向左或向右拖动其中一个选定的关键帧。根据您是朝着远离还是靠近动画中点的方向拖动,动画时长会相应地延长或缩短。其他所选关键帧将按比例移动,位于最远端的关键帧除外(它会保持不动)。
- 如果您已启用时间轴贴靠功能,则贴靠功能仅适用于您拖动的关键帧。
- 关键帧之间不能重叠,间隔也不能小于 0.1 毫秒。
- 未选中的关键帧不会移动,但可以限制已选中关键帧的移动。
复制并粘贴关键帧
您可以将关键帧复制并粘贴到同一层中的其他时间,粘贴到其他层,甚至粘贴到其他页面或文档中的时间轴。粘贴的关键帧将会保留其动画属性,但不会保留动画加/减速或任何动画路径。
您可以通过下列任一方法来复制并粘贴关键帧:
-
选择要复制的关键帧,按 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”面板。