Morphing animation in Storyline

As Storyline now includes GSAP 3 this offers so many possibilities for great animations. GSAP has several bonus plugins with which you can animate SVG's easily. One of these is MorphSVGPlugin. With this plugin you can animate a morph from one SVG shape to another. All Storyline shapes are SVG so with some nifty Javascript tricks you can create morphing animations like seen here.

Next step for me to try is whether i can use imported elements and animate them. I do think Storyline converts images to inline SVG images, so there is no converting paths and points there...but shapes and lines in SL no problem as you can see.

Be the first to reply