We will continue working on the Rotate animation in the InDesign® fixed layout ePub project.

View Sample Project Page 8

14. In the Timing panel, select all four wheels and click the Link icon at the bottom of the panel (see screenshot).

Test again, and all four wheels should start turning on page load at the same time.

Now that we have the wheels turning, it's time to animate the train but first we need to group the train and the four wheels together to work as one object.


15. In the Layers panel, select the train and the four wheels. From the top menu, click Object - Group. Rename the new group layer in the Layers panel to train (see screenshot).


16. With the train still selected, move the train to the right and off of the page.


17. In the Animation panel, set the Preset to Move Left. Set the Duration to 4 seconds and the Play option to 1 time.

Now let's make the train move when the button is click and not on page load.


18. For the Event, turn off the On Page Load and select the icon next to the menu. Your mouse cursor will turn to a circle. Click the button with your mouse, to cause the button to control the animation (see screenshot).

As we learned in the previous tutorial, the motion path for the Move Left animation is very short. Let's extend the motion path.


19. Select the motion path to get the double arrow cursor and drag the motion path over the page and off of the page to the left side. We want the train to move completely off of the page on the left (see screenshot).

Test the animation.

Now we will add the sound action to the train animation.


20. Select the button on the page. In the Button and Forms panel, name the button trainButton.


21. Still in the Button and Forms panel, click the Action plus icon to add a new action. Choose Sound from the list. Set the Sound menu option to the train mp3 sound file (see screenshot).


22. In the Timing panel, drag the train mp3 above the train animation (see screenshot).

Test again and save your work.

Extra Credit: Notice the pendulum moving inside the clock. You can create this animation with the Dance animation, which we practiced in a previous tutorial. Give it a try (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.