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.

  1. He exported a video to frame-by-frame shots.
  2. 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)
  3. 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
Michael Hinze

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): and here is a similar example in SL2: This kind of control and interactivity could be achieved with any bitmap sequence. 

Anne Goldenberger

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)




Mauro Gaiotto

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!

This discussion is closed. You can start a new discussion or contact Articulate Support.