关于时间轴

Adobe Animate 中的时间轴用于组织和控制在一定时间内图层和帧中的文档内容。与电影胶片一样,Animate 文档也将时长划分为多个帧。图层就像堆叠在一起的多张幻灯胶片一样,每个图层都包含一个不同的图像显示在舞台中。时间轴的主要组件是图层、帧和播放头。

Timeline

时间轴显示文档中哪些地方有动画,包括逐帧动画、补间动画和运动路径。使用时间轴的图层部分中的控件可以隐藏、显示、锁定或解锁图层,而且能将图层内容显示为轮廓。您可以将时间轴帧拖到同一图层中的新位置或者不同的图层。

改进时间轴

时间轴面板的外观和样式进行了改进,包括提升了帧间隔表达的清晰度、帧和时间标记的可读性,增强了绘图纸外观,新增了用于创建关键帧、空白帧等内容的按钮。

新时间轴

时间轴控件

通过在前台显示额外的功能,让时间轴标题的功能更加丰富。

时间轴标题

图层视图

您可以通过单击左上角的“图层视图”图标,从默认的多图层视图切换到当前图层视图。

多图层视图
多图层视图
单图层视图
单图层视图

摄像头

要启用或禁用摄像头,请单击“摄像头”按钮。

图层父项视图

此时图显示图层的父子层次结构。

图层深度

这里会生成一个图层深度面板,以便修改列表中提供现用图层的深度。 

注意:

当播放动画时,将显示实际的帧率。如果计算机不能快速计算和显示动画,则该帧率可能与文档的帧率设置不同。

绘图纸外观

绘图纸外观已改版,以进一步简化。您可以通过单击“绘图纸外观”按钮来启用绘图纸外观。绘图纸外观的进一步增加功能,就是可通过右键单击绘图纸外观范围内的任何绘图纸外观帧,选择性地排除(和包含)该帧。 

绘图纸外观主要

请执行下列操作之一:

  • 单击“绘图纸外观”按钮 ,以启用和禁用绘图纸外观。启用后,在“起始绘图纸外观”和“结束绘图纸外观”标记(在时间轴标题中)之间的所有帧都会被重叠为“文档”窗口中的一个帧。
  • 在“绘图纸外观”按钮 上单击鼠标并按住不放,可查看并选择“选定范围”、“所有帧”、“锚点标记”和“高级设置”等选项。
  • 选择时间轴中的“绘图纸外观”图标 (“循环”图标左侧的图标)。

此面板中的部分绘图纸外观参数是已有的功能,例如“轮廓模式”、“绘图纸外观上一帧/下一帧的颜色首选项”、“锚点标记”等等。

  • 仅关键帧模式:仅渲染绘图纸外观范围中的关键帧,即跳过补间帧。
  • 起始不透明度:现用帧任意一侧的第一个绘图纸外观帧的不透明度。
  • 递减度:每经过一个绘图纸外观帧减少的百分比增量。
  • 约束:启用约束后,除非用户在时间轴中编辑范围,否则上一帧和下一帧的范围相同。

有关详细信息,请参阅使用绘图纸外观

此面板中的部分绘图纸外观参数是已有的功能,例如“轮廓模式”、“绘图纸外观上一帧/下一帧的颜色首选项”、“锚点标记”等等。

·       仅关键帧模式:仅渲染绘图纸外观范围中的关键帧,即跳过补间帧。

·       起始不透明度:现用帧任意一侧的第一个绘图纸外观帧的不透明度。

·       递减度:每经过一个绘图纸外观帧减少的百分比增量。

约束:启用约束后,除非用户在时间轴中编辑范围,否则上一帧和下一帧的范围相同。
绘图纸外观高级
高级设置

A. 第一个绘图纸帧的不透明度 B. 跨绘图纸帧的减少的不透明度 C. 仅显示关键帧 D. 锚点标记 

编辑多个帧

使用此功能可查看和编辑选定范围内多个帧中的内容。

单击“编辑多个帧”按钮并按住鼠标不放,可查看并选择“编辑选定范围”和“编辑所有帧”。单击可禁用和启用“编辑多个帧”模式。

编辑多个帧

生成补间

单击“生成补间”图标并按住鼠标不放,可查看和选择选项。在时间轴中选择帧间距,然后单击“生成补间”以根据最近的选择生成补间。

生成补间

更改时间轴的外观

默认情况下,时间轴显示在主文档窗口下方。要更改其位置,请将时间轴与文档窗口分离,并使其浮动在自己的窗口中。您可以将其停放于您选择的任何其他面板上。也可以隐藏时间轴。

要更改可以显示的图层数和帧数,请调整时间轴的大小。当时间轴包含的图层无法全部显示时,要查看额外图层,请使用时间轴右侧的滚动条。

