InDesign Fixed Layout ePub Fade Animation

InDesign Fixed Layout ePub Fade Animation
In this tutorial, we will continue to work on our fixed layout ePub project. We will learn about the Fade animation in InDesign®.

View Sample Project Page 10

Now, we will add the toys under the tree.

  1. Click File - Place to add the three toy graphics under the tree.

  2. Select the drum and open the Animation panel.

  3. Set the Preset to Fade In, the Duration to 1 second and the Play Option to 1 time.

  4. Check the box for Hide Until Animated.

  5. Remove the On Page Load Event and click the icon next to the list.

  6. With your cursor set as a circle, click on the button graphic (see screenshot).

  7. Repeat the previous steps for the other two toys.

    Finally, let's add the train.

  8. Add the train to the outside of the page on the left side.

  9. Select the train and open the Animation panel.

  10. Set the Preset to Move Right, the Duration to 1 second and the Play option to once.

  11. Turn off the On Page Load Event. Click the icon to turn your cursor to a circle and click the button graphic (see screenshot).

  12. At this point, when the train moves on to the page, the graphic will cover the button. This makes the button non-clickable. To fix this, we will go to the Layers panel.

  13. In the Layers panel, move the button layer to the top of the list (see screenshot).

Test your animation. Click the button and the toys will fade in and then the train will move in from the left.

Extra Credit: Le't's add the Yippee sound as the train and mice move on to the page. We have done this a few times. Put the sound file on the page and move the sound file layer below the background layer in the Layers panel. In the Buttons and Forms panel, place the sound action after the three toy animations and before the train animation (see screenshot).

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.