How to create a sense of movement in Storyline?
Nov 22, 2013
By
Helene Caura
Hi all
I have this request from a client: "We would like to use a driving analogy to take the user on a journey from the “Drivers” perspective. Ideally the images here will have some animation to them."
So I have a road and maybe a car dash board but I'm not sure how I can create an animation with a sense of movement:
I thought about adding a cow or some elements and animate them but we can't do this in Storyline. In Presenter that would be possible.
Is there a way I could "shake" the car a little bit?
Or maybe play with the clouds?
Your thoughts?
6 Replies
Hi Helene,
I recommend placing the road/sky scene in Powerpoint and apply a grow animation to it (maybe something like 115% over 10-15 seconds). Then use Powerpoint's "Save and Send to...Video" option to create a WMV. Import that into Storyline and overlay the dash.
The road/sky photo needs to be fairly high res, otherwise it will degrade as it grows larger.
Another option is to find a perspective looping road video. Insert the video as the backdrop so it appears as an ongoing "road trip." Then lay your dashboard and other elements on top.
While Steve's suggestion is certainly doable, adding a single video loop motion graphic is a quick solution.
Thank you for your suggestions. I have many screens to animate in this module, with a car accident, road signs appearing, etc., so I need to use the quickest method! The looping road video could be an option but I won't be able to overlay elements, will I? I'm also not sure where to find one.
I'm thinking I should use Presenter maybe for this project...
If you already have the large photos, you can do the Powerpoint animation-to-video-to-Storyline very quickly. I do this all the time...takes about 3 minutes apiece. If you don't have the photos yet then I would suggest using Kevin's suggestion and find looping videos. Those are likely going to look better. In either case, yes, you can overlay other visuals on top of the videos in Storyline.
Why not create the illusion of movement and action by having simple animations and the actions happening "off-screen"?
https://dl.dropboxusercontent.com/u/4349561/Winter%20Trucking%20output/story.html
Could also work with some simple "parallax" effects maybe...
https://dl.dropboxusercontent.com/u/4349561/Scrolling%20Parallax%20output/story.html
Hi Helene! Looks like you are getting great suggestions here
This discussion is closed. You can start a new discussion or contact Articulate Support.