阅读本文可了解 Animate CC 中的 OAM 发布。

如今您可以将 HTML5 Canvas、ActionScript 或 WebGL 格式的 Animate 内容导出为 OAM (.oam) 动画小部件文件。然后可以将通过 Animate 生成的 OAM 文件放在 Dreamweaver、Muse 和 InDesign 等其他 Adobe 应用程序中。

以 OAM 格式导出和发布动画内容

  1. 选择“文件”>“发布设置”>“OAM 包”。选择“OAM 包”复选框。

  2. “输出文件”字段中,浏览至要存储包的位置,然后输入包的名称。

  3. “海报图像”部分,选择下面一个选项:

    • 选择“从当前帧生成 (PNG)”,可从当前帧内容生成。选择“透明”,可将一个透明的 PNG 设为海报图像
    • 选择“使用此文件”,可将一个外部 PNG 文件指定为海报图像
    OAM 发布设置

为 Canvas 文档类型创建透明背景的 OAM

  1. 打开要导出的 Canvas 文档。

  2. “属性”面板中,选择舞台颜色,并将 Alpha 百分比设为 0。

  3. 使用“发布设置”中的选项发布为 OAM。 

    画布透明度

为 Canvas 文档类型创建响应式 OAM

  1. 选择“文件”>“发布设置”

  2. “基本”选项卡中,选择“使得可响应”复选框。这将确保动画的宽度、高度或两者同时做出响应,从而根据不同比例调整输出大小。结果将是遵从 HiDPI 的更为清晰鲜明的响应式输出。

    响应式缩放

  3. 使用“发布设置”中的选项发布为 OAM。 

在其他 Adobe 应用程序 (Muse) 中使用 OAM 的示例

  1. 启动 Adobe Muse 并打开要编辑的站点。

  2. Plan view(平面视图)中,双击要向其中添加动画的页面的名称。

  3. 选择 File(文件)> Place(放置),然后浏览选择站点文件夹中的 OAM 文件。

  4. 单击一次页面来放置动画。

  5. 使用选择工具将动画放置在页面需要的位置。请注意,尽管动画背景在 Muse 中似乎不透明,但在预览或发布页面时是透明的。

  6. 选择 File(文件)> Preview Page in Browser(在浏览器中预览页面)以确保动画按预期的方式显示。如果想进行更改,可返回 Muse 重新放置页面元素。观察一下 Assets(资源)面板,您会发现该 .OAM 文件现在作为一个资源列出来。 

  7. 单击 Control panel(控制面板)中的 Publish link(发布链接)。选择需要的选项,然后单击 OK(确定)发布站点更新。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略