Place the object you want to animate in your document.
- InDesign User Guide
- Get to know InDesign
- Introduction to InDesign
- Workspace
- Generative AI (Not available in mainland China)
- Introduction to InDesign
- Create and layout documents
- Documents and pages
- Create documents
- Work with parent pages
- Work with document pages
- Set page size, margins, and bleed
- Work with files and templates
- Convert PDFs to InDesign files in InDesign (Beta)
- Create book files
- Add basic page numbering
- Number pages, chapters, and sections
- Convert QuarkXPress and PageMaker documents
- Share content
- Understand a basic managed-file workflow
- Save documents
- Grids
- Layout aids
- Documents and pages
- Add content
- Text
- Add text to frames
- Threading text
- South-East Asian Scripts
- Arabic and Hebrew features in InDesign
- Create type on a path
- Bullets and numbering
- Insert MathML to create math expressions
- Glyphs and special characters
- Text composition
- Text variables
- Generate QR codes
- Edit text
- Align text
- Wrap text around objects
- Anchored objects
- Linked content
- Format paragraphs
- Format characters
- Typography
- Format text
- Review text
- Spell check and language dictionaries
- Add references
- Styles
- Tables
- Interactivity
- Graphics
- Color and transparency
- Text
- Find and replace
- Share
- Export, import, and publish
- Place, export, and publish
- Publish online
- Publish online dashboard
- Copy, insert graphics
- Export to Adobe Express
- Export content for EPUB
- Adobe PDF options
- Export to HTML5
- Export content to HTML (Legacy)
- Export to Adobe PDF
- Export to JPEG format
- Import SVG files
- DPS and AEM Mobile overview
- Supported File Formats
- Export and import User Settings
- Printing
- Place, export, and publish
- Extend InDesign
- Automation
- Troubleshooting
Animation effects let you make objects move in your exported files. For example, you can apply a motion preset to an image that makes it appear to fly in from the left side of the screen while shrinking and spinning. Use the following tools and panels to animate documents.
Animation panel
Apply a motion preset and edit settings such as duration and speed.
Direct Selection tool and Pen tool
Edit the path on which the animated object travels.
Timing panel
Determine the order in which objects on a page are animated.
Preview panel
View the animation in an InDesign panel.
A related type of animation you can add in InDesign is a button rollover effect. For more information, see Create buttons.
Jeff Witchel from Infiniteskills.com provides a video overview on Animating layouts.
Animate a document with motion presets
Motion presets are pre-made animations that you can apply to objects quickly. Use the Animation panel to apply motion presets and change animation settings such as duration and speed. The Animation panel also lets you specify when an animated object plays.
These motion presets are the same as those found in Adobe Flash CS5 Professional. You can import any custom motion preset created in Flash Professional. You can also save motion presets you create and use them in InDesign or Flash Professional.
-
-
In the Animation panel (Window > Interactive > Animation), choose a motion preset from the Preset menu.
-
Specify motion preset options.
-
To edit the motion path, use the Pen tool and Direct Selection tool.
-
Use the Timing panel to determine the order of the animation effects.
-
Use the Preview panel to preview the animation in InDesign.
To remove animation from an object, select the object and click the Delete icon in the Animation panel.
When certain animation effects such as Fade In are combined with a page transition or page curl, the animation may not behave as expected in the Preview panel. For example, objects that are set to "fade in" are visible while turning the page when they should start as invisible. To avoid this conflict, do not use page transitions on those pages with animation. Motion presets that may not work as expected with page transitions and page curl include Appear, Fade In, the various Fly-in presets, Zoom in 2D, and Swoosh.
Convert selected objects to a motion path
You can create animation by selecting an object and a path and converting it to a motion path. If you selected two closed paths, such as two rectangles, the path on top becomes the motion path.
-
Select the object you want to animate and the path you want to use as the motion path.
You cannot convert more than two selected objects.
-
In the Animation panel, click the Convert To Motion Path button .
-
Change the settings in the Animation panel.
Motion preset options
Motion preset options appear in the Animation panel. Click the Properties option to display advanced settings.
Name
Specify a name for the animation. Specifying a descriptive name is especially useful when setting up an action that triggers the animation.
Preset
Choose from a list of pre-defined motion settings.
Event(s)
By default, On Page Load is selected, which means the animated object plays when the page is opened. Choose On Page Click to trigger the animation when the page is clicked. Choose On Click (Self) or On Roll Over (Self) to trigger the animation when the object itself is clicked or moused over, respectively. If you create a button action that triggers the animation, On Button Event is selected. (See Add actions to buttons.) You can specify multiple events to start the animation.
If you select the On Roll Over (Self) event, you can also select Reverse On Roll Off. This option reverses the action of the animation when the mouse moves off the object.
Create Button Trigger
Click this button to trigger the animation from an existing object or button. After you click Create Button Trigger , click the object that triggers the animation. The object is converted to a button, if necessary, and the Buttons panel opens.
Duration
Specify how much time it takes for the animation to occur.
Play
Specify the number of times the animation is played, or select Loop to cause the animation to play repeatedly until it’s stopped.
Speed
Choose an option to determine whether the animation speed is a steady rate (None), starts slowly and speeds up (Ease In), or slows down at the end (Ease Out).
The following options are available when Properties is expanded.
Animate
Choose From Current Appearance to use the object’s current properties (scale percentage, rotation angle, and position) as the starting point of the animation.
Choose To Current Appearance to use the object’s properties as the ending point of the animation. Using this option is especially useful in slide shows. For example, objects that fly in from off the page can appear on the page rather than on the pasteboard, improving the appearance of the printed document.
Choose To Current Location to use the current object’s properties as the starting point of the animation and the object’s position as the ending point. This option is similar to From Current Appearance, only the object finishes in its current location and the motion path is offset. This option is especially useful for certain presets, such as blurs and fades, to prevent the object from appearing in an undesirable state at the end of the animation.
To display the proxy at the end of the motion path, click the Show Animation Proxy at the bottom of the Animation panel.
A. Object and path before animation B. From Current Appearance C. To Current Appearance D. To Current Location
Rotate
Specify a rotation angle that the object completes during the animation.
Origin
Use the proxy to specify the origin point of the motion path on the animated object.
Scale
Specify a percentage value to determine whether the object increases or decreases in size during playback.
Opacity
Choose an option to determine whether the animation remains solid (None), gradually becomes visible (Fade In), or gradually becomes invisible (Fade Out).
Visibility
Select Hide Until Animated or Hide After Animating to make an object invisible before or after playback.
Manage motion presets
You can save animation settings as motion presets that you can easily reuse in InDesign. You can also import presets from XML files that can be shared with other InDesign users.
Save motion presets for reuse
Custom presets appear at the top of the Presets menu in the Animation panel.
-
In the Animation panel, change the settings as needed.
-
Choose Save from the Animation panel menu.
-
Type a name for the preset and click OK.
Delete custom motion presets
Use the Manage Presets dialog box to delete motion presets that you’ve saved, duplicated, or imported. You cannot delete the motion presets in brackets that were installed with InDesign. When you delete a motion preset, it is deleted both from the Presets menu and from the computer.
-
Choose Manage Presets from the Animation panel menu.
-
Select the preset you want to delete, and click Delete.
Duplicate motion presets
-
Choose Manage Presets from the Animation panel menu.
-
Select the preset you want to duplicate, and click Duplicate.
Save motion presets as XML files
Saving motion presets as XML files is useful if you want to share a motion preset with other InDesign users.
When you save a motion preset as an XML file, the motion path is saved, along with the Duration, Speed, Scale, Rotate, and Opacity settings.
-
Choose Manage Presets from the Animation panel menu.
-
Select a preset and click Save As.
-
Specify the name and location of the motion preset, and click Save.
Import motion presets
You can import motion presets that have been exported from InDesign.
-
Choose Manage Presets from the Animation panel menu.
-
Click Load.
-
Double-click the .xml file you want to import.
Edit a motion path
When you select an object that has animation, the motion path appears next to the object.
A. Starting point B. Ending point
-
To edit a motion path, do any of the following:
Use the Direct Selection tool and the Pen tool to edit a motion path using the same method you use to edit a path. See Editing paths.
To create a motion path from an existing path, select a path and an object, and click the Convert To Motion Path button in the Animation panel.
To change the direction of the path, click Properties in the Animation panel, and then choose a setting from the Animate menu. (See Motion preset options.) You can also select the motion path and choose Object > Paths > Reverse Path. If you want to reverse the path without moving the object, remove the animation, reverse the path, and then redo the animation.
Use the Timing panel to change the animation order
Use the Timing panel to change the order of when animated objects play. The Timing panel lists the animations on the current spread based on the page event assigned to each animation. For example, you can change one set of animations that occur when the page is loaded, and then change another set of animations that occur when the page is clicked.
Animated objects are listed in the order they were created. Animations listed for the Page Load event occur sequentially by default. Animations listed for the Page Click event are played in sequence each time the page is clicked.
You can change the animation order, have objects play at the same time, and delay animation.
-
Choose Window > Interactive > Timing to display the Timing panel.
-
To determine whether to edit the timing of Page Load or Page Click events, choose an option from the Event menu.
Page Load and Page Click appear only if one or more items are assigned to that event.
-
To edit the timing, do any of the following:
To change the animation order, drag items up and down in the list. The top items are animated first.
To delay animation, select the item, and specify the number of seconds of delay.
To play multiple animated objects together, select the items in the list, and click the Play Together button to link the items. Shift-click to select a range of items, and Ctrl-click (Windows) or Command-click (Mac OS) to select non-adjacent items.
If you decide you don’t want one or more linked items to play together, select them and click the Play Separately button .
To play links items a specific number of times or to loop them, select all the items that are linked together, and then specify the number of times the animations play back, or select Loop.
To change which event triggers the animation, select the item and choose Reassign To On Page Load or Reassign To On Page Click.
To remove an item from the currently selected event (such as Page Load or Page Click), choose Remove Item. If the item isn’t assigned to any event, it appears in the Unassigned category, which you can choose from the Event menu.