Forum Discussion
Motion Paths
Hi,
This example - http://articulate-heroes-authoring.s3.amazonaws.com/Examples/Storyline/SL2/Icon-Animations/story_html5.html by Ian Monk is brilliant.
How was it even done. Can anybody suggest...
That is a brilliant demo!
It looks like it was done with a combination of various entrance animations, exit animations, and motion paths. And some of the transitions that look like shapes changing may be separate shapes.
To get keep an objects movement within a designated area, you have to put the object in a scrolling panel. The panel has to be tall enough so the scroll bar doesn't appear. But that's a great trick, for example, to make the caption-shapes only appear within the phone shape.
I suggest you start small: just recreate the different effects one at a time (rather than trying to recreate the entire sequence). That's a great way to learn about animations and timing.
