VideoScribe Help

Using animated GIFs

Last updated: 23 March 2017


This instant answer will show you how to import and use GIF images inside of your VideoScribe project.


Step 1. Locate the GIFS folder in the image library, this can be found by clicking on the add image icon on the toolbar (A).

add image to canvas.png

Step 2. You can then choose an image by searching for “GIF” in the search bar (A), or scrolling to the GIF folder (B), else you can import your own GIF images by clicking on the folder icon (C).

Please note that GIF’s with a transparent background are not suitable for VideoScribe.

GIF Image folder NEW.png

There are a number of different settings that you can change to get the effect you’re looking for.

Step 3. You can access GIF settings by placing a GIF in your scribe, clicking on it within the timeline and selecting the ‘change properties’ option (A).

The GIF properties will then be displayed.

The settings you can select and change are:

Play continuously

Ticking this box will cause your GIF animation to continue playing even after your scribe moves on to the next element in your timeline

Watch our GIF intro video to see what this looks like

Animation length

This setting changes how your GIF plays in relation to the animate time set on your GIF element:

  • Fit to time - Your GIF will perform one cycle of its animation during the total animate time.
    For example, a GIF that takes 2 seconds to animate at normal speed but has an animate time of just 1 second will animate at twice its usual speed.
  • Loop - Your GIF will continuously loop through its animation but only for the duration of the animate time.
    For example,  a 2 second GIF will play 5 times if the animate time is set to 10 seconds.

Blend effect

This setting changes how your GIF is displayed on the canvas. In the images below, the word 'Apply' is our GIF. You have 4 blend effect options:

  • Normal and Layer- your GIF will appear with a solid white background, or one that matches any texture you've added to your canvas. This will hide any elements that are positioned behind your GIF on the canvas.

  • Multiply - you are able to see the elements on the canvas behind your GIF. This is particularly useful if you have a GIF with a white background but don’t want that background to obscure the elements behind it.

  • Difference - works in the same way as multiply but displays your GIF in negative. Any other elements that appear behind the GIF will also be displayed in negative.

If you’re using a GIF that you've imported instead of one from the VideoScribe library, the way it was originally created will affect the way it plays and appears.

Read Photo Blog Stop’s guide to blend modes to get the right settings for your own GIFs.


Did you find it helpful? Yes No

Can you please tell us how we can improve this article?

Related articles