Train the Trainer E-learning Course This Thanksgiving
Share Twitter Facebook LinkedIn Google+

Control the Movement of the Objects in E-learning Courses Using Articulate Storyline

Control the Movement of the Objects in E-learning Courses Using Articulate Storyline

Articulate Storyline provides e-learning developers endless possibilities to develop instructionally sound online courses.

In this blog post, I would like to share a typical instructional requirement that we met using Articulate Storyline.

Instructional Requirement: 

There was a slide in the course with 3 images.

Instructional requirement

On clicking an image, the learner is to be taken to another slide with the corresponding image and related text.

Corresponding image and related text

When the learner clicks the Next button, he should go back to the slide with the three images. When he selects the next image, the image along with the related text should appear. Also, in this slide, a small image of his previous selection is to be visible in the upper right corner of the screen as shown below. The movement of the object (image) should be animated.

Movement of the object should be animated

Meeting the Requirement with Articulate Storyline

Let’s now see how we met this requirement.

Step 1: Create a normal slide and insert an image (or object) in the slide.

Create a normal slide Step 1

Step 2: Go to the States pane and create a new state ‘Shrink’ for the object.

Create a new state step 2

Step 3: Go to the Animation tab and add a motion path to the object.

Add a motion path to the object Step 3

Step 4: We’ve added Line motion path in the course.

Add line motion path step4

Step 5: Adjust the Line motion path position to the required position.

Adjust the position of line motion path- step 5

To avoid jerks while moving the motion path position, use the shift + arrows keys to adjust the position.

Step 6: Write a trigger to change the state of Object 1 to Shrink when the timeline reaches 2 seconds.

Write a trigger to change the state of the object - Step 6

Step 7: Write another trigger to move Object 1 Line motion path when the state of Object 1 is Shrink.

Create another trigger to move object1 Step 7

Publish or preview the course and see the output.

Publish the course

Using these simple steps, you can control the movement of objects as required in Articulate Storyline.

Hope you found this post useful. Do share your thoughts.

View eBook on Articulate Storyline for Building E-learning Courses

Share
Topics:

Subscribe to Our Blogs

Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below:

 
eLearning Learning