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 o...
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});
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.
Agreed. It's not difficult to mimic the effect, it's just nowhere near as efficient. Workarounds are time-consuming and also take up timeline space (which is not always pretty to navigate in Storyline). It also can obscure screen real estate as you get into motion paths, fading new poses in and out, and so on. Finally, it doesn't look as good in the end.
