Testing and output

…Having created the animation, the next step is…to get that animation into a HTML webpage.…So far you've been shown how to add the animate run time content to…a div in the HTML page, and to an iFrame in an HTML page.…There is a third method, and this is the…one we're going to dig into in this exercise.…To get yourself started open the run.am…file in the published folder of your download.…When the file opens, select File > Publish…Settings to open the Publish Settings dialog box.…

The second choice, Animate Deployment Package is the one we are looking for.…So make sure that you've got a check mark besides it and that you deselect Web.…This package only works with Dreamweaver, InDesign and Adobe Muse.…Though it may seem to have limited use, the great advantage here is all…of the files normally output by Animate are basically…put in a box and wrapped in the OAM file.…You're going to have to determine where to put the OAM file.…There is a DreamWeaver folder located in your exercise folders.…

I'll click the Browse button and navigate to that folder.…

Resume Transcript Auto-Scroll

Author

Released

1/30/2014

CSS sprite sheets have opened up another door for web motion, allowing you to efficiently animate a series of images—anything from button states to character poses. In this quick course, Tom Green shows you how to animate a character's walk cycle by creating a sprite sheet in Flash, editing in Fireworks, and putting it into motion (and into your HTML) with Edge Animate.