用户指南 取消(C)

如何在 Animate 中使用时间轴

  1. Adobe Animate 用户指南
  2. Animate 简介
    1. Animate 新增功能
    2. 图示术语表
    3. Animate 系统要求
    4. Animate 键盘快捷键
    5. 在 Animate 中使用多种文件类型
  3. 动画
    1. Animate 动画基础知识
    2. 如何在 Animate 中使用帧和关键帧
    3. 在 Animate 中使用逐帧动画
    4. 如何在 Animate 中使用传统补间动画
    5. 画笔工具
    6. 运动辅助线
    7. 补间动画和 ActionScript 3.0
    8. 关于补间动画
    9. 补间动画
    10. 创建补间动画
    11. 使用属性关键帧
    12. 用补间对位置进行动画处理
    13. 如何使用动画编辑器编辑补间动画
    14. 编辑补间动画的运动路径
    15. 处理补间动画
    16. 添加自定义缓动
    17. 创建和应用动画预设
    18. 设置动画的补间范围
    19. 处理另存为 XML 文件的补间动画
    20. 补间动画与传统补间
    21. 形状补间
    22. 在 Animate 中使用骨骼工具动画
    23. 在 Animate 中处理角色 Rig
    24. 如何在 Adobe Animate 中使用遮罩层
    25. 如何在 Animate 中使用场景
  4. 交互性
    1. 如何使用 Animate 创建按钮
    2. 将 Animate 项目转换为其它文档类型格式
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 在 Animate 中通过代码片段添加交互性
    5. 创建自定义 HTML5 组件
    6. 使用 HTML5 Canvas 中的组件
    7. 创建自定义组件:示例
    8. 自定义组件的代码片段
    9. 最佳做法 - 使用 Animate 制作广告
    10. 虚拟现实创作和发布
  5. 工作区和工作流
    1. 创建和管理画笔
    2. 在 HTML5 Canvas 文档中使用 Google 字体
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作区
    6. 在 HTML5 Canvas 文档中使用 Web 字体
    7. 时间轴和 ActionScript
    8. 使用多个时间轴
    9. 设置首选参数
    10. 使用 Animate 创作面板
    11. 使用 Animate 创建时间轴图层
    12. 导出移动应用程序和游戏引擎的动画
    13. 移动和复制对象
    14. 模板
    15. 在 Animate 中查找和替换
    16. 撤消、重做和历史记录面板
    17. 键盘快捷键
    18. 如何在 Animate 中使用时间轴
    19. 创建 HTML 扩展
    20. 图像和动画 GIF 的优化选项
    21. 图像和 GIF 的导出设置
    22. Animate 中的资源面板
  6. 多媒体与视频
    1. 在 Animate 中变形和合并图形对象
    2. 在 Animate 中创建并使用元件实例
    3. 图像描摹
    4. 如何在 Adobe Animate 中使用声音
    5. 导出 SVG 文件
    6. 创建用于 Animate 中的视频文件
    7. 如何在 Animate 中添加视频
    8. 使用视频提示点
    9. 使用 Animate 绘制和创建对象
    10. 改变线条和形状
    11. Animate CC 中的笔触、填充和渐变
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的颜色面板
    14. 使用 Animate 打开 Flash CS6 文件
    15. 在 Animate 中使用传统文本
    16. 向 Animate 中置入图稿
    17. 在 Animate 中导入的位图
    18. 3D 图形
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 绘制线条和形状
    21. 在 Animate 中使用库
    22. 导出声音
    23. 在 Animate CC 中选择对象
    24. 在 Animate 中使用 Illustrator AI 文件
    25. 使用喷涂刷工具应用图案
    26. 应用混合模式
    27. 排列对象
    28. 使用“命令”菜单自动处理任务
    29. 多语言文本
    30. 在 Animate 中使用摄像头
    31. 将 Animate 与 Adobe Scout 一起使用
    32. 使用 Fireworks 文件
    33. 图形滤镜
    34. 声音和 ActionScript
    35. 绘制首选参数
    36. 用钢笔工具绘图
  7. 平台
    1. 将 Animate 项目转换为其它文档类型格式
    2. 自定义平台支持
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 创建和发布 WebGL 文档
    5. 如何打包 AIR for iOS 应用程序
    6. 发布 AIR for Android 应用程序
    7. 发布用于桌面的 Adobe AIR
    8. ActionScript 发布设置
    9. 最佳做法 - 管理应用程序中的 ActionScript
    10. 如何在 Animate 中使用 ActionScript
    11. 最佳做法 - 辅助功能指南
    12. Animate 工作区中的辅助功能
    13. 编写和管理脚本
    14. 启用自定义平台支持
    15. 自定义平台支持概述
    16. 创建辅助内容
    17. 使用自定义平台支持插件
    18. 调试 ActionScript 3.0
    19. 启用自定义平台支持
  8. 导出和发布
    1. 如何从 Animate CC 导出文件
    2. OAM 发布
    3. 导出 SVG 文件
    4. 使用 Animate 导出图形和视频
    5. 发布 AS3 文档
    6. 导出移动应用程序和游戏引擎的动画
    7. 导出声音
    8. 导出 QuickTime 视频文件
    9. 使用 ActionScript 控制外部视频播放
    10. 最佳做法 - 移动设备内容创建技巧
    11. 最佳做法 - 视频惯例
    12. 最佳做法 - SWF 应用程序创作指南
    13. 最佳做法 - 构造 FLA 文件
    14. 在 Animate 中优化 FLA 文件的最佳做法
    15. ActionScript 发布设置
    16. 指定 Animate 的发布设置
    17. 导出放映文件
    18. 导出图像和动画 GIF
    19. HTML 发布模板
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和发布动画

关于时间轴

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

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

改进时间轴

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

新时间轴

时间轴控件

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

时间轴标题

图层视图

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

多图层视图
多图层视图

单图层视图
单图层视图

摄像头

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

图层父项视图

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

图层深度

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

注意:

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

绘图纸外观

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

绘图纸外观主要

请执行下列操作之一:

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

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

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

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

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

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

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

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

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

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

编辑多个帧

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

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

编辑多个帧

生成补间

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

生成补间

更改时间轴的外观

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

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

拖动时间轴

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

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

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

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

自定义时间轴视图

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

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

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

    位于时间轴底部
    位于时间轴底部

更改时间轴中的图层高度

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

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

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

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

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

    短图层高度
    短图层高度

    高图层高度
    高图层高度

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

图层着色和固定

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

图层着色

设置图层不透明度

请执行下列操作之一:

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

调整时间轴面板的大小

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

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

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

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

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

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

查看时间和帧

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

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

查看时间和帧

管理动画速度

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

缩放帧间距

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

缩放帧间距的选项

基于时间间隔的动画设置

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

基于特定时间间隔自定义逐帧动画。

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

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

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

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

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

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

帧选择和边框

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

在拖动时显示拉伸的帧。

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

拖动后的扩展间距。

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

在时间轴中导航

关键帧导航

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

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

VCR 控件

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

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

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

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

注意:

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

插入帧和关键帧

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

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

创建关键帧

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

仅现用图层模式

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

从舞台中通过时间轴平移

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

可自定义的时间轴工具栏

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

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

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

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

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

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

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

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

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

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

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

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

后续操作?

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

更多此类内容

Adobe 徽标

登录到您的帐户

[Feedback V2 Badge]