Blog Post

Articles
3 MIN READ

7 Pro Tips for Working with Motion Path Animations in Storyline 360

SarahHodge's avatar
SarahHodge
Former Staff
5 years ago

Animations can be a powerful way to explain a concept, tell a story, or make your content memorable. Storyline 360 has a variety of animation options—including entrance, exit, and motion paths. 

With motion path animations, you can control how your objects move and bring your ideas to life. Here are some time-saving tips to help propel you forward when working with motion path animations.

1. Rename Motion Paths

When you add a motion path animation to an object in Storyline 360, a name is automatically assigned. If you plan on adding multiple motion paths, it’s a good idea to rename each one. This will make it easier to identify which motion path you’re working on when editing triggers.

2. Copy Animations

If you plan on using the same motion path animation on several objects, save time by copying the animation from one object to another using the Animation Painter. By double-clicking the Animation Painter, you can apply the same animation to multiple objects one after the other without having to click the Animation Painter over and over again. To turn it off, click it one last time or press the ESC key on your keyboard. 

Did you know? When you copy and paste an object, any animations you’ve added to the object are also copied over. So if you’re using the same object multiple times, add any animations you want to include before you copy it to save time.

3. Sync Using Cue Points

As you build content, you might change your mind about when you want your motion path animation to start. Syncing your motion path to a cue point gives you the flexibility to change the motion path timing without having to edit the trigger each time. All you have to do is drag the cue point along the timeline until the timing feels right, and the motion path will start at the new time.

4. Select the Object Path to Edit

To edit a motion path, you can select the start or end point individually using your mouse and drag the point to the desired location. If you have multiple start or end points overlapping each other, you can easily select and edit them without having to hide objects from your timeline. Simply select the line of the object path you want to edit. It will turn bright blue while the other objects and their paths will fade. Then, move the start or end point as needed.

Did you know? Another way to fine-tune a motion path is to select the start or end point of one or all of the objects and edit the X and Y coordinates. This is great for times when you need to be super-precise.

5. Change the Easing Option

By default, Storyline 360 automatically assigns an ease-in and ease-out effect to your motion paths. This controls the acceleration and deceleration of an animation. If your animation needs to move at the same pace across the screen, then you’ll want to edit the easing direction to none.

6. Orient Shape to Path  

There might be times when you need to include an object that faces a certain direction as it follows a path—for example, a car making a right turn. By selecting Orient Shape to Path, the object will always face the direction it’s moving, even when it travels on a nonlinear path.

7. Use a Relative Start Point

Perhaps you want to create an interaction where the object can move multiple times depending on the learner’s choice. For example, let’s say you created a racetrack and want the learner’s car to move forward whenever they answer a question correctly. Instead of duplicating the object and creating motion paths for each possible outcome, you can select Relative Start Point to move the object along the motion path starting from its current position.

For more ideas on how to use this feature, check out this tutorial

Did you know? You can add more than one motion path to the same object and have each begin at the new location of the object based on previous movements. 

For more ideas on how to use this feature, check out this free Storyline 360 download by Samuel Apata.

 

Motion path animations give you the flexibility to quickly create content that’ll move your learners. What tips do you have for working with motion paths? Share your ideas in the comments below.   

 

Want to try something you learned here, but don’t have Articulate 360? Start a free 30-day trial and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning.

 

Published 5 years ago
Version 1.0
  • Hi Sarah - this article is great.

    Can anyone help me to get a car to turn sharply as it does in the 'Oriented to motion path' example above?

    Many thanks
  • JanetCC's avatar
    JanetCC
    Community Member
    Thanks for the great tutorial. This has been very helpful and I've referred to it multiple times. The main issue I have when working with motion paths is the inability to easily select a motion path when it's close to or directly under another motion path.

    My teammate just experienced this issue when he created a motion path to move an object one direction. Then he copied/pasted that motion path, reversed its direction to move the object back to the original spot. He was trying to select the first motion path but can't as it's effectively buried under the second motion path.

    Do you have any suggestions or workarounds? I've watched tutorials, looked through forums but haven't found a solution.

    Thank you!
    • SarahHodge's avatar
      SarahHodge
      Former Staff
      Hey Janet! So sorry for the late reply! Just in case you still need a solution (or someone else reading this), I wanted to respond.

      You can toggle between the selected motion paths using Shift + Tab. You can see which one is selected in the Animation tab under name.
      • MilanaDamjen358's avatar
        MilanaDamjen358
        Community Member
        Hey, it's me again. I've managed to get it to work but I have to click Shift + Tab exactly three times before it toggles. Is this the same behavior you have? I can't believe that this is intended...