Home / Articles / Adobe InDesign / Introduction to Flash Animation in InDesign CS5

Introduction to Flash Animation in InDesign CS5

Article Description

Who says you need to work with Adobe Flash to create Flash content? Adobe InDesign CS5 adds a load of new features and panels that enable you to add interactivity to your documents. From motion, buttons, video, and more, Brian Wood shows how you can turn your InDesign documents into multimedia extravaganzas!

Like this article? We recommend

Adobe Illustrator CS5 Classroom in a Book

Adobe Illustrator CS5 Classroom in a Book

$43.99 (Save 20%)

Set the Animation Timing for a Spread

Set the Animation Timing for a Spread

If you add more than one animation to a page or spread, the animations play in the order in which they were created, by default. You can change this order using the new Timing panel. The Timing panel allows you not only to change the order of the animations, but add delays to the animations, and even play animations you choose at the same time. Next, you will change the order in which the animations play on the spread.

  1. With several animations on a spread, open the Timing panel by choosing Window > Interactive > Timing.
  2. In the Timing panel, notice the order of the animations. The top animation listed plays first. The name of the animations correspond to the name you set for each in the Animation panel, and only the animations on the spread currently displayed in the Document window are listed in the panel (see Figure 8).

    Figure 8 Animations for the current spread in the Timing panel.

  3. Double-click the name of an animation listed in the Timing panel. This will select the animation on the spread.
  4. Click and drag the bottom animation listed in the Timing panel to the top of the list. This order change will play the animations on the spread in the new order (see Figure 9).
  5. Figure 9 Change the order of the animations in the Timing panel.

  6. Select an animation name in the Timing panel and change the Delay value to 4 seconds. You can try any delay value you like. Preview the animations by clicking the Preview Spread button at the lower–left corner of the Timing panel. Notice that the animation you set the delay on is delayed in running in the Preview panel.
  7. Back in the Timing panel, select the same animation name, and set the Delay value back to 0 (zero).
  8. Shift–click the two animation names you created to select them both in the Timing panel. Click the Play Together button in the lower–right corner of the Timing panel. Test out the animation by clicking the Preview Spread button in the lower–left corner of the Timing panel. Notice that the animations play at the same time (see Figure 10).
  9. Figure 10 Play animations together.

4. Add a Media File (Video) | Next Section Previous Section