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

像 Animate(以前名为 Flash Professional CC)中的大部分工作一样,动画不需要任何 ActionScript。然而,如果您愿意,您可以使用 ActionScript 创建动画。

动画的类型

Animate 提供了多种动画和特效创建方法。各种方法为您创作精彩的动画内容提供了多种可能。

Animate 支持以下类型的动画:

补间动画

使用补间动画可设置对象的属性,如一个帧中以及另一个帧中的位置和 Alpha 透明度。然后 Animate 在中间内插帧的属性值。对于由对象的连续运动或变形构成的动画,补间动画很有用。补间动画在时间轴中显示为连续的帧范围,默认情况下可以作为单个对象进行选择。补间动画功能强大,易于创建。

传统补间

传统补间与补间动画类似,但是创建起来更复杂。传统补间允许一些特定的动画效果,使用基于范围的补间不能实现这些效果。

反向运动姿势(Animate 中已弃用)

反向运动姿势用于伸展和弯曲形状对象以及链接元件实例组,使它们以自然方式一起移动。在将骨骼添加到形状或一组元件之后,可以在不同的关键帧中更改骨骼或符号的位置。Animate 将这些位置内插到中间的帧中。

补间形状

在形状补间中,可在时间轴中的特定帧绘制一个形状,然后更改该形状或在另一个特定帧绘制另一个形状。 然后,Animate 为这两帧之间的帧内插这些中间形状,创建出从一个形状变形为另一个形状的动画效果。

逐帧动画

使用此动画技术,可以为时间轴中的每个帧指定不同的艺术作品。使用此技术可创建与快速连续播放的影片帧类似的效果。对于每个帧的图形元素必须不同的复杂动画而言,此技术非常有用。

关于帧频

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

动画的复杂程度和播放动画的计算机的速度会影响播放的流畅程度。若要确定最佳帧速率,请在各种不同的计算机上测试动画。

因为只给整个 Animate 文档指定一个帧频,因此请在开始创建动画之前先设置帧频。

在时间轴中标识动画

Animate 通过在包含内容的每个帧中显示不同的指示符来区分时间轴中的逐帧动画和补间动画。

下列帧内容指示符显示在时间轴中:

  • 一段具有蓝色背景的帧表示补间动画。范围的第一帧中的黑点表示补间范围分配有目标对象。黑色菱形表示最后一个帧和任何其他属性关键帧。属性关键帧是包含由您显式定义的属性更改的帧。可以选择显示哪些类型的属性关键帧,方法是右键单击 (Windows) 或按住 Command 单击 (Macintosh) 补间动画范围,然后从上下文菜单中选择“查看关键帧”>“类型”。默认情况下,Animate 会显示所有类型的属性关键帧。范围中的所有其他帧都包含目标对象的补间属性的插补值。

     

     

  • 第一帧中的空心点表示补间动画的目标对象已删除。补间范围仍包含其属性关键帧,并可应用新的目标对象。

     

     

  • 一段具有绿色背景的帧表示反向运动 (IK) 姿势图层。姿势图层包含 IK 骨架和姿势。每个姿势在时间轴中显示为黑色菱形。Animate 将在姿势之间的帧中内插骨架的位置。

     

     

  • 带有黑色箭头和蓝色背景的起始关键帧处的黑色圆点表示传统补间

     

     

  • 虚线表示传统补间是断开或不完整的,例如,在最后的关键帧已丢失时。

     

     

  • 带有黑色箭头和淡绿色背景的起始关键帧处的黑色圆点表示补间形状

     

     

  • 一个黑色圆点表示一个关键帧。 单个关键帧后面的浅灰色帧包含无变化的相同内容。这些帧带有垂直的黑色线条,而在整个范围的最后一帧还有一个空心矩形。

     

     

  • 如出现一个小 a,则表示已使用“动作”面板为该帧分配了一个帧动作。

     

     

  • 红色的小旗表示该帧包含一个标签。

     

     

  • 绿色的双斜杠表示该帧包含注释。

     

     

  • 金色的锚记表明该帧是一个命名锚记。

     

关于补间动画中的图层

Animate 文档中的每一个场景都可以包含任意数量的时间轴图层。使用图层和图层文件夹可组织动画序列的内容和分隔动画对象。在图层和文件夹中组织它们可防止它们在重叠时相互擦除、连接或分段。若要创建一次包含多个元件或文本字段的补间移动的动画,请将每个对象放置在不同的图层中。您可以将一个图层用作背景图层来包含静态插图,并使用其他图层包含单独的动画对象。

在创建补间动画时,Animate 会将图层(包含有选择要进行补间的对象)转换为补间图层。补间图层有一个补间图标,位于时间轴中的图层名称旁。

