Adding and Editing StatesLast updated 669 days ago

 

Storyline allows you to add states to a variety of objects, such as images, shapes, captions, characters, and buttons.  States provide different views of the same object, which can be triggered based upon the user’s interaction with your content.

 

Opening the Timeline, States and Notes panel

To manage states in Storyline, you will need to open the Timeline, States and Notes panel.  Here’s how:

 

  1. When you're in Story View, double-click the slide you wish to edit.  Or, when you're in Normal View, select the slide you wish to edit from the left navigation pane. 
  2. Click the arrow in the lower right corner of the slide stage to expand the Timeline, States and Notes panel.
  3. Then select the States tab.

Adding states

Images, shapes, captions, and characters have one state by default.  Buttons have multiple states by default.  However, you can add more states to any of these objects.  Here’s how:

 

  1. Click the object on your slide to select it.
  2. In the States panel, click the Edit States button.
  3. Click the New State button (the icon that looks like a blank piece of paper) to create an entirely new state. Or, click the Duplicate State button (the icon that looks like two pieces of paper) to create a copy of the selected state.
  4. Assign a name to the new state, or use the drop-down list to choose one of the built-in states that Storyline provides. 
  5. Then click the Add button.
  6. If you want to modify the appearance of the new state that you just added, follow the steps in the next section of this tutorial.
  7. When you have finished adding and editing states, click the Done Editing States button.

Editing the appearance of states

You can change the appearance of any state, such as its text, shape, color, effects, placement, size, etc.  If you are editing states for a character, you can even change the expression, pose, and perspective.  Here’s how:

 

  1. Click the object on your slide to select it.
  2. In the States panel, click the Edit States button.
  3. Select the state you wish to modify, or add a new state (see the section above).  Then use the various Storyline toolbar options to make the desired changes.
  4. When you have finished editing states for the selected object, click the Done Editing States button.

If you need to reset a state to its original appearance while you are editing it, click the Reset State button.

By default, other elements on the slide will dim while you are editing states for a particular object.  If you prefer, you can uncheck the “Dim background objects” checkbox to display all elements on the slide in their normal states.  An example of why this might be useful is when you need to use the color picker to match the color of another element on the slide.

To save time while you are editing states for an object, you can use the “Editing states on:” drop-down list on the far right side of the States panel to switch to and edit other objects on the same slide.  As you scroll over the items in the list, Storyline marks them with an outline on the slide, so that you can easily see what you're selecting.  All your changes to all objects will be saved when you click the Done Editing States button.

Setting the initial state of an object

When an object has more than one state, you get to specify which state is the initial state for that object.  By default, the initial state is always Normal.  However, you can select any other state, even Hidden, as the initial state for an object.  Here’s how:

 

  1. Click the object on your slide to select it.
  2. In the States panel, use the Initial State drop-down list to select the desired state.

Note that you can select an initial state of Hidden, which means that the object will not appear until the user triggers its appearance by interacting with the published content.  To learn about triggers, check out this tutorial.

 

Deleting states

To delete a state from an object:

 

  1. Click the object on your slide to select it.
  2. In the States panel, click the Edit States button.
  3. Select the state you wish to delete, and then click the Delete State button.
  4. Acknowledge the deletion by clicking Yes.
  5. When you have finished, click the Done Editing States button.

Triggering states

To display a state in the published story based upon the user’s interaction with the content, you'll need to add a trigger.  To learn how, see this tutorial.

 

96% of people found this useful

Did you find this useful?

Sign in to rate this tutorial.

1 comments so far

Posted 819 days ago

Have a question or comment about this tutorial? Post in the Storyline forum, and we'll be happy to help! community.articulate.com/.../65.aspx