Forum Discussion
Animation in Storyline through the Morph Transition
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?
- Jürgen_Schoene_2 years agoCommunity Member
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
- AbhishekTriv4302 years agoCommunity Member
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?
- MathNotermans-92 years agoCommunity Member
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.
- MathNotermans-92 years agoCommunity Member
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.
- BarbaraJacobs-12 years agoCommunity Member
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)?