编辑补间动画的运动路径

  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 中处理角色操纵
    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. 使用 Animate 绘制和创建对象
    9. 改变线条和形状
    10. Animate CC 中的笔触、填充和渐变
    11. 使用 Adobe Premiere Pro 和 After Effects
    12. Animate CC 中的颜色面板
    13. 使用 Animate 打开 Flash CS6 文件
    14. 在 Animate 中使用传统文本
    15. 向 Animate 中置入图稿
    16. 在 Animate 中导入的位图
    17. 3D 图形
    18. 在 Animate 中使用元件
    19. 使用 Adobe Animate 绘制线条和形状
    20. 在 Animate 中使用库
    21. 导出声音
    22. 在 Animate CC 中选择对象
    23. 在 Animate 中使用 Illustrator AI 文件
    24. 应用混合模式
    25. 排列对象
    26. 使用“命令”菜单自动处理任务
    27. 多语言文本
    28. 在 Animate 中使用摄像头
    29. 图形滤镜
    30. 声音和 ActionScript
    31. 绘制首选参数
    32. 用钢笔工具绘图
  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. Animate 工作区中的辅助功能
    12. 编写和管理脚本
    13. 启用自定义平台支持
    14. 自定义平台支持概述
    15. 使用自定义平台支持插件
    16. 调试 ActionScript 3.0
    17. 启用自定义平台支持
  8. 导出和发布
    1. 如何从 Animate CC 导出文件
    2. OAM 发布
    3. 导出 SVG 文件
    4. 使用 Animate 导出图形和视频
    5. 发布 AS3 文档
    6. 导出移动应用程序和游戏引擎的动画
    7. 导出声音
    8. 最佳做法 - 移动设备内容创建技巧
    9. 最佳做法 - 视频惯例
    10. 最佳做法 - SWF 应用程序创作指南
    11. 最佳做法 - 构造 FLA 文件
    12. 在 Animate 中优化 FLA 文件的最佳做法
    13. ActionScript 发布设置
    14. 指定 Animate 的发布设置
    15. 导出放映文件
    16. 导出图像和动画 GIF
    17. HTML 发布模板
    18. 使用 Adobe Premiere Pro 和 After Effects
    19. 快速分享和发布动画
  9. 故障排除
    1. 已修复的问题
    2. 已知问题

 

当您确定补间实例在舞台上的位置时,会看到该动画在舞台上显示的一条运动路径。补间路径是一条表示所补间实例空间运动的直线。其中的圆点(有时称为“补间点”或“帧点”)表示时间轴中目标对象沿路径的位置。目标对象的位置表示为一个单独的帧或几组帧。 

您可以用下列方式编辑或更改补间动画的运动路径:

  • 在补间范围的任何帧中更改对象的位置。

  • 将整个运动路径移到舞台上的其他位置。

  • 使用选取部分选取任意变形工具更改路径的形状或大小。

  • 使用“变形”面板或“属性”检查器更改路径的形状或大小。

  • 使用“修改”>“变形”菜单中的命令。

  • 将自定义笔触作为运动路径进行应用。

  • 使用动画编辑器

可使用“始终显示运动路径”选项在舞台上同时显示所有图层上的所有运动路径。在相互交叉的不同运动路径上设计多个动画时,此显示非常有用。选定运动路径或补间范围时,可以从“属性”检查器选项菜单中选择此选项。

另请参阅

使用选取和部分选取工具编辑运动路径的形状

使用选取部分选取工具,可以改变运动路径的形状。使用选取工具,可通过拖动方式改变线段的形状。补间中的属性关键帧将显示为路径上的控制点。使用部分选取工具,可公开路径上对应于每个位置属性关键帧的控制点和贝塞尔手柄。可使用这些手柄改变属性关键帧点周围的路径的形状。

在创建非线性运动路径(如圆)时,可以让补间对象在沿着该路径移动时进行旋转。若要使相对于该路径的方向保持不变,请在“属性”检查器中选择“调整到路径”选项。

