Forum Discussion
Animation in Storyline through the Morph Transition
Hello everyone, 🎉
I have some great news to share! We just released another update for Storyline 360. In Update 98, we’ve included essential fixes and new features. One of the new features we’ve included is:
- Engage learners with fluid transitions that seamlessly animate objects, shapes, and other content between slides.
Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You’ll find our step-by-step instructions here.
Please don’t hesitate to reach out if you have additional questions.
I'm adding this in here because I think it directly affects getting any new features, such as the morph transition, which we've been requesting since 2018 but does any else feel that Articulate are giving more time to their easy-win/made for beginners authoring tool 'Rise' to the detriment of Storyline?
do you want a morph animation or a morph transition ?
- morph animation (svg based) could be done with gsap (included in storyline) - not a big deal**
- but for morph transition from one slide (with any content) to each other slide (with any content) there is no solution in browser available - I know only tools which creates videos*.
* if anyone knows solutions in other programms, which works at runtime in the browser - please post the urls here in the forum
** only shape animations
Hello, isn't the gsap morph plugin a paid thing if we want to animate svg objects in storyline? Could you please share more details or anything you've morphed using gsap?
GSAP Morph is indeed a paid plugin for Javascript and GSAP. But its worth every penny.
https://360.articulate.com/review/content/a447cc04-524a-40cb-8345-aa86660f3637/review
These are only basic shapes in Storyline.
https://360.articulate.com/review/content/7b1ca052-61f3-4851-bf9e-0a50525acbb3/review
Here a similar sample of me showing some possibilities of the other plugins of GSAP.
And here some more...
https://community.articulate.com/discussions/articulate-storyline/change-an-illustrator-svg-inside-storyline-with-gsap
I do think i have a morph from 1 svg to another somewhere... will find and link that too.
Although you are partly right about GSAP morph...it can morph Storyline shapes.. as i shown in several samples... but it can also morph SVG. When you copy/paste SVG Illustrator elements to Storyline, ungroup them they will be shapes... and thus you then can use GSAP Morph on them.
Great! Two questions:
1. Where can we find your code and examples?
2. Does this require a paid subscription to a plug-in, or is this code we can use in Storyline without a plug-in (free)?
