I need help regarding Animation in storyline 3. I want to diagonally move the object ( which can be achieved by motion paths ) and simultaneously shrink it to almost 20% of its size. Not sure how both can be done together. Can anyone help ?
I used two pictures. The first moves on a motion path and then shrinks on exit. The second picture, which is smaller, has an initial state of hidden and becomes visible when a cue point is reached. I then adjusted the cue point until the two events appear seamless.
I don't think it's possible to shrink it simultaneously, only after the path is done. (I might be wrong)
Depending of what you are doing you can maybe use the stats and change the size of the object "manually" according to the timeline. It's a kind of "hack" but worked for me in the past.
I use a slightly different technique than John. I have an object with multiple states. Each state is slightly different than the previous. I create a motion path for the object. Then a number of triggers that change the state of the object at specific time. The shrinking is not smooth unless there are a large number of steps and triggers.
I would like to see this added. Oddly, we have to hack this type of animation. I'd love to add keyframe animation similar to what can be done with graphics in Adobe Premiere.
9 Replies
I used two pictures. The first moves on a motion path and then shrinks on exit. The second picture, which is smaller, has an initial state of hidden and becomes visible when a cue point is reached. I then adjusted the cue point until the two events appear seamless.
See attachment.
Hello Tia,
I don't think it's possible to shrink it simultaneously, only after the path is done. (I might be wrong)
Depending of what you are doing you can maybe use the stats and change the size of the object "manually" according to the timeline. It's a kind of "hack" but worked for me in the past.
Dev,
I use a slightly different technique than John. I have an object with multiple states. Each state is slightly different than the previous. I create a motion path for the object. Then a number of triggers that change the state of the object at specific time. The shrinking is not smooth unless there are a large number of steps and triggers.
See attachment as a simple example.
I used a tool called Knowledge Presenter that had this built in, would love to see it in SL360 too!
https://community.articulate.com/discussions/articulate-storyline/smooth-object-transformation-using-start-end-properties
Hi Terry,
That's a great idea! Would you be up for logging a feature request to tell us more about your specific needs?
In the meantime, if there’s anything else I can do to help, please let me know!
I would like to see this added. Oddly, we have to hack this type of animation. I'd love to add keyframe animation similar to what can be done with graphics in Adobe Premiere.
An option would be to use GSAP. As its build into Storyline its as easy as selecting your image and then triggering the javascript animation...
Like this...
animateElement("cat");
function animateElement(_accName){
var element2Animate = document.querySelector("[data-acc-text='"+_accName+"']");gsap.to(element2Animate, {x: "30vw", y: "60vh", duration: 2 ,scale:0.65});
}
Sample added
Thank you Math, this is amazing!
I think that a feature request could prove helpful, if it were like the "morph" feature in PowerPoint.