Articulate Storyline

Emphasis Animations in Articulate Storyline 360

Articulate Storyline animations have always been minimal. You have your basic animate-in and animate-out and motion paths. In the past year or so, I have been sharing how to go beyond basic animations and videos on how Storyline uses GreenSock animations, now called GSAP animations when you publish an eLearning course. Those videos showed you how to add simple JavaScript snippets to create custom emphasis animations.

In the last couple of weeks, Storyline has released updates that make using these GSAP animations easier. These animations now include teter, grow, shake, shrink, and more. In this video, I walk you through how to get started with the emphasis animations in Articulate Storyline 360 and how to extend and customize the animations by adjusting small parts of the code. This release is a significant step toward making Storyline a more powerful eLearning development tool.