FREEBIE - Storyline 360: Fly-in Fly-out animation

 

I recently watched a really cool animation created in go-animate(www.goanimate.com), and I thought I might be able to create something similar in Storyline - using the fly in and fly out animation.

After some experimenting, I came out with this effect which I think is pretty cool to use in your course to explain key processes, steps or even for staff introduction on on-boarding.

Since I can't apply the background music to the entire animation without the stop-start between slides, I've inserted the following code to the published story_html5 file:

<audio src="Happy.mp3" preload="auto" autoplay loop></audio>

*Happy.mp3 is your music file*

The above code must be placed before the </html>. Finally, the mp3 file must be placed in the root folder of the published folder.

I hope you like it!

DEMO

SOURCE FILE

12 Replies