InDesign Fixed Layout ePub the Motion Path

InDesign Fixed Layout ePub the Motion Path
We will continue to work on the Move Left animation in InDesign®. Take a look at the sleigh after applying the Move Left animation. As you can see, there is a green line over the center of the graphic (see screenshot). This is the motion path and the graphic will follow this path. But as it is now, the path is very short and not long enough to make the sleigh move across the window and off of the page. We can change this.

View Sample Project Page 5

  1. Select the motion path and your cursor will change to a double arrow. Select the left end of the motion path with the double arrow. Drag the motion path across the page and off of the page to the left.

  2. Now let's put the sleigh graphic between the two background graphics.

  3. In the Layers panel, drag the sleigh graphic below the window drapes background graphic (see screenshot).

  4. Test your animation.

  5. You should see Santa's sleigh move across the sky through the window. At this point, the animation begins when the page loads. But we want to add an interactive button to the animation, so that the reader can control the animation.

  6. Click File - Place and add the interactive button graphic to the page. Position the button below the area where the text will be visible.

  7. Select the sleigh graphic and open the Animations panel again. In the Events section, turn off the On Page Load and select the icon to the right of the pop-up menu. Your cursor will turn to a circle.

  8. Click the new button with the circle cursor.

  9. In the Buttons and Forms panel, rename the button SantaButton (see screenshot).

  10. Now the Move Left animation will not occur until the button is clicked. Test your animation.

    The second animation for this page will be an Appear animation that will make the text of the poem and the narration button appear after Santa flies across the window and off the page.

  11. Turn on the visibility of the poem text.

  12. First we need to group the poem text layer, the mp3 sound file layer and the narration button layer together in the Layers panel. This will let us animate these three objects together as one item (see screenshot).

  13. In the Layers panel, select the NarrationButton layer, the mp3 sound file layer and the poem text layer. From the top menu, click Object - Group. Name the new layer Narration & Text.

  14. With the group layer still selected, open the Animation panel again.

  15. Set the Preset to Appear.

  16. Turn off the On Page Load Event and click the icon next to the menu.

  17. Click the interactive button on the page below the text.

Test your animation. The text and narration button should appear after Santa leaves the page.

Back

Index - InDesign Fixed Layout ePub

© 2024 Adobe Systems Incorporated. All rights reserved. Adobe® product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Illustrator, InDesign is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.





RSS
Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map





Content copyright © 2023 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.