用户指南 取消(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 中处理角色操纵
    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. 已知问题

 

导出应用程序首选参数

您可以在专家和初学者首选参数之间切换。  您还可将自己的应用程序设置(包括工具栏设置、键盘快捷键和其他应用程序设置)导出为单个文件。  只需进行简单的文件导出和导入操作,即可跨设备应用您的应用程序首选参数。

导出应用程序首选参数

导出首选参数
导出首选参数 - 导出全部或选定保存的设置,以将其用于其他计算机或共享给其他人

导出图像和图形

PNG 序列

可以从中或舞台上的各个影片剪辑、按钮或图形元件中导出一系列图像文件。导出期间,Animate(以前名为 Flash Professional)会为元件中的每个帧创建一个单独的图像文件。如果您从舞台执行导出,则您已应用于元件实例的任何转换(例如,缩放)在图像输出中将保留。

要导出 PNG 序列,请执行以下操作:

  1. 在库中或舞台上选择单个影片剪辑、按钮或图形元件。

  2. 右键单击所选对象,然后选择“导出 PNG 序列”

  3. 在“另存为”对话框中,选择输出位置,然后单击“确定”

     

  4. “导出 PNG 序列”对话框中,设置所需选项。

    宽度 — 图像输出的宽度。通过更改此值可以调整输出比例。默认为元件内容的宽度。

    高度 — 图像输出的高度。通过更改此值可以调整输出比例。默认为元件内容的高度。

    分辨率 — 图像输出的分辨率。默认值为 72 dpi。

    颜色 — 图像输出的位深度。可以选择 8、24 或 32 位。默认为 32 位,支持透明度。如果您选择了不支持透明度的 24 位或 8 位,则“背景”设置将更改为“舞台”。请参阅以下内容。

    背景 — 用作图像输出背景颜色的颜色。仅当“颜色”选项设置为 8 位或 24 位时,此设置才可用。当“颜色”设置为 32 位时,图像背景将总是透明的。当“颜色”选项设置为 8 位或 24 位时,“背景”选项默认为“舞台”颜色。使用 8 位或 24 位图像时,您可以将设置更改为“不透明”,然后通过颜色选择器选择一种背景颜色。另外,还可以为背景选择一个 Alpha 值以创建透明度。

    平滑 — 在是否对图像输出边缘应用平滑操作之间切换。如果当前未使用透明背景,且放置在背景颜色上的图像不同于舞台的当前颜色,请关闭此选项。

  5. 单击“导出”导出 PNG 序列。

导出动画 GIF

您可以通过执行以下步骤导出 Animate 中的 GIF 动画文件: 

  1. 转到“文件”>“导出”>“导出动画 GIF”

    将显示对话框。 

  2. 选择所需对话框中的选项,并单击“完成”将您的对话导出为 GIF 动画文件。 

    您可以通过选择“文件”>“导出”>“导出图像”,导出静态 GIF 图像文件。

导出图像和图形 CC 库

要将您的图像或图形导出到 CC 库,请选择“窗口”>“CC 库”

将显示 CC 库窗口。 

单击 CC 库窗口左下角的“+”图标,选择图像或图形文件,然后单击“添加”

FXG 图形交换格式(Animate 中已弃用)

关于 FXG 文件

FXG 格式是适用于 Animate/Flash 平台的图形交换文件格式。FXG 基于 MXML(Flex 框架使用的基于 XML 的编程语言)的子集。FXG 格式使设计人员和开发人员可以使用较高的保真度交换图形内容,有助于他们更有效地进行协作。设计人员可以使用 Adobe 设计工具创建图形,以及将图形导出为 FXG 格式。然后,您可以在工具(如 Adobe Flash Builder 和 Adobe Flash Catalyst)中使用 FXG 文件,以开发丰富的 Internet 体验和应用程序。

创建 FXG 文件时,会直接将是矢量图形存储在文件中。FXG 中没有对应标记的元素将导出为位图图形,然后在 FXG 文件中引用这些图形。这些元素包括位图、某些滤镜、某些混合模式、渐变、蒙版和 3D。这些效果中的一些可以导出为 FXG,但无法由打开 FXG 文件的应用程序导入。

使用 FXG 导出功能导出包含矢量图像和位图图像的文件时,会随同 FXG 文件创建一个单独的文件夹。该文件夹的名称为 <filename.assets>,其中包含与 FXG 文件关联的位图图像。

有关 FXG 文件格式的详细信息,请参阅 FXG 2.0 规范

FXG 导出约束

Animate 允许选择舞台中一个或多个对象,以导出为 FXG。当导出到 FXG 格式时,会保留对象名称和图层名称。

将下列项目保存到 FXG 文件时会受到限制:

  • Scale-9 网格:可导出,但仅可由 Adobe Illustrator 读取。

  • 声音和视频:无法导出。

  • 组件:无法导出。

  • 具有多个帧的补间和动画:无法导出,但是选定的帧会作为静态对象导出。

  • 嵌入字体:无法导出。

  • 按钮元件:Animate 仅导出“弹起”状态的按钮。

  • 3D 属性:无法导出。

  • 反向运动 (IK) 属性:无法导出。

  • 文本属性:某些属性可能无法导出。

以 FXG 格式导出 Animate 内容

在 Animate 中,可通过下列两种方法以 FXG 格式导出内容:

  • 要将舞台上的对象导出为 FXG,请选择对象并选择“导出”>“导出所选内容”。然后,从“文件类型”菜单中选择 FXG 格式。

  • 要将整个舞台另存为 FXG,请选择“导出”>“导出图像”,然后从“文件类型”菜单中选择 Adobe FXG

JPEG 序列文件和 JPEG 图像

这些选项对应于 JPEG“发布设置”选项。不过,“匹配屏幕”会使导出图像显示在屏幕上时,其大小与 Animate 内容的大小相同。“匹配影片”会使 JPEG 图像的大小与 Animate 内容的大小相同并保持原始图像的高宽比。

PNG 序列文件和 PNG 图像

PNG 导出设置选项与 PNG“发布设置”选项(也可以应用这些选项)相似,只有以下几点不同:

尺寸

将导出的位图图像的大小设置为您在“宽度”“高度”字段中输入的像素值。

分辨率

以 dpi 为单位输入分辨率。要使用屏幕分辨率,并且保持原始图像的高宽比,请选择“匹配屏幕”

颜色

与 PNG“发布设置”选项卡中的“位深度”选项相同,用于设置创建图像时使用的每像素位数。对于具有 256 色的图像,请选择“8 位”;对于具有数千种颜色的图像,请选择 24‑bpc;对于具有数千种颜色并带有透明度 (32 bpc) 的图像,请选择 24 bpc Alpha。位深度越高,文件就越大。

包含

选择导出最小影像区域,或指定完整文档大小。

注意:

导出的 GIF 的尺寸被限定于一个小于 4000 像素的值。对尺寸的此限制适用于 CS6 之后的 版本。

注意:

如果选择的是“256 色”选项,则“抖动纯色”选项不起作用。这意味着,如果为 GIF 图像选定的配色方案为 256 种颜色,则不抖动该 GIF 图像。

(Animate 中已弃用)位图 (BMP) 图像

创建要在其它应用程序中使用的位图图像。“导出位图”对话框具有以下选项:

尺寸

设置导出的位图图像的大小(以像素为单位)。您指定的大小和原始图像始终具有相同的高宽比。

分辨率

设置导出的位图图像的分辨率(以每英寸点数 (dpi) 为单位),并根据绘画的大小自动计算宽度和高度。若要将分辨率设置为与显示器匹配,请选择“匹配屏幕”

颜色深度

指定图像的位深度。某些 Windows 应用程序不支持较新的 32 位/通道 (bpc) 深度的位图图像。如果在使用 32 bpc 格式时出现问题,请使用 24 bpc 格式。

平滑

对导出的位图应用消除锯齿效果。消除锯齿可以生成较高品质的位图图像,但是在彩色背景中它可能会在图像周围生成灰色像素的光晕。如果出现光晕,请取消选择此选项。

Animate 文档 (SWF)

若要将 Animate 内容放到其他应用程序(如 Dreamweaver)中,请将整个文档导出为 SWF 文件。Animate 使用 FLA 文件发布设置中的当前设置导出 SWF 文件。

通过 Adobe Media Encoder 导出高清 (HD) 视频

Animate 允许您将补间、元件和图形导出为各种格式的高清视频。视频导出功能获得了增强,实现了与 Adobe Media Encoder 无缝集成。

在 Animate 中,您可以选择 AME 支持的任何视频格式及其预设。如果您选择了相应的选项,Animate 将确保自动在 AME 中将该视频排入队列甚至进行处理。处理成功完成后,您会立即收到通知。

此外,您还可将所有场景或所需场景导出为循环,而对于特定场景,您可以导出所有帧或某个帧范围。

通过 Animate 导出的高清视频可以与启用了通信功能的应用程序一起使用,用于视频会议、流式传输及共享。

默认情况下,通过 Animate 只能导出为 QuickTime 影片 (.MOV) 文件。此导出功能要求您安装最新版本的 QuickTime Player,因为在导出 MOV 文件时 Animate 要利用 QuickTime 库。

高清视频导出工作流程已得到改进,因为 Animate 现在已经集成了 Adobe Media Encoder。它允许您将 MOV 文件转换为各种其他格式。粗略地讲,Adobe Media Encoder 已经过优化,仅提供与 Animate 内容相关的导出格式。有关使用 Adobe Media Encoder 编码和导出视频的更多信息,请参阅编码和导出视频和音频

注意:

通过 Creative Cloud 桌面应用程序安装 Animate 时,将自动安装 Adobe Media Encoder。

以前的和新的视频导出工作流程之间的差异

新的工作流程不同于 CS6 和更早版本中的视频导出工作流程。

主要不同点如下所述:

  • 集成了 Adobe Media Encoder:Animate 已经集成了 Adobe Media Encoder 7.0,而早期版本不依赖于 AME。
  • 导出格式:Animate 只能导出 QuickTime 影片。
  • 高清视频:Animate 允许您导出高清视频。

另外,CS6 工作流程有以下问题:

  • 使用 QuickTime 的 MOV 导出工作流程 容易出错且占用内存。
  • AVI 导出不支持 影片剪辑。

而 Animate 中已修复了上述问题,包括丢帧问题。使用 Adobe Media Encoder 工作流程,您可以通过 Animate 无缝地导出为 MOV 文件。使用新的基于 AME 的工作流程,您可以将 Animate 内容导出为 MOV 文件,然后使用 AME 将 MOV 文件转换为任何想要的输出。

从帧 2 开始导出

取决于时间轴的结构,导出的视频可能是以下其中任一种情况:

  1. 如果根时间轴上的帧不止一个,则导出将从第帧 2 开始。
  2. 如果根时间轴上只有一个帧,则导出将包括帧 1。
  3. 如果根时间轴上的帧不止一个且帧 1 添加了 ActionScript 或声音,则不会调用它。

导出高清视频

在开始导出之前,请执行以下操作:

  • 安装 QuickTime
  • 将帧速率设置为一个等于或小于 60 fps 的值。有关更多信息,请参阅动画基础知识
  1. 创建或打开一个现有的 FLA。

  2. 转到“文件”>“导出”>“导出视频”

    导出视频
    “导出视频”对话框

  3. “导出视频”对话框中,“呈现宽度”“呈现高度”采用为舞台大小设置的宽度和高度值。

  4. 在“导出视频”对话框中设置所需的选项:

    • 呈现大小 HW:根据要导出的分辨率配置渲染大小,取决于是导出高清视频还是普通视频。将这俩值分别设置为等于舞台宽度高度。如果您希望更改“呈现宽度”“呈现高度”值,然后请相应地修改舞台大小。Animate 会根据舞台尺寸保持长宽比。
    • 忽略舞台颜色(生成 Alpha 通道):使用舞台颜色创建一个 Alpha 通道。Alpha 通道是作为透明轨道进行编码的。这样您可以将导出的 QuickTime 影片叠加在其他内容上面,从而改变背景色或场景。
    • 在 Adobe Media Encoder 中转换视频:如果您希望使用 AME 将导出的 MOV 文件转换为一种不同的格式,请选择此选项。如果选中,则在 Animate 完成视频导出后,AME 将启动。
    • 导出视频的路径:输入或浏览至想要导出视频的路径。
    • 停止导出:指定 Animate 何时终止导出。
      • 到达最后一帧时:如果想要在最后一帧时终止,则选择此选项。
    到达最后一帧时停止导出
    到达最后一帧时停止导出

    • 停止导出:指定 Animate 何时停止导出。
      • 给定时间之后:选择此选项并指定想要在其之后终止导出的时间范围。此选项允许您分别导出视频的各个片段。
    在 1 分 15 秒之后停止导出
    在 1 分 15 秒之后停止导出

    在 3 秒后停止导出
    在 3 秒后停止导出

  5. 单击“导出”。如果您选中了在 Adobe Media Encoder 中转换视频选项,则当导出的 MOV 文件在新队列中可用时 AME 将启动。要了解使用 AME 对视频进行编码和转换的更多信息,请参阅编码和导出视频和音频

导出 SVG 序列

通过全新升级的“导出”设置,用户可以将当前时间轴导出为“SVG 序列”。单击“文件”>“导出”>“导出影片…”并在“另存为类型”中选择“SVG 序列”

导出 SVG 序列
导出 SVG 序列

将动态资源导出到视频、GIF 动画等等

Animate 具有高效的发布流程,可将动画资源导出为 GIF 动画、视频等等。想要了解如何导出您的动画?在本示例结尾观看教程并按照这些步骤操作。

  1. 单击“文件”>“导出”>“导出视频”

  2. “导出视频”对话框中,指定以下选项:

    • 渲染大小:将其俩个值分别设置为等于“舞台”“宽度”“高度”
    • 忽略舞台颜色(生成阿尔法通道):使用舞台颜色创建一个阿尔法通道。
    • 在 Adobe Media Encoder 中转换视频:将导出的 MOV 文件转换为另一种格式。
    • 停止导出:选择所需选项以终止导出。
    • 浏览:输入导出视频的路径。
  3. 单击“导出”

如何将动画资源导出为视频、GIF 动画和其他格式。

观看视频,了解如何将视频导出为 GIF 动画和其他格式。

更快、更轻松地获得帮助

新用户?