如果其他对象与补间对象在相同的图层中,Animate 将根据需要在原始图层上方或下方添加新图层。位于原始图层中的补间对象下方的任何对象将移至原始图层下方的新图层。位于原始图层中的补间对象上方的任何对象将移至原始图层上方的新图层。Animate 将在时间轴中任何预先存在的图层之间插入这些新图层。这样,Animate 可保留舞台上所有图形对象的原始堆叠顺序。

补间图层只能包含补间范围(包含补间的连续的帧组)、静态帧、空白关键帧或空帧。每个补间范围只能包含一个目标对象及其可选运动路径。由于无法在补间图层中进行绘制,所以应在其他图层中创建其他补间或静态帧,然后将它们拖到补间图层。若要将帧脚本放置到补间图层上,请在另一个图层上创建它们,然后将它们拖到补间图层。帧脚本只能驻留在补间动画范围本身外部的帧中。通常,最好将所有帧脚本保留在仅包含 ActionScript 的单独图层上。

当文档中有多个图层时,跟踪和编辑一个或多个图层上的对象可能很困难。如果一次处理一个图层中的内容,这个任务就容易一点。 若要隐藏或锁定当前不使用的图层,请在时间轴中单击图层名称旁边的“眼睛”或“挂锁”图标。使用图层文件夹可帮助您将图层组织成易于管理的组。

将对象分层以应用补间动画

将补间动画应用于对象时,Animate 会自动将该对象移动到其补间图层。但是,您也可以自己将对象分散到其各自的图层。例如,在组织内容时,您可以选择自己分散对象。对于将动画应用于对象时维持对这些对象从一个图层移动到另一个图层的方式的精确控制,手动分散也是非常有用的。

在使用“分散到图层”命令(“修改”>“时间轴”>“分散到图层”)时,Animate 将每个选中的对象分散到另一个新图层。任何没有选中的对象(包括其他帧中的对象)都保留在它们原来的图层中。

对舞台中的任何元素(包括图形对象、实例、位图、视频剪辑和分离文本块)都可以应用“分散到图层”命令。

关于使用 “分散到图层”创建的新图层

在“分散到图层”操作过程中创建的新图层根据每个新图层包含的元素名称来命名:

  • 包含库资源(例如元件、位图或视频剪辑)的新图层获得与该资源相同的名称。

  • 包含命名实例的新图层的名称就是该实例的名称。

  • 包含分离文本块字符的新图层用这个字符来命名。

  • 如果新图层中包含图形对象(这个对象没有名称),因为该图形对象没有名称,因此该新图层命名为 Layer1(或 Layer2,依此类推)。

    Animate 将新图层插入任何选中图层的下方。新图层从上到下排列,按照所选中的元素最初的创建顺序排列。 分离文本中的图层按字符顺序排列,可以从左到右、从右到左或从上到下。 例如,假定您分离文本 FLASH 并将它分散到图层。名为 F、L、A、S 和 H 的新图层自上向下排列,F 层位于顶部。这些图层显示在紧邻最初包含文本的图层的下方。

将对象分散到图层

  1. 选择要分散到不同图层的对象。对象可以在单个图层中,也可以在多个图层中,包括不连续的图层。
  2. 请执行下列操作之一:
    • 选择“修改”>“时间轴”>“分散到图层”。
    • 右键单击 (Windows) 或按住 Control 并单击 (Macintosh) 所选对象之一,然后选择“分散到图层”。

通过将对象分布到关键帧来创建补间动画

Animate 的新增功能

Animate 可以自动将对象分布到每个单独的关键帧。在舞台上组织内容时,您可以选择分布对象。手动执行这一过程将繁琐而耗时。当通过将对象放置到各个关键帧来创建补间动画时,分布功能非常有用。您可以对各个关键帧赋予不同的对象或对象状态。实际上,当播放头经过这些关键帧时,补间动画的效果便会显现出来。

使用“分布到关键帧”命令时,Animate 会将每个选定的对象分布到一个新的单独的关键帧。任何没有选中的对象(包括其他帧中的对象)都保留在它们原来的图层中。

对舞台中的任何元素(包括图形对象、实例、位图、视频剪辑和文本块)都可以应用“分布到关键帧”命令。

关于使用“分布到关键帧”创建的新关键帧

  • 在“分布到关键帧”操作期间创建的新关键帧是根据对象的选定顺序来排列的。
  • 执行“分布到关键帧”操作时,对于涂层上未选定的对象,原来的帧将不受影响。 选定用来分布的对象将紧接着原来内容的最后一帧开始分配给关键帧。例如,假设 Object1Object2 所在的涂层具有 50 个帧。如果选择 Object1 进行分布,则会将其放在第 51 个关键帧上。

将对象分布到关键帧

  1. 选择要分散到不同图层的对象。对象可以在单个图层中,也可以在多个图层中,包括不连续的图层。

  2. 右键单击 (Windows) 或按住 Control 键单击 (Macintosh) 其中一个选定对象,然后选择“分布到关键帧”。

其他资源

本文讨论在 Animate 中使用动画的有关内容:

Adobe 徽标

登录到您的帐户