OAM 发布

上次更新日期: 2023年5月24日

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

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

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

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

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

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

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

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

打开要导出的 Canvas 文档。

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

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

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

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

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

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

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

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

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

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

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

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

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

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