Skip to main content

Articulate’s E-Learning Heroes Challenge #329 is Using Video Backgrounds in E-Learning. This is an example of a Rotoscoping Animation video.

Select the image below to see the Storyline demo.


To see how I created this animation demo in about 20 minutes, using Camtasia and Photoshop, select the image below.

Learn how to export video files or image sequences from Photoshop:

Authoring Tools: Camtasia 2018, Photoshop, Storyline 360


  • Kate Palmer says:

    Hi Tracy
    Thanks for your tutorial. I really like your illustrated videos.
    One thing though – I’m not a regular Photoshop user.
    In the example above with the blooming rose. After you’ve changed the video on Photoshop to poster edge, how do you then save it in a suitable format on Photoshop to import as a video into Storyline? Photoshop seems to want to save or export things as a png and if I then import it as a png into SL, of course it won’t play as a video.
    thanks so much

    • tcar2000 says:

      Thank you, Kate!

      To save the video in Photoshop, click on File, Export, then Render Video.

      Best regards,


  • Rachel says:

    Wonderful job. I’m a newbie instructional designer and a sponge, so this tutorial is so helpful. Thank you.

  • Modupe Wigwe says:

    Thank you so much for sharing Tracy. I am new to this, very passionate and totally inspired by your examples!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.