Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
InDesign's handling of animation is not nearly as robust as Flash, but the animations that InDesign can produce do transfer quite well. Right now, we are looking at an exported SWF InDesign and we want to find out where some of the animations are occurring. If I go to the last spread, you are going to see we have a series of animations of these snowboarders kind of sliding in from the edge. So let's jump over to Flash, and inside Flash we are going to move playhead scrub over to the last frame where we can see the last spread. Now what I want to do is modify some of these animations to make them a little more complicated. I am going to double-click to go into the spread and I am going to click again to select this red snowboarder.
When I double-click on him, I am going to be able to see the actual motion path. If I play with the scrub head, you can see he slides over time to his final position. Well if I want to modify this, when I mouse over the motion path, my cursor changes to show a little curve, which means I can click and drag and bend this path. Now, if I play with the scrub head, you can see he slides in as a slight curve. Now if I want to modify this further, if I select this motion path, I can go to a new panel called the Motion Editor. Inside the Motion Editor I have a series of controls that will let me add complicated properties to the motion itself.
Down here I am going to come to Skew X, and I am going to changes its value from 0 to 70. When I do this, you'll see the image skews to 70 degrees. If I change the playhead, you can see it stays the same throughout the duration of the entire animation. What I want to do is move this playhead to the end and I am going to come here and add a little diamond which is called a keyframe. When I click on this, I am going to set this at 0, which means the last frame is going to set him back to being a normal image. Now over time, he'll slowly fade from being skewed to being normal.
We are going back to our timeline and on the last frame, I am going to add a Stop command, because I want this animation to stop. So I'll double-click on Stop at This Frame, and now I have a Stop command. Now I know that there are series of animations on this page. I need to add stop commands in each of those. Otherwise those animations will play endlessly. So I am going back to this spread, and I am going to double-click to select this animation. I am going to slide all the way over, go to my Code Snippets, and double-click on Stop at This Frame. Then I'll repeat this process for the other animations. I have got this guy.
I'll drag him over, double-click and stop this frame, and then the last one is a kind of hidden. Inside this exported SWF, we saw those tiny snowboards slide in from up here. If I click over here, you can see it's kind of hidden. The reason it's hidden is it started out transparent and slowly faded in. That's why I want to look at the exported SWF, so I know that I saw an animation up there. I'll double-click and select this one. I can drag it over to the end and then I'll add a Stop at This Frame. Now that I have this finished, we can test our movie.
We can jump to last frame. You are going to find yourself making more complicated animations with motion editor. Don't forget that you can share these animations between Flash and InDesign. For more information on sharing these animations, watch the video on motion presets in the next chapter.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.