How to Create a Multi-State Object Slideshow in Adobe InDesign

See Adobe InDesign: Tips and Tricks for similar articles.

The Object States Panel can create multiple versions, or states, of an object in a layout. With the addition of navigation buttons, an interactive slideshow can be produced.

This feature works the same in InDesign CS5, CS6, and CC versions.

  1. Go to the Window menu, scroll to Interactive, and choose Object States.Object States in Window Menu
  2. Using the Selection Tool, select an image frame, then go to the Object States Panel and click the Convert button at the lower right.Convert Button
  3. Highlight the Object Name field at the top of the panel and type "images".
  4. Two states are created that will be listed in the panel. It's important to be aware of which state is highlighted. Make sure the second state is selected, then go to the center of the image frame and click when the cursor changes to the hand icon to activate the content.Hand Icon in Center of Image Frame
  5. Go to the File menu and choose Place. In the dialog box, turn on Replace Selected Item and choose a different image.Place Dialog Box
  6. To add additional images, click back on the image frame, then go to the Object States Panel and click the Create New State button.Create New State in Object States Panel
  7. Repeat Steps 4–5 for the third state.
  8. Repeat Step 6, then Steps 4–5 to add as many images as needed.
  9. Next, you'll add buttons to let the viewer navigate the slideshow. Go to the Window menu, scroll to Interactive, and choose Buttons and Forms.Buttons and Forms in Window Menu
  10. Click the Buttons and Forms Panel Menu and select Sample Buttons And Forms.Buttons Panel Menu
  11. Use any right-pointing arrow button you like. To add to the layout, click and hold on the button and drag it to the page.Sample Buttons And Forms
  12. Repeat Step 11 to add a left-pointing arrow button.
  13. Sample buttons already have default actions assigned to them, so now you'll customize the action. Select the right-pointing button in the layout and go to the Buttons and Forms Panel. Name the button "Next".Buttons and Forms Panel
  14. The Go To Next Page default action is assigned. Delete it by clicking the Delete Selected Action button. Click OK on the message.Selected Action Button
  15. Create a new action by clicking the Add New Action button and choosing Go To Next State from the menu.Add New Action
  16. In the layout, select the left-pointing arrow button. Repeat Steps 13–14, naming the button "Previous".
  17. Click the Add New Action button and choose Go To Previous State from the menu.Go To Previous State
  18. Because the images multi-state object is the only interactive object on the page, it is detected by each button in the Buttons and Forms Object menu. Also note that there's a Stop at... option that can be turned on for each button.Settings for Next and Previous Buttons
  19. To export the slideshow as a SWF, go to the File menu and select Export.Export in File Menu
  20. Select Flash Player (SWF) from the Save as type menu and click Save.Export Dialog Box
  21. In the next dialog box, check Generate HTML File and View SWF after Exporting. Set Interactivity and Media to Include All, and click OK.Export Dialog Box

Related Articles

  1. Control the Indent of a Bulleted List in InDesign
  2. How to Convert Text to Outlines in Adobe InDesign
  3. How to Create a Check Box Form Field in Adobe InDesign
  4. How to Change Page Margin and Column Settings in Adobe InDesign
  5. How to Use the Scissors Tool in Adobe InDesign
  6. How to Create a Table of Contents in Adobe InDesign
  7. How to Make Custom Shapes Using the Pathfinder Panel in Adobe InDesign
  8. How to Fit Graphics to Frames in Adobe InDesign
  9. How to Add a Background to an Image in Adobe InDesign
  10. How to Print a Booklet File in Adobe InDesign
  11. How to Use Liquid Layout When Creating an Alternate Layout in Adobe InDesign
  12. How to Add a Pull Quote to a Layout in Adobe InDesign
  13. How to Use the Scale Tool in Adobe InDesign
  14. How to Create a Basic Animation in Adobe InDesign
  15. How to Use Special Characters in Adobe InDesign
  16. How to Create a Hyperlink in Adobe InDesign
  17. How to Find and Change Text Formatting in Adobe InDesign
  18. How to Export a Color-Managed PDF File in Adobe InDesign
  19. How to Make Custom Shapes Using the Polygon Tool in Adobe InDesign
  20. How to Create an SWF File from Adobe InDesign
  21. How to Create a Custom Text Wrap in Adobe InDesign
  22. How to Create a Multi-State Object Slideshow in Adobe InDesign (this article)
  23. How to Create a Stylized Numbered List in Adobe InDesign
  24. How to Place Images in Master Frames in Adobe InDesign
  25. How to Use the Rotate Tool in Adobe InDesign
  26. How to Use the Gap Tool in Adobe InDesign
  27. How to Define a Custom Text Variable in Adobe InDesign
  28. How to Insert a Microsoft Excel Table in Adobe InDesign
  29. How to Use the Shear Tool in Adobe InDesign
  30. How to Apply a Primary Text Frame in Adobe InDesign
  31. How to Add Manual Frame Breaks in Adobe InDesign
  32. How to Find and Change Object Attributes in Adobe InDesign
  33. How to Autoflow Text in Adobe InDesign
  34. How to Import Master Pages in Adobe InDesign
  35. How to Create a Combo Box Form Field in Adobe InDesign
  36. How to Edit a Style Definition in Adobe InDesign
  37. How to Create a Custom Glyph Set in Adobe InDesign
  38. How to Control Text Wrap on Different Layers in Adobe InDesign
  39. How to Apply Optical Margin Alignment in Adobe InDesign
  40. How to Create a Text Frame in Adobe InDesign
  41. How to Create Master Pages in Adobe InDesign
  42. How to Manage a Table as an Anchored Object in Adobe InDesign
  43. How to Save a Custom Workspace in Adobe InDesign
  44. How to Synchronize Book Files in Adobe InDesign
  45. How to Use the Articles Panel for Exporting to HTML in Adobe InDesign
  46. How to Add Common Elements to a Master Page Layout in Adobe InDesign
  47. How to Create a Slideshow Caption in Adobe InDesign
  48. How to Enter Special Characters in Dialog Boxes in Adobe InDesign
  49. How to Create a Clipping Path in Adobe InDesign
  50. How to Navigate the Document in Adobe InDesign
  51. How to Set Display Performance in Adobe InDesign
  52. How to Define Color Swatches in Adobe InDesign
  53. How to Import a Microsoft Word File Into Adobe InDesign
  54. How to Import Object Styles in Adobe InDesign