Join Chris Converse for an in-depth discussion in this video Creating a down-level stage and preloader, part of Creating an Animated Infographic with Edge Animate.
Now IE 7 and 8 don't support some of the animation techniques or CSS3 that we're…using in this Edge Animate composition.…So if somebody visits your site with IE 7 or 8, we want to be able to show them something.…So what we're going to do is click on the Main stage so that the Properties panel …shows us the Stage Properties and we're first going to come down here to Poster.…So what Poster does is allows us to create a snapshot of whatever's happening on the Stage.…So down the timeline let's grab the playhead and let's drag this out to the…very end of our animation, so when we get to this point here are entire infographic is in place.…
Let's come over Poster, let's click on the camera icon, we're going to come down…and Capture the current state of the Stage, click away.…What that will do is over here in the images directory, we can see now we have a Poster.png file.…So Edge Animate again created a snapshot of what we see on the Stage.…Next let's come over to Down-level Stage, click Edit.…So what we're doing inside the Down-level Stage area is we're constructing…
- Creating sprite graphics in Photoshop
- Creating a pie chart without graphics
- Adding Edge Animate fonts
- Animating text
- Stopping and starting animated symbols