Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
As we have seen throughout this course, InDesign has a lot of great features for adding interactivity to your documents. Unfortunately, some of those features are incompatible with each other, for example, page transitions and animation. It would seem natural that you might want to combine the use of these two features in the same file, but if you do, you'll probably not like the result. Let's see what happens when we combine page transitions and animation. So here is my presentation file and I can see by the presence of these circled icons that some animation has been applied. So I'll select one of them, go to my Animation panel and I can see that this Reason No.
is set to Fade In on Page Load. If I select the Text Frame, that's set to Fly in from Bottom on Page Load. Let's add some transitions to this document. So I'll go to that Page Transitions panel and right now there are none in the document, I'll select one, I'll choose push with the direction of Up, and I can preview. So each one of the pages as I navigate to it, will push up from the bottom, pushing the old page out of view. I'll click on the icon in the bottom right corner to apply this to all spreads, and now let's export this document to a SWF file.
I'll call it transitions, and in the dialog box, I'll make sure that I export All Pages, I'll Generate an HTML File, I'll View the SWF after Exporting, and for Page Transitions, I'll include those from the document, and click OK. So watch what happens when I navigate to one of my pages. Did you see that? When the page pushed up, both the number and the text were fully visible and then the animations played, the number faded in and the text came up.
Let's watch another page. So InDesign has to fully render the page for the transition and then it will play the animations that you created. Now you might think you could fix this by going back to InDesign and tweaking some of your animation settings. So let's go back to InDesign, we'll look in the Animation panel and you might think okay, well, maybe if I change the event from On Page Load to On Page Click, I'd have better control over it, or if I hid the object by changing the Visibility to Hide Until Animated, but neither one of these is going to solve the problem.
InDesign is still going to render a fully-visible version of the page and then it will play the animations. It's just the way it works. So the story here is that you can have animations and you can have a page transitions, but you can't have them at the same time. It's a frustrating limitation, but it's good to be aware of, so you don't waste time trying around it by tweaking your animation settings.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57841 Viewers
119 Video lessons · 67337 Viewers
84 Video lessons · 16686 Viewers
125 Video lessons · 29575 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.