时间

  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. 快速分享和发布动画

阅读本文可了解 Animate 中各个不同的时间组件。

时间轴

补间动画中的时间轴

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

  • 文档中的图层列在时间轴左侧的一列中。
  • 每个图层中包含的帧显示在该图层名称右侧的一行中。
  • 时间轴顶部的时间轴标题指示帧编号。
  • 播放头指示当前在舞台中显示的帧。播放文档时,播放头在时间轴上从左向右移动。

默认情况下,播放头到达末尾时会循环。时间轴底部显示的时间轴状态指示所选的帧编号、当前帧频以及到当前帧为止的播放时间。

有关详细信息,请参阅如何在 Animate 中使用时间轴

帧是动画的核心,指定每一段的时间和运动。影片中帧的总数和播放速度共同决定了影片的总长度。

有关帧的更多信息,请参阅文章“帧”和文章“创建逐帧动画”

帧范围

补间动画中的帧范围

关键帧和其之后的常规帧范围称为关键帧序列。时间轴可以包含任意数量的关键帧序列。如果序列中的关键帧包含在舞台上可见的图形内容,则其之后的常规帧将显示为灰色。如果序列中的关键帧不包含任何图形内容,则其之后的常规帧将显示为白色。

关键帧

Animate CC 中的帧和关键帧

与胶片一样,Adobe Animate 文档也将时长分为帧。在时间轴中,使用这些帧来组织和控制文档的内容。您在时间轴中放置帧的顺序将决定帧内对象在最终内容中的显示顺序。

Adobe Animate 中的关键帧在时间轴中显示为一个新的元件实例。关键帧也可以是包含 ActionScript 代码以控制文档某些方面的帧。

您还可以为以后计划添加的元件在时间轴中添加一个空白关键帧以作为占位符,或者明确将该帧保留为空。时间轴中的黑点表示一个单独的关键帧。单独关键帧之后的那些浅灰色帧均包含相同的内容,无任何变化。

这些帧在范围的最后一帧有一条垂直黑线和一个空心矩形。起始关键帧处带有一个黑色箭头和蓝色背景的黑点表示传统补间。

请勿混淆关键帧与属性关键帧;属性关键帧的时间轴图标是一个实心菱形,而标准关键帧图标是一个空心或实心圆。

多帧编辑

补间动画中的多帧编辑

编辑多个帧。

FPS

每秒帧数

帧频(动画在 Adobe Animate 中的播放速度)以每秒帧数 (FPS) 计量。帧频太慢会使动画看起来一顿一顿的,而帧频太快则会使动画的细节变得模糊。新的 Animate 文档的默认帧频设置是 24 fps,通常在 Web 上效果最佳。(运动图片的标准速率也是 24 fps。)

动画的复杂程度和播放动画的计算机的速度会影响播放的流畅程度。若要确定最优帧频,可在具有不同处理能力的计算机上测试您的动画。由于只为整个 Animate 文档指定一个帧频,因此应确保在创建动画之前先设置需要的帧频。实际上,帧频决定了播放头沿时间轴移动的速率。

阅读“动画基础知识”一文可了解有关帧频的更多信息。

缓动

Adobe Animate 会采用某种方式来计算补间中属性关键帧之间的属性值,缓动是用于修改这种方式的一种技术。如果未设置缓动,Animate 会在动画的每一帧上以相同的速度移动补间对象。如果设置缓动,则可以调整补间对象的速度,使移动显得更为自然,从而创建复杂的动画。缓动是一条应用于补间属性值的数学曲线。

补间的最终效果是补间中的属性值范围与缓动曲线合在一起后的样子,会使得补间对象或者是开始慢之后加速,或者是开始快之后减速,或者是这些效果的组合。

例如,对经过舞台的一辆汽车实现动画效果时,如果汽车从停止位置缓慢启动,然后逐渐随着加速形成冲力而加快速度,动画就会显得更为逼真。在属性检查器中应用的缓动将影响补间中包括的所有属性。在动画编辑器中应用的缓动可以影响补间的单个属性、一组属性或所有属性。

有关缓动的更多信息,请参阅“形状补间”“如何编辑补间动画”

绘图纸外观

Animate CC 中的绘图纸外观

使用绘图纸外观可以比较之前和之后的帧,从而调整当前帧中的对象。关闭绘图纸外观(默认设置)功能后,在同一时间将在舞台上显示动画序列的一个帧。

显示的帧对应于播放头在时间轴中的位置。启用绘图纸外观后,播放头下面的帧将全彩显示,周围的帧则呈暗色,就好像每一帧是画在一张半透明的绘图纸上,且这些绘图纸层叠在一起。

无法编辑呈暗色的帧;它们仅显示用作视觉参考。

有关绘图纸外观的更多信息,请参阅“创建逐帧动画”“时间轴”

图层

补间动画中的图层

图层可以帮助您组织 Animate 文档中的插图。可以在一个图层上绘制和编辑对象,而不会影响其他图层上的对象。在图层中没有任何内容的舞台区域中,可以透过该图层看到下面的图层。若要绘制、涂色或者修改图层或文件夹,请在时间轴中选择该图层使其成为活动状态。时间轴中图层或文件夹名称旁边的铅笔图标指示该图层或文件夹处于活动状态。

尽管一次可以选择多个图层,但同一时间只能有一个图层处于活动状态。创建 Animate 文档时,其中仅包含一个图层。要在文档中组织插图、动画和其他元素,请添加更多图层。还可以隐藏、锁定或重新排列图层。 

可以创建的图层数仅受计算机内存的限制,而且图层不会增加所发布的 SWF 文件的大小。只有放入图层的对象才会增加项目的文件大小。为有助于创建复杂的效果,可使用特殊的引导层,以便绘制和编辑更为容易以及创建遮罩层。

要了解有关图层的更多信息,请转至“创建时间轴图层”

遮罩层

Animate CC 中的遮罩层

遮罩层包含用作遮罩的对象,这些对象用于隐藏其下方的选定图层部分。被遮罩层中只有未被遮罩覆盖的部分才是可见的。

要了解如何使用遮罩层,请参阅“在 Animate 中使用遮罩层”

引导层

补间动画中的引导层

在 Adobe Animate 中绘制时要使对象对齐,可创建引导层,然后将其他图层上的对象与在引导层上创建的对象对齐。任何图层都可以作为引导层。 引导层名称的左侧会显示一个引导图标。引导层不会导出,因此不会显示在发布的 SWF 文件中。

不能将补间动画图层或反向运动姿势图层拖动到引导层上,但可以将常规图层拖动到引导层上。此操作会将引导层转换为运动引导层,并将常规图层链接到新的运动引导层。

Adobe 徽标

登录到您的帐户