关于补间动画

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

举例来说,假设第 1 帧和第 20 帧是属性关键帧,您可以将舞台左侧的一个元件放在第 1 帧中,然后将其移至舞台右侧的第 20 帧中。在创建补间时,Animate 将计算影片剪辑在此中间的所有位置。结果将得到从左到右(即从第 1 帧移至第 20 帧)的元件动画。在中间的每个帧中,Animate 将影片剪辑在舞台上移动二十分之一的距离。 

补间范围:

  • 指时间轴中的一组帧,其中的某个对象具有一个或多个随时间变化的属性。
  • 在时间轴中显示为单个图层中的一组帧并具有蓝色背景。
  • 您可以选择补间范围作为一个单个的对象,然后将它们从一个位置拖动到时间轴中的另一个位置,包括拖动到另一个图层。
  • 在每个补间范围中,只能对舞台上的一个对象进行动画处理。此对象称为补间范围的目标对象。

属性关键帧:

  • 指在补间范围中为补间目标对象显式定义一个或多个属性值的帧。
  • 这些属性可能包括位置、alpha(透明度)、色调等等。
  • 每个定义的属性都有它自己的属性关键帧。
  • 如果在单个帧中设置了多个属性,则其中每个属性的属性关键帧会驻留在该帧中。
  • 使用动画编辑器可查看补间范围的每个属性及其属性关键帧。
  • 还可以从补间范围上下文菜单中选择要在时间轴中显示哪些类型的属性关键帧。

可补间对象和属性

可补间的对象类型包括影片剪辑、图形和按钮元件以及文本字段。可补间的对象的属性包括:

  • 2D X 和 Y 位置

  • 3D Z 位置(仅限影片剪辑)

  • 2D 旋转(围绕 z 轴)

  • 3D X、Y 和 Z 旋转(仅限影片剪辑):3D 动画要求在发布设置中将 FLA 文件目标设置为 ActionScript 3.0 和 Flash Player 10 或更高版本。Adobe AIR 也支持 3D 动画。

  • 倾斜 X 和 Y

  • 缩放 X 和 Y

  • 颜色效果:包括 alpha(透明度)、亮度、色调和高级颜色设置。颜色效果只能在元件和 TLF 文本上进行补间。通过补间这些属性,您可以赋予对象淡入某种颜色或从一种颜色逐渐淡化为另一种颜色的效果。若要在传统文本上补间颜色效果,请将文本转换为元件。

  • 滤镜属性(不能将滤镜应用于图形元件)

补间动画和传统补间之间的差异

Animate 支持两种不同类型的补间用以创建动画:补间动画和传统补间。

补间动画 传统补间
强大且易于创建,可以对补间动画实现最大程度的控制 创建复杂,包含在 Animate 早期版本中创建的所有补间。 
提供更好的补间控制 提供特定于用户的功能
使用关键帧 使用属性
整个补间只包含一个目标对象 允许在两个具有相同或不同元件的关键帧之间进行补间
将文本视为可补间的类型,而不会将文本对象转换为影片剪辑 将文本对象转换为图形元件。
在补间动画范围中不允许使用帧脚本。  传统补间允许使用帧脚本。
补间动画范围被视为单个对象,可以在时间轴中拉伸它和调整其大小。  传统补间由几组可在时间轴中分别选择的帧组成。
要选择补间动画范围中的单个帧,请按住 Ctrl (Windows) 或 Command (Macintosh) 单击该帧。  
对整个长度的补间动画范围应用缓动。若要仅对补间动画的特定帧应用缓动,则需要创建自定义缓动曲线。
  可对补间内关键帧之间的帧组应用缓动。 
可以对每个补间应用一种色彩效果。 应用两种不同的色彩效果,如色调和 alpha 透明度。
用于为 3D 对象创建动画效果。  无法使用传统补间为 3D 对象创建动画效果。
只有补间动画可以另存为动画预设。 可以交换元件或设置属性关键帧中要显示的图形元件的帧数。应用了这些技术的动画要求使用传统补间。
   

补间动画和传统补间的相似之处

  • 在同一图层中可以有多个传统补间或补间动画,但在同一图层中不能同时出现两种补间类型。
  • 补间动画和传统补间都只允许对特定类型的对象进行补间。

其他资源

  • Jen DeHaan 在她的 Flashthusiast.com 站点上发表了一篇有用的博客文章,介绍了 Animate 中运动模型的有关信息以及补间动画和传统补间之间的差异。

另请参阅

下载

Adobe 徽标

登录到您的帐户