Let's add a title and some description text to the slide.
Go to the Insert tab on the ribbon, click Text Box, then click the upper right corner of the background rectangle where you want the title to appear.
Type Main Menu in the text box, then format it as you'd like it to appear.
Now let's add another text box below the title for the description. Go to the Insert tab, select Text Box, and draw a text box below the title on your slide.
The fastest way to add placeholder text is to type =lorem() and press Enter on your keyboard. Storyline will automatically add three paragraphs of placeholder text.
Delete most of the placeholder text, then format the remaining text as you'd like it to appear.
Use the timeline to rename your text boxes and lock them in place.
Practice Activity: Create Buttons
Storyline 360 and Storyline 3 have ready-made buttons, but you can also create your own custom buttons from any shape. In this activity, we’ll use rectangles to create buttons.
Go to the Insert tab on the ribbon, click Shape, choose the rectangle, and draw a button shape on your slide below the description text.
Use the Format tab on the ribbon to remove the outline of the rectangle and fill it with a medium gray color.
Since Storyline supports object states, such as hover and visited states, we can turn simple shapes into interactive buttons. (We’ll add hover states in the next practice activity.) Select the rectangle you just added, then go to the States panel at the bottom of the screen and click Edit States. You'll see a normal state. Every object has a normal state by default.
Let's add an icon to the normal state of our rectangle. Go to the Insert tab on the ribbon, click Picture, and insert the icon-menu.png file from the Images folder in your practice files.
Resize the icon and place it near the left edge of your rectangle.
Add text to your rectangle simply by selecting it and typing. Add MAIN MENU 01 to the rectangle.
Click Done Editing States to save your changes.
Now duplicate the rectangle four times for a total of five buttons, then arrange them on the left side of your slide.
Change the text for each rectangle—01, 02, 03, etc.
Practice Activity: Add New States
We'll add some hover states to our buttons to make them truly interactive.
Select your first button, then go to the States panel and click Edit States.
Click the New State icon (looks like a blank piece of paper), select Hover from the drop-down list, and click Add.
Use the Format tab on the ribbon to change the color of the rectangle for the hover state.
Click Done Editing States.
Copy the new hover state from the first button to the others. Here’s how: Select the first button, then go to the Home tab on the ribbon, double-click the Format Painter, then click each of the other buttons. Click the Format Painter one more time to turn it off when you’re done.
Your Articulate 360 subscription comes with an ever-expanding Content Library 360 of photographic and illustrated characters with thousands of poses and expressions. (Storyline 3 comes with 40 illustrated characters and one photographic character.) Let’s add one to our slide.
Go to the Insert tab on the ribbon and click Character.
When the character browser opens, use the filters on the left edge of the screen to locate the character you want to use. Click a filter to turn it on. Click it again to turn it off. (The character browser in Storyline 3 doesn't have filters.)
Select the character you want to use, then choose a pose. And if you're using an illustrated character, you can also choose an expression and perspective (left, front, right).
Then click Insert in the lower right corner.
Crop, size, and position the character over the right side of your slide.