未调整到运动路径的方向的补间对象(左图)和已调整到运动路径的方向的补间对象(右图)。

  1. “工具”面板中单击选取工具。

  2. 单击补间目标实例,以使运动路径在舞台中可见。

  3. 使用选取工具拖动运动路径的任何线段,以改变其形状。先不要通过单击来选择线段。

  4. 若要公开路径上属性关键帧点的贝塞尔控制点,请单击部分选取工具,然后单击路径。

    属性关键帧点将显示为运动路径上的控制点(小菱形)。

  5. 若要移动控制点,请使用部分选取工具拖动它。

  6. 若要调整控制点周围的路径的曲线,请使用部分选取工具拖动控制点的贝塞尔手柄。

    如果未扩展手柄,则可以通过按住 Alt (Windows) 或 Option (Macintosh) 拖动控制点来扩展它们。

  1. 若要删除锚点,请选择删除锚点工具。通过选取工具生成的大多数锚点都是平滑点。若要转换锚点,请选择转换锚点工具。锚点将更改为角度点。
  1. 还可以从一个点提取新的贝塞尔手柄并定位它们,就像处理一般的锚点那样。
注意:

不能使用添加锚点工具将锚点添加到路径。

更改补间对象的位置

若要编辑运动路径,可在舞台上补间范围的任何帧中移动补间的目标实例。如果当前帧尚未包含属性关键帧,Animate 将向其添加一个属性关键帧。

  1. 将播放头放在要移动的目标实例所在的帧中。
  2. 使用选取工具,将目标实例拖到舞台上的一个新位置。

运动路径将更新,以包括新位置。运动路径中的所有其他属性关键帧将保留在原来的位置中。

在舞台上更改运动路径的位置

可在舞台上拖动整个运动路径,也可在“属性”检查器中设置其位置。

  1. 在“工具”页面中单击选取工具。

  2. 通过执行下列操作之一选择运动路径:

    • 单击时间轴中的补间范围,然后单击舞台上的运动路径。
    • 单击舞台上的补间对象,然后单击运动路径。
    • 在运动路径和目标实例周围拖出一个选取框以将其同时选中。
    • (仅限 CS5.5)通过按住 Shift 单击要编辑的每个补间的运动路径,可选择多个运动路径。还可以绕所有运动路径拖动选取框。
  3. 通过执行下列操作之一移动运动路径:

    • 将路径拖到舞台上所需的位置。
    • “属性”检查器中设置路径的 X 和 Y 值。X 和 Y 值针对运动路径边框的左上角。
    • 使用箭头键移动运动路径。

使用任意变形工具编辑运动路径

  1. 单击“工具”面板中的任意变形工具。
  2. 使用任意变形工具单击运动路径。不要单击补间目标实例。
  3. 使用任意变形工具缩放、倾斜或旋转路径。

删除补间中的运动路径

  1. 使用选取工具在舞台上单击运动路径以将其选中。
  2. Delete 键。

将运动路径作为笔触复制

  1. 舞台上单击运动路径以将其选中。
  2. 选择“编辑”>“复制”

然后,可以将该路径作为一个笔触或另一个补间动画的运动路径粘贴到其他图层中。

将自定义笔触作为运动路径来应用

可将来自其他图层或其他时间轴的笔触作为补间的运动路径进行应用。

  1. 从不同于补间图层的图层中选择笔触,然后将其复制到剪贴板。
    笔触一定不能是闭合的。只能使用不间断的笔触。
  2. 时间轴中选择补间范围,然后粘贴笔触。Animate 将笔触作为选定补间范围的新运动路径进行应用。现在,补间的目标实例沿着新笔触移动。
  3. 若要反转补间的起始点和结束点的方向,请右键单击 (Windows) 或按住 Command 单击 (Macintosh) 补间范围,然后在补间范围上下文菜单中选择“运动路径”>“反向路径”

更快、更轻松地获得帮助

新用户?