Forum Discussion
Animation in Storyline through the Morph Transition
Some time ago, PowerPoint came out with a transition called Morph that literally morphs shapes, colors, strokes, graphics, etc. from one slide to the next. In other words, if you build a design on one slide, duplicate the slide, and make changes to the shapes on the second slide, the Morph transition will smoothly deform the shapes from the first slide to the next.
This transition is POWERFUL for animation. I feel that small animations of this kind are especially important for a product like Storyline. In a sense, the ability to build animations is one of the key features that I feel is missing from Storyline. If Articulate would consider adding the Morph transition to Storyline, it would allow users to animate the graphics on the screen with triggers, and I believe that would open up new worlds of possibility with Storyline.
Is this something you all would consider adding to Storyline?
- BootsBandojaCommunity Member
Any news on this feature? I have several Morph transitions that I would like to import from my PowerPoint but have no way of even replicating them in Storyline.
- BootsBandojaCommunity Member
It has been three years since this was requested. Was there any action? Or even a workaround?
- RamadanElsayedCommunity Member
+1
- MathNotermans-9Community Member
As im doing some work in Powerpoint at the moment, and using the Morph transition continuously, i do have to clarify something that for sure might lead to confusion. As stated by Microsoft themselves: 'The Morph transition allows you to animate smooth movement from one slide to the next'.
What does it do ? It moves elements from pos A to pos B in a transition. It changes rotation, alpha and other aspects when doing that. When an element on one of the slide is not present it fades it in.
Right... can we do that with Storyline. Yes we can !!!!
Not as intuitive as in Powerpoint but you can make it happen. With Motionpaths or the use of GSAP and some proper planning you can make it happen. - FernMcCrackenCommunity Member
I’m intrigued! What is GSAP?
- LoriMerriam-411Community Member
Please add my vote as well. I see that this suggestion was posted 4 years ago. I hope it is made it to the roadmap.
- MathNotermans-9Community Member
To prove the statement i made above...that with proper planning and GSAP you can make Powerpoint Morph animations happen in Storyline i challenge you all. Attach a Powerpoint made with a Morph transition to this post, and i will show how to get that done in Storyline.
- GabrielleLid784Community Member
Hi Math, I would love to see how you do this with GSAP. Here's a rough PPT with some morphs in it :-)
- MathNotermans-9Community Member
Challenge accepted Gabrielle :-)
Quick first animation of one of the morphs...
https://360.articulate.com/review/content/f7b10fa8-30ce-4a72-8f33-e01d34f2681a/review
Imported all the slides into Storyline.
Then picked the first one and quickly made a function to move and fade 1 of the elements. I am gonna make a video showing this in more detail, but for now first quick setup.
Gonna continue with this in the weekend and make all work with GSAP.
Added the Story and more to follow.
Quick run through of the code...The 3 elements i renamed to 'char 01', 'cloud 01','pos 01'. Specifically using numbers so i can use it for all elements by passing a number as argument to the function.
animateCloud(argument);
Then in the function i get the proper elements and their x and y values. Both start and end.
And finally 3 lines of GSAP code, hiding the start position element for the cloud and animating both cloud and character with a gsap.fromTo( )gsap.set(pos01, {autoAlpha:0});
gsap.fromTo(cloud01, {x:startX,y:startY}, {duration: 2,x:endX,y:endY});
gsap.fromTo(char01, {autoAlpha:0}, {autoAlpha:1, duration: 2});
- DeirdreBradl892Community Member
Hi. Kudos for the obvious knowledge and accomplishment, but I think a key point is being lost here.
It is not that Storyline cannot be manipulated to simulate and produce a Morph function. It is that MS provides that function as a single button push, whereas look at all the steps you had to take to produce an equivalent effect.
I, and I think others, do not have the bandwidth to go through this amount of work for one simple aspect. The request is to have this made a single, simple feature that could be easily employed.
- RonaldKerkhoffCommunity Member
I'm a newbie in working with Articulate and the most important feature I miss is morph!! I'm using it a lot in PowerPoint presentations but now I'm making an elearning module with articulate and I can tell you I really miss this feature.
I believe when this feature would be added in Articulate this would strengthen the position of Articulate on the elearning market.
Be aware that not every user are requesting feature enhancements. If it is not there or they cannot use it, users are not using it anymore or they are go to other products e.g PowerPoint or other elearning tools to create there simple animation with morph, as I have read already in some posts here.
My question is therefore. Has this feature placed on your backlog, and when can we expect that the morph functionality will be in articulate? Some of the users are already waiting for years to get clarity on this subject.
- GethynHudsonCommunity Member
Can you Morph in storyline yet?