Video frame animation tip
Sep 16, 2015
Today, Tom Kuhlmann shared a great tip during the webinar: Easy Pro Tips for Animating Content in Storyline 2, I had never considered before.
- He exported a video to frame-by-frame shots.
- Tom then imported the frames and created an object with different states from those frames (10 frames of a vid would have 10 unique states that could be switched in the object)
- Creating a slider interaction, he then produced a control: when users change slider position, it scrummed through each unique state (frame) in the object.
This opened my eyes to some interesting applications for this technique.
The first which immediately came to my mind was resuing videos that we've recorded to demonstrate a more complex process. What an effective way to break the video down to frames with precision controls to add callouts, information and more to give it more instruction, context, support information, breakdown, etc...
For me, this was the standout takeaway from this morning's webinar. As always, the webinar was filled with many gems, but this one just opened my mind to a new approach).
Anyone else importing frame by frame video for animation or other uses?
15 Replies
Here is an example of an animated 3D model that was exported as a bitmaps sequence, and then imported into states of a Storyline object (I did this in SL1): http://dev.keypointlearn.com/xcl71_SL/3D/V1/story.htmln and here is a similar example in SL2: http://dev.keypointlearn.com/xcl73_SL2/Tesla/V2/story.html This kind of control and interactivity could be achieved with any bitmap sequence.
Thanks. I tried this with a robot video. I love it!!
Make it a great day.
Alicia
Glad this help Alicia - thanks for the update.
What program did you folks use, to "Export" to frames?
Media Encoder CS6
I just looked in Adobe Premiere ELements and you can do this there as well.
With your clip in the timeline, go to Share > Computer > Image, and click Advanced...
Under Video Basic Settings, you can choose "Export as Sequence" and it will export all the frames automatically.
(I am on Adobe Premiere Elements 9)
Cool!!!
Thanks for sharing those steps Anne.
That's a very clever use of video frame and slider! Thanks for sharing David!
By the way, if you don't have a software that allows you to export frame-by-frame, you can simply use the copy-paste function:
- pause the video
- make a screenshot or use a capture the screen program
- paste it into an editing program
(personally I use "paint.NET", an improved free version of Microsoft Paint)
- adjust the size
- export the image as you need
Maybe longer, but effective!
Thanks Mauro for sharing that here and I'm glad you were able to find a method that works for you.
I like this example Michael.
Glad it helped you out David.
Done something very similar to that David but with an animated GIF.
I exported 100 frames of a spinning globe (using Adobe Fireworks) and put them into an object with 100 states, each containing the next image in the rotation sequence then use a slider to rotate the earth.
It's here if you want to take a look
Thanks for popping in to share Darren :)
Great example!
I think i will try to do something similar in one of my courses
Glad this thread will help you out Ana and thanks for the update!
This discussion is closed. You can start a new discussion or contact Articulate Support.