ws_timeline_gripper
拖动时间轴

  • 要移动停放在文档窗口上的时间轴,请拖动该时间轴左上角的标题栏选项卡。

  • 若要将已取消停靠的时间轴停靠在应用程序窗口上,请将标题栏选项卡拖动到文档窗口的顶部或底部。

  • 要将未停放的时间轴停放在其他面板,请将时间轴标题栏选项卡拖动到您选择的位置。要防止时间轴停放在其他面板,请在拖动时按住 Ctrl 键。将出现一个蓝色栏,指示时间轴将停放的位置。

  • 要在“时间轴”面板中加长或缩短图层名称字段,请拖动时间轴中分隔图层名称和帧部分的栏。

自定义时间轴视图

  1. 要显示“帧视图”弹出菜单,请单击时间轴右上角的“帧视图”。

  2. 从下面的选项中进行选择:

    • 要更改图层的大小,请选择“大”、“中等”或“短”。(“大”帧宽度设置对于查看声音波形的详细情况很有用。)
    • 要显示每个帧的内容缩略图(其缩放比率适合时间轴帧的大小),请选择“预览”。此预览可能导致内容的外观大小发生变化,并且需要额外的屏幕空间。
    • 要将时间轴控件移到顶部或底部,请分别选择“标题顶部”或“标题底部”。
    • 要放大和缩小时间轴,请使用“调整时间轴视图大小”滑块条。
    位于时间轴顶部
    位于时间轴顶部
    位于时间轴底部
    位于时间轴底部

更改时间轴中的图层高度

  1. 请执行下列操作之一:

    • 单击时间轴标题中的汉堡形菜单。选择“短”“中等”“高”

      双击时间轴中图层的图标(即该图层名称左侧的图标)。

    • 右键单击 (Windows) 或按住 Control 并单击 (Macintosh) 该图层名称,然后从上下文菜单中选择“属性”

    • 在时间轴中选择该图层,然后选择“修改”>“时间轴”>“图层属性”

    短图层高度
    短图层高度
    高图层高度
    高图层高度
  2. “图层属性”对话框中,选择一个“图层高度”选项,然后单击“确定”

图层着色和固定

您可以通过单击紧邻图层名称后显示的点,固定图层或为图层着色,以便进行识别。启用后,图层中会显示使用图层轮廓颜色的下划线,以便快速识别图层。 

图层着色

设置图层不透明度

请执行下列操作之一:

  • 要将可见性设置为不透明,请按住 Shift 键并单击时间轴中的眼睛图标列。
  • 双击时间轴中图层的图标(即该图层名称左侧的图标)。
  • 右键单击 (Windows) 或按住 Control 并单击 (Macintosh) 该图层名称,然后从上下文菜单中选择“属性”。在“图层属性”对话框中,选择“可见性”>“不透明”
  • 右键单击 (Windows) 或按住 Control 并单击 (Macintosh) 该图层名称,然后选择“将其他图层显示为透明”

调整时间轴面板的大小

  • 如果时间轴停放在主应用程序窗口,请拖动分隔时间轴和舞台区域的栏。

  • 如果时间轴没有停放在主应用程序窗口,请拖动右下角 (Windows) 或右下角的大小框 (Macintosh)。

在播放文档时,时间轴顶部的蓝色播放指示器将随之移动,以指示舞台上显示的当前帧。时间轴标题显示动画的帧编号。要在舞台上显示帧,请将播放头移动到时间轴中该帧的位置。

要在处理多个帧时显示特定帧,请将播放头沿着时间轴移动。

  • 要转到某帧,请单击该帧在时间轴标题中的位置,或将播放头拖到所需的位置。

  • 若要使时间轴以当前帧为中心,请单击时间轴底部的“帧居中”按钮。
  • 现在,只需将循环范围拖过“循环”部分,即可创建循环范围。这样可将选定范围的帧导出(为影片或视频)。
  • 在时间轴上开启“循环”选项后,还可以在一系列帧范围内让音频流与其他动画一起循环。
循环选项
循环

查看时间和帧

时间轴显示时间(以秒为单位)以及帧编号。此功能可以更快地从帧转换为时间,并让您知悉您在动画过程中已设置的每秒帧数 (FPS) 值。 

在以下快照中,时间轴显示每秒 20 帧 (fps)。

display-of-time
查看时间和帧

管理动画速度

您可以通过缩放帧间距来管理动画速度,根据时间间隔设置动画,也可以通过使用时间控件来扩展和压缩动画。 

缩放帧间距

您可以更改动画的每秒帧数 (fps),而不必更改动画速度。在更改 fps 以保持时间不变时,可使用“缩放帧间距”选项。

scale-frame-spans
缩放帧间距的选项

基于时间间隔的动画设置

将帧间距转变为 1s2s3s 或任何所需的间隔。此功能适用于传统补间范围、形状补间范围、运动补间范围、关键帧范围,或空关键帧范围。

custom-frame-by-frame
基于特定时间间隔自定义逐帧动画。

“修改”菜单中提供了“转换为逐帧动画”选项。您还可以在“键盘快捷键”对话框中分配所需的键,以执行这些任务。

使用时间轴控件扩展或压缩动画

现在,您可以通过在“扩展帧范围”字段中输入所需的帧数,来延长选定帧的帧持续时间。在“扩展帧范围”中输入的数字,就是选定帧持续时间的增加数量。

您可以延长或缩短时间轴上选定间距的时间。在时间轴上选择帧间距,然后向前或向后拖动选定间距的右边缘。时间轴上的帧会自动调整。

您可以通过在时间轴中拖动间距,多次(x2、x3 等等)来复制动画。您也可以在扩展帧后将帧压缩到其正常位置。 

在时间轴中选择帧,单击并拖动所选内容的高亮正面边缘。

frameselection_rightborder
帧选择和边框

拖动时(如以下屏幕截图所示),您可以按照倍数(例如 x2x3 等等)查看动画。

stretchselectedframes
在拖动时显示拉伸的帧。

在以下屏幕截图中,您可以 x2 的倍数查看扩展间距。x2 是选定间距大小的两倍。x3 是间距的原始大小的三倍。

stretchedspans
拖动后的扩展间距。

现在可以通过在“扩展帧范围”字段中输入所需数字,来延长帧持续时间。在“扩展时间范围”中输入的帧数,就是选定帧持续时间的增加数量。

关键帧导航

现在,您可以单击“后退一帧”“前进一帧”按钮,移至上一帧或下一帧。此外,单击“后退一帧”“前进一帧”按钮并按住鼠标不放,分别能够移到第一帧或最后一帧。

单击“播放”按钮,可查看动画的预览。

VCR 控件

您可以使用“控制”菜单在活动图层上的关键帧之间导航。您还可以使用 Alt+.Alt+, 在时间轴上分别向前和向后移动到下一个和上一个关键帧。

具有键盘快捷方式的关键帧导航选项
具有键盘快捷方式的关键帧导航选项

使用图层上的左右控件可以在现用图层上的关键帧之间导航。此外,您还可以使用菜单和键盘快捷键。 

navigation-controls
在图层上显示左右控件的时间轴

注意:

您可以使用页面导航快捷方式,例如使用 Alt+Shift+, 向后导航,使用 Alt+Shift+. 向前导航。

插入帧和关键帧

只需单击时间轴上的相应按钮,即可添加关键帧、空白关键帧和帧。单击关键帧图标并按住鼠标不放,可查看并选择相应选项。在时间轴中选择某个帧,然后单击“关键帧”图标,根据最近的选择项插入帧、关键帧或空白关键帧。

现在,在时间轴面板中插入关键帧或空白关键帧可以获得视觉反馈。对象会显示微光,表示操作已执行。

创建关键帧

现在,在时间轴面板中插入关键帧或空白关键帧可以获得视觉反馈。对象会显示微光效果,表示操作已执行。

仅现用图层模式

时间轴视图图标进行了修改,添加了名为“仅现用图层”的新模式。要仅在时间轴中查看现用图层,请单击“时间轴视图”选项并按住鼠标不放,然后选择“仅现用图层”

从舞台中通过时间轴平移

  • 现在,您还可使用抓手工具水平滑动时间轴。
  • 您可以通过使用新的“时间划动”工具,直接从舞台中拖拽时间轴。此工具使用“工具”面板中的“抓手”工具进行分组。您还可以使用空格键+T 键盘快捷键临时启用该工具。向左或向右拖动可在平移方向上查看整个时间轴。
scrub-tool
显示时间擦除工具

可自定义的时间轴工具栏

使用可自定义的时间轴,您可以选择要在时间轴工具栏中显示的动作按钮。在时间轴的汉堡菜单中,单击“自定义时间轴工具”。

A - “时间轴汉堡菜单” B - 用于自定义时间轴工具栏的菜单选项
A - “时间轴汉堡菜单” B - 用于自定义时间轴工具栏的菜单选项

此时会显示一个带有工具栏按钮的面板,可在时间轴工具栏中添加或删除该面板。单击面板之外的任意位置关闭该面板。打开面板后,时间轴工具栏上显示的按钮会在面板中处于选中状态。要切换按钮选择,请单击相应的按钮。更改会立即显示在时间轴工具栏中。 

“时间轴工具”面板
A - “工具面板” B - “帧按钮群组” C - “补间按钮群组” D - “重置”

时间轴工具栏有几个选项,它们按单个按钮进行分组。长按按钮可显示分组到该按钮中的所有选项。

例如,“插入关键帧”或“帧群组”按钮有以下四个选项分组到其下:

  • 关键帧
  • 空白关键帧
  • 自动关键帧

在工具栏面板中,以上选项显示为群组按钮和单个按钮。如果选择了群组按钮,则会自动取消选择该群组中的各个按钮。如果选择了群组中的任何单个按钮,则会取消选择群组按钮。

工具面板中存在两个此类群组。一个用于插入关键帧或帧,另一个用于插入补间。

工具面板中有几个按钮,它们成对选定和取消选定。例如,用于向后或向前移动关键帧的按钮,以及用于前后移动单帧的按钮。

如果您希望放弃配置面板中的任何更改并将恢复时间轴工具栏更改为默认状态,请单击“重置时间轴控件”

观看视频以了解如何自定义时间轴。

观看视频以了解如何自定义时间轴。

后续操作?

我们已向您介绍了如何使用和个性化时间轴。您现在可以学习如何使用“资产面板”
创建动画了。