By default, InDesign’s animations will play on page load, in the order in which they were created. But you can use the Timing panel to exert some control over the order and timing of animations, as demonstrated in this video. Linking animations and setting delays are shown. Also, the effect of cutting and pasting objects on animation timing is demonstrated.
- [Instructor] InDesign's animations, by default, will play on page load in the order in which they were created. Now that might be what you want, but if it's not, you can use the timing panel to exert some control over the order and timing of animations. Let's see how it works. In our exercise file, we have a page that could be used in a presentation and it's a list of the eight reasons it's great to study at the Roux Academy, and I'd like to animate this list so the reasons appear one at a time in sequence. For that, they need to be separate objects, which is why I have eight separate text frames here instead of just one.
So I'll select all the frames with my selection tool, and I'll go to the animation panel and apply the preset fade in, and now I'll preview the page by clicking the button at the bottom of the animation panel, press play to play the preview, and they come in one by one, but there's a couple problems here. State-of-the-Art Facilities and Word-Class Teaching come in last. Now why is that? It's because InDesign isn't using the position of the frames on the page to set the order of the animations.
It's using the order in which these frames were created, and when I made this list, I added World-Class Teaching and State-of-the-Art Facilities last. The problem for this animation is that InDesign still knows that those were the last frames created, so they fade in last. So to fix this problem, I'll use the timing panel. I'll close the preview panel, open timing, and in the timing panel, I can see my animations listed in the sequence in which they'll play, and sure enough, World-Class Teaching and State-of-the-Art Facilities are last here.
So I'll just click and drag where I want them. So I want World-Class Teaching at the top so it plays first, and if you can't drag it all the way to the top, just drag the next one below it. So World-Class Teaching is first, State-of-the-Art Facilities should be fourth, and let's preview again, and we can do that right here in the timing panel. Press play. And now I get the sequence that I want. This idea of timing being set by the order in which objects were created is important to remember since you can disrupt the timing of your animations by doing things like cutting and pasting objects.
For example, if I cut the frame containing Inter-Disciplinary Study and paste it in place, it'll look just the same on the page, but check out the timing panel. See how it's last in the order now? So again to fix it, I have to drag it into the right order, which would be second, right under World-Class Teaching. Another useful thing I can do with the timing panel is to set delays. If I were using this page in a slide presentation and talking over these points as they appeared, I'd want them to slow down a bit, so to do that, I'll first select them in the timing panel, click the first and then shift-click the last to select them all, and then I can apply a delay right here.
By default, the delay is zero, so each animation plays immediately after the one before it, and I can select the delay and change it to one second and press return or enter to apply that. I'll preview again, play the preview, and now there's a one second pause between the end of one animation and the start of the next one. Another thing you can do in the timing panel is to link animations so they play together. So if I wanted list items to appear in pairs say, rather than one by one, I can select two of them and click on the chain link icon at the bottom of the panel.
So I could select these first two, click this icon to make them play together. I'll do the same for the next two, and the next two, and the last two. I'll also have to remove the delays set on the second item in each pair. So I'll change one to zero, press return or enter, and do the same for each of the second items in these pairs. Now I can preview again, and you can see those pairs play together now.
To unlink animations, you can select them and click the play separately button. So here we saw how to use the timing panel to make a sequence of animations play in the order that we wanted. We also saw how to link animations so they play at the same time and how to control the timing of animations with delays.
- Overview of interactive document types, including PDF and EPUB
- Creating interactive objects
- Setting up hyperlinks, cross-references, and a table of contents
- Working with media
- Publishing documents with Publish Online
- Creating EPUBs
- Following workflows for interactivity: interactive PDF, reflowable EPUB, and fixed-layout EPUB