Home / Articles / Adobe InDesign / Creating Animations in Adobe InDesign CC: Growth and Rotation

Creating Animations in Adobe InDesign CC: Growth and Rotation

Exercise-4-5 Creating custom rotations

EASY

It took me a long time to realize that I didn’t need to go through the Rotation presets to rotate objects. I had been struggling with adjusting the presets. Finally I discovered how to set the rotations directly without starting with a preset. Fortunately, you don’t have to struggle. You’ve got this book.

The finished file for this exercise is Exercise-4-5-finished.indd.

  1. Open the file Exercise-4-5-start.indt. This art contains two gears inside a man’s head (A).

    058fig01.jpg

    We want one gear to spin 360° clockwise and the other gear to spin 360° counterclockwise.

  2. If it’s not open, click the Properties disclosure triange (B) in the Animation panel to open the Properties area. This opens up the controls for custom rotation amounts.

    058fig02.jpg

    As a general rule, I always keep the Properties area open. It contains important controls for custom animations.

  3. Select the blue gear and set the Rotate field to 360° (C). This automatically applies an animation to the object.

    058fig03.jpg
  4. Set the duration to 3 seconds and set the object to loop. Use the EIP panel to preview the animation.

    The blue gear spins clockwise because positive numbers cause clockwise rotations (D).

    059fig01.jpg
  5. Select the yellow gear and repeat step 3 and step 4. But instead of a positive number, enter -360° (negative number) in the Rotate field.

    The yellow gear spins counterclockwise. Negative numbers cause counterclockwise rotations (D).

    Notice that the first gear starts 3 seconds before the second gear. This can be fixed in the Timing panel, covered in Chapter 7.

6. Exercise-4-6 Changing the rotation point | Next Section Previous Section