How to Create a Multi-State Object Slideshow in Adobe InDesign
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.
- Go to the Window menu, scroll to Interactive, and choose Object States.
- Using the Selection Tool, select an image frame, then go to the Object States Panel and click the Convert button at the lower right.
- Highlight the Object Name field at the top of the panel and type "images".
- 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.
- Go to the File menu and choose Place. In the dialog box, turn on Replace Selected Item and choose a different image.
- To add additional images, click back on the image frame, then go to the Object States Panel and click the Create New State button.
- Repeat Steps 4–5 for the third state.
- Repeat Step 6, then Steps 4–5 to add as many images as needed.
- 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.
- Click the Buttons and Forms Panel Menu and select Sample Buttons And Forms.
- 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.
- Repeat Step 11 to add a left-pointing arrow button.
- 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".
- The Go To Next Page default action is assigned. Delete it by clicking the Delete Selected Action button. Click OK on the message.
- Create a new action by clicking the Add New Action button and choosing Go To Next State from the menu.
- In the layout, select the left-pointing arrow button. Repeat Steps 13–14, naming the button "Previous".
- Click the Add New Action button and choose Go To Previous State from the menu.
- 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.
- To export the slideshow as a SWF, go to the File menu and select Export.
- Select Flash Player (SWF) from the Save as type menu and click Save.
- In the next dialog box, check Generate HTML File and View SWF after Exporting. Set Interactivity and Media to Include All, and click OK.