The markers in Articulate Storyline 2 let you add interactivity to your slides in just a few minutes. In this tutorial, you'll learn how to add interactive markers to a map of Washington, D.C., then customize the markers using simple tools. 

If you haven't already, start by downloading the practice files. Watch this video, then follow the steps below to practice.

Practice Activity

We'll start this exercise by creating a new slide and adding a background image.

  1. Create a new blank slide.
  2. Insert the map_WashingtonDC.gif image from the Assets folder.
  3. Use the Timeline to rename it to "WashDC,"then lock it. 

Insert a Marker and Add Content:

  1. Go to the Insert tab on the ribbon and locate Markers. Select a marker style and add it near the Capitol Building.
  2. Add a title to your marker: Capitol Building
  3. Add some description text. (Type your own or copy and paste the text provided in the WashingtonDC.txt practice file.)
  4. Position the Marker Label. If you click and grab the label, you can drag it around the marker to change where it displays.
  5. You can also use the side anchors on the label to change its size.
  6. Format the text you've added in any way you like. 
  7. Preview your slide to see how it works. 

Format and Position the Marker:

  1. Relocate the marker to a position right below the Capitol Building. 
  2. Drag the label to the left so it doesn't cover up the Capitol Building.
  3. Double-click the marker to open the Marker Tools and change the Marker Fill to black. 
  4. Apply one of the black Label Styles and change the icon to a gavel icon. 
  5. Change the Animate option to Pulse.
  6. Enable the Show All on Hover option.
  7. Preview the slide. Notice the pulse animation and how the marker opens up when you hover the mouse over it. 

Create a Second Marker with Video:

Now we'll add a second marker near the Washington Monument. For this one, we’ll add a video to the label instead of text.

  1. Add a new marker to the Washington Monument.
  2. Add a title: Washington Monument.
  3. Format this marker to match the one you created above. Set the label position and marker settings as you'd like. 
  4. Double-click the marker to open the Marker Tools. Under Marker Options, click the media icon. Here you can insert pictures and videos. We’ll insert the Washington Monument.wmv video from your Assets folder.
  5. Once the video is inside the marker, you can click it to scale it.
  6. Double-click the marker to format the label to match the marker for the Capitol Building.
  7. Preview the slide.

And that's how easy it is to add and edit interactive markers. 

In the next tutorial, you'll learn how to create a drag-and-drop interaction.

Related Content