New 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.
If you would like learn more visit learningdojo.ninja.
Chapters
00:00 Introduction
00:43 GSAP or GreenSock
01:16 Making it easier to use GSAP
01:36 Customize Animations
01:58 Exploring the Tab Interaction
02:24 Adding on an Emphasis Animation
03:44 Working with the Animation Trigger
05:50 Emphasis Animation Options
06:37 Adding More than One Animation
08:22 Exploring Other Animations
09:51 Customizing the Animations with JS
14:14 Conclusion

[@LatinaDezyner]

Yes, I can't wait to see that video to customize even more! Excellent tutorial, as always!

[@LearningDojo]

Got a really good one coming out in 2 weeks! More accurate code for moving content.

[@LatinaDezyner]

@@LearningDojo Yay! I can't wait!🙌

[@markbrum]

Thanks Jeff - Amazing as always!

[@LearningDojo]

Glad you enjoyed it!

[@anastasiatenche7590]

You reminded me to update the Storyline and - Voila!

[@LearningDojo]

Awesome!

[@supedawg]

Very useful, Jeff!
Thank you for posting these videos. All of them have been helpful to me.

[@LearningDojo]

Great to hear!

[@marcelvanlierop]

Love the new feature!

[@LearningDojo]

Me too!

[@user-kz3vz8kb6y]

Great tutorial!

[@LearningDojo]

Thank you!

[@ratrahan]

Thanks!

[@LearningDojo]

Thank you!

[@chrismalisilver]

Thanks. Please do another on the same topic.

[@LearningDojo]

In the works!

[@djumeau]

Whoa. I did not realize that GSAP has been already embedded. Which version?

[@bander1023]

It's the basic library. He's got a couple videos on how to use it in SL that are pretty good.

[@LearningDojo]

Not sure what version it it was integrated but I think it has been awhile. I do have other videos that show how to access it via JS.

[@eos36]

Would love to see how to better customize through Java. Thanks for your work and insight. Much appreciated

[@LearningDojo]

Thank you! I have that course on my list to create.