Learn how to publish OAM files from Animate to use in your Dreamweaver or Adobe Muse projects.
export-oam-files-animate-website1408x792

Create OAM files in Animate

To publish animations in the popular OAM file format from Adobe Animate, you first create the OAM files from your project in Animate and then import the OAM files into your web layouts in Dreamweaver, Adobe Muse or InDesign.    

From Animate choose File > Publish Settings... . In the Publish Settings dialog box select OAM Package. Identify where you'd like to publish your file, and click the Publish button. When finished, click OK.

export-oam-files-animate-websitefig01

Insert the animation into your Dreamweaver layout

In Dreamweaver, select Live from the View menu to allow you to see your animation in Dreamweaver once it's in place. Next, select where you would like to place your animation and choose Window > Insert.

export-oam-files-animate-websitefig02

In the Insert panel, choose Animated Composition.

export-oam-files-animate-websitefig03

If prompted, choose where you'd like the animation to go relative to your insertion point. In this example, we've decided to Nest the animation inside the <Div> we have chosen. Next, navigate to the .OAM file you saved earlier using the Open file dialog box, and click Open.

export-oam-files-animate-websitefig04

Your animation should now appear inside your layout.

export-oam-files-animate-websitefig05

Place the animation into your Adobe Muse layout

In Adobe Muse, choose File > Place....

export-oam-files-animate-websitefig06

Navigate to the .OAM file you saved earlier using the Open file dialog box and click Open.

export-oam-files-animate-websitefig07

Your cursor should now appear with a small thumbnail of the posterframe of your animation. Decide where you would like your animation to go and click. Note that the location you click is where the upper left-hand corner of your animation will appear. If necessary, reposition your animation.

export-oam-files-animate-websitefig08

Once your animation is in its proper position, click the Preview tab to watch your animation play.

export-oam-files-animate-websitefig09
01/13/2020
Questa pagina è stata utile?