OAM publishing for Animate CC
Use this article to learn about OAM publishing in Animate CC.

You can now export Animate content in HTML5 Canvas, ActionScript, or WebGL to OAM (.oam) animated widget files. The OAM files generated from Animate can be placed in other Adobe applications such as Dreamweaver, Muse, and InDesign.

Exporting and publishing animate content to an OAM format

  1. Select File > Publish settings > OAM Package. Select the OAM package checkbox.

  2. In the Output File field, browse for the package location and enter the package name.

  3. Within the Poster Image section, select one of the following options:

    • Select Generate from current frame (PNG) to generate from the contents of the current frame. Select Transparent to set a transparent PNG as Poster Image. 
    • Select Use this file to specify an external PNG file as a Poster Image.
    OAM publish settings

Creating OAMs with a transparent background for canvas document types

  1. Open the Canvas document you wish to export.

  2. In the Properties panel, select Stage color and set the Alpha percentage as 0.

  3. Use the options in Publish Settings to publish as OAM. 

    Canvas transparency

Creating responsive OAMs for canvas doc types

  1. Select File>Publish Settings.

  2. In the Basic tab, select Make Responsive checkbox. This ensures that the animation is responsive with reference to Width, Height, or both and resizes the published output based on various form factors. The result is a responsive, sharper and a crisper HiDPI compliant output.

    Responsive scaling

  3. Use the options in Publish Settings to publish as OAM. 

Example of using OAM in other Adobe applications (Muse)

  1. Launch Adobe Muse and open the site you want to edit.

  2. In Plan view, double-click the name of the page you want to add the animation to.

  3. Choose File > Place and then navigate to select the OAM file in your site folder.

  4. Click once on the page to place the animation.

  5. Use the Selection tool to position the animation on the page at the desired location. Note that although the animation background appears to be opaque in Muse, the background is transparent when you preview or publish the page.

  6. Choose File > Preview Page in Browser to ensure that the animation displays as expected. If there are any changes you'd like to make, return to Muse and reposition the page elements. If you look in the Assets panel, you'll notice that the .OAM file is now listed as an asset. 

  7. Click the Publish link in the Control panel. Choose the desired options and click OK to publish the site updates.