Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
One of my favorite new features of InDesign CS5 is the addition of animation. Adding animation to objects in your layout as is easy as changing the color of a frame. We're going to begin by opening up the Animation panel. I am going to go to Window > Interactive > Animation. I'm going to a select "Duration 1 week," and if I wanted to I could change the name of the object here, but I'm going to go to Preset. Presets are motion presets from Flash; think of them as canned animations. The top ones are the basic animations and the bottom ones are the more advanced animations. Let's choose Grow. When I choose Grow and mouse over the butterfly, you'll see the butterfly grow slightly.
If I want to see this animation again, I can mouse over and see the animation again. Now if you've been using InDesign for quite a few years, this butterfly might look familiar to you. The reason is this was the icon for InDesign up until CS2. Let's choose another preset. We're going to choose Move and Scale > Move Right and Grow. Next, we have an event. An event is a trigger to cause the animation. Right now, it's set to On Page Load. That means when this page loads we'll see the animation. We could choose On Page Click if we wanted to see this animation when the user clicked on the page. We'll leave it On Page Load for now.
Next, we have Duration. Duration is how long the animation takes. If I increase the Duration, it will slow down my animation. I'm going to increase the duration to 2 seconds. You can think of this Play as repeat. Do I want to this animation to repeat or play at number of times? Right now, it set at 1, which means the animation will occur once and then stop. If I want it to play multiple times, I could increase the number. If I choose Loop, it will play endlessly. Under Speed, I can add easing. Easing will slow down the animation at the beginning or end of the animation. We'll leave it at From Preset.
Underneath Properties, I have Animate. Inside Animate, there is three different options: From Current Appearance, To Current Appearance, and To Current Location. Now, these threes may seem confusing. Well, let's take a look at each of them. When I From Current Appearance, let's look at our object. There is a green motion path, which is displaying the direction that this object is going to move. Right now, my motion preset says move right and grow. Because animate is set from current appearance, it's going to start at this state, and it's going to end larger and to the right. Let's preview the animation. You can see the object started small, moved to the right, and ended large, just like we said.
Let's try some of the other options. Instead of From Current Appearance, let's choose To Current Appearance. When you choose To Current Appearance it was hard to tell, but you'll see the arrow on the motion path spun around. That means it reversed the animation. When I preview this, you'll see that it started large and to the right and shrank and moved to the left. You can think of To Current Appearance as the opposite of From Current Appearance. To Current Location moves the motion path. If I look at From Current Appearance, you can see how the motion path started at the center of the object, and it moves to the right.
If I change it to To Current Location that same motion path was moved to the right. Let's preview the animation. The animation started from the left and move to the right and grew large. Out of the three animation properties, From Current Appearance is the one you'll probably be using the most. If you ever get confused by what each of these mean, you can always choose one and preview it with the Preview panel. Next, we have Rotation. Rotation will spin the object during the duration of the animation. We can choose where it rotates from from our reference point here. Scaling can change the size of your object you can make it larger or smaller.
Because our preset has a Grow involved, this number is large. If you don't want the scaling to be proportional, you can uncheck this link. Opacity allows you to fade the animation in or fade the animation out. And finally, Visibility: we can hide the animation before or after the animation. Learning the basics of the animation panel is a great first step into the world of interactivity. Take some time to experiment with this panel, and before you know it, you'll be creating your own presentations.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 51111 Viewers
117 Video lessons · 38913 Viewers
113 Video lessons · 81634 Viewers
65 Video lessons · 11782 Viewers
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.
Your file was successfully uploaded.