Open a blank project.
Multi-state objects in Adobe Captivate can convert any interactive or non-interactive object to a multi-state object. In this section, you learn about how you can develop a basic multi-state interaction.
The procedures in this document require you to use assets such as images and sample Adobe Captivate project files. You can choose to use your own assets and samples. However, it is recommended that you download and extract the following zip file to your computer:
Before working with Multi-state objects in Adobe Captivate, keep these points in mind:
Let's add states to an object using the following steps:
Open a blank project.
From the Slides menu, add a Content Slide to your project.
To add objects, click assets and add a Character to your slide. You can select between CloseUp, Half, and Full character. Let's rename the state as Joe. Similarly, rename all the objects in your slide. To learn, see Rename objects in your project.
Ensure that you add assets you use in your project to the Captivate Library for the project to be able to access them.
To add a state to an object, select the character (Joe) and in the Properties inspector, click the + icon under the Object State. Enter a name for the state in the dialog that is displayed and click OK.
In the Object State section, click State View to view all the current states in your project.
You can rename objects and states in Adobe Captivate. When you add an object to your project, a dialog is displayed. Enter a name and click OK. To rename, select the object and rename at the top field of the Properties inspector.
To rename a state, select the state and click State View in the properties panel. In the state list, right-click the slide and select Rename State.
Use the following steps to add multiple states to an object in Adobe Captivate:
To add multiple states to an object, open the State View and click the +New State option in the States of panel. Rename the state in the dialog and click OK.
Add another character from the Captivate Library panel on the left of the workspace and rename it.
Follow the same procedure and add a third state. Add another character to the slide from the Library panel and rename it as John.
Once you are done adding states, click Exit State in the toolbar.
Use the following steps to add buttons to navigate and view the different states:
To add buttons, in the toolbar, click the Interaction menu and select Button.
Select the first button and open the Actions menu in the Properties inspector.
Click the On Success field and select Change State of action from the drop-down. Custom states support static and interactive objects. You can trigger them through the Change State of option.
From the next two drop-downs, select the object and the expected state you have created. Ensure to deselect Continue Playing the Project option.
If you add any Smart Shape to the slide, convert them into a button to activate the Actions option in the Properties inspector.
You can use different formatting for all the four button states. To change formatting, select a button and use the settings in the Character section of the Properties inspector.
For multi-state objects, you can choose to retain state on revisiting the slide. This is helpful when you are creating an interaction with multiple slides involved and want the selected state to be retained on revisiting the slide. For example:
To retain the state on revisit, select the multi-state object, go to the Properties Inspector, and select Retain State on Slide Revisit.
You can reset the changes you make to the states in the States View. Right-click a state and select Reset State. To delete, select Delete State. When you are done with the changes, click Exit State in the toolbar.
Now that you have tried working with multi-state objects in Adobe Captive, let's create an interesting color visualizer project. In this project, users can check how the wall looks with different colors and textures.
Here is how the final project looks like:
To create this project, use the following steps:
In a blank project, in the toolbar, click Shapes to add rectangle shape to the slide.
Let's distribute the shapes across two sections:
Add 12 rectangles each for both the sections. To add multiple rectangles, create duplicates with Cmd+D (Mac) or Ctrl+D (Win).
Select each rectangle and change the color in the Style section in the Properties inspector. Use Fill and Stroke settings to achieve the look.
Add the image of the room you are using for this project (download the assets added at the beginning of this article). To add, click Media and select Image.
After you add states to the image, exit the state view and link the shapes to their respective states. For example, match the shape with color blue with the Blue state. Now, convert the shapes to buttons to enable linking. Select a shape and in the Properties inspector, select the Use as Button option under the Style Name section.
In the toolbar, click Preview and select Project from the drop-down.
To publish your project, click Publish and choose from the different publish options.