Contact Us

Importing Animated Graphics

Livestream Studio can accept a folder of images that it will loop through to create an animated graphics overlay.

This feature is best for lower-third graphics and corner bugs. Larger animated graphics, such as backdrops, should be exported at videos and come in through a media bin. To keep your images’ backgrounds transparent, .PNG files are recommended.


Your .PNG files must be less than 1.5 million pixels. To determine a .PNG file's pixels, view that file's properties and multiply the height by the width. For this graphic, which has subtle animations, 1614 x 390 = 629,460 pixels.

To add an animated graphic, go to a graphics overlay channel. There are a number of templates available for free in the Livestream Graphics Store. To quickly access one, select the Animated option under Features. Scroll through the template options on the right side and click +ADD below the corresponding design.

Livestream Studio will prompt you to select where you want to save the file on your computer’s hard drive. Choose your destination and then click Select.

The graphic file will load in Livestream Studio and you can edit it in the same fashion as with any any other graphic.

You can also add your own .png sequence by selecting Create Custom Graphic > New Layer.

If you are adding a custom layer, open the designer by clicking the paintbrush icon, then click the sequence icon. Open the folder that has your .PNG file sequence and select the first file in that folder. The graphic will take a moment to render and then appear in the GFX Designer.

From there, designing the graphic follows the same procedure as designing still graphics (adding data fields, etc.).

All other functions of the graphics overlay, including adding data, changing settings, and pushing and pulling the layer are the same as other graphics.

Have more questions? Submit a request