Monthly Archives: September 2014

In addition to Entrance and Exit Animations, Storyline 2 now provides options to create motion path animations. Similar to what you are used to from PowerPoint, Storyline 2 provides a list of motion paths options.

Each motion path option can be customized by specifying the duration, direction, speed, etc.

Also new in Storyline 2 is the ability to trigger animations based on a condition, for example an animation starts when a button is clicked or an animation starts only when another one is finished.

I`m sure there are much more creative ways to use these new animation options, but here are some examples of motion path animations that I built for testing purposes. For future Storyline releases, I would like to see the options to precisely control start/end points, speed, easing of these motion paths. Also, the ability to name animations would go a long way to improve usability. If you want to learn more about motion path animations, check out this tutorial.

Edit 09/10/2014: I thought I translate the motion path examples into German. Für die deutschsprachige Version, klicken Sie hier.

Edit 10/2016: Here is the .story file for download.

One of the new features in Storyline 2 is the addition of slider controls. It has always been possible to create slider interactions in Storyline (as shown here and here), using hotspots, drag object and LOTS of triggers. With the new slider controls in Storyline 2, this often time-consuming process has been greatly simplified. Now, creating sliders is as simple as 1-2-3.

1. Insert a slider control

To add a slider to a Storyline project, select Insert >> Controls >> Slider

There are some standard styles available, which can be customized to look as required.

2. Specify slider parameters

To make a slider work, you need to set a few simple parameters, such as the start and end value, the slider’s initial position and the variable that contains the slider value.

3. Format the slider elements

Now you are ready to format both the slider track (the ‘background’) and the slider thumb. From the Format tab, you can select from predefined styles…

…or completely change the look&feel of the slider by applying gradients, or using images or textures to fill the background and/or thumb.

That’s it, you’re done! You can use the variable that is attached to each slider in triggers and conditions to perform state changes or even ‘move’ other sliders. Here are some examples of slider interactions that I built for testing purposes. I also added some of the new slide transitions that come with Storyline 2. If you want to learn more about slider controls, check out this tutorial. Happy sliding!

Edit 08/10/2014: I thought I translate the slider examples into German. Für die deutschsprachige Version, klicken Sie hier.