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.
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.
View Sample Project Page 10
Now, we will add the toys under the tree.
- Click File - Place to add the three toy graphics under the tree.
- Select the drum and open the Animation panel.
- Set the Preset to Fade In, the Duration to 1 second and the Play Option to 1 time.
- Check the box for Hide Until Animated.
- Remove the On Page Load Event and click the icon next to the list.
- With your cursor set as a circle, click on the button graphic (see screenshot).
- Add the train to the outside of the page on the left side.
- Select the train and open the Animation panel.
- Set the Preset to Move Right, the Duration to 1 second and the Play option to once.
- Turn off the On Page Load Event. Click the icon to turn your cursor to a circle and click the button graphic (see screenshot).
- In the Layers panel, move the button layer to the top of the list (see screenshot).
Repeat the previous steps for the other two toys.
Finally, let's add the train.
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.
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.

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.