Contact Us My Activity Community

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 +Add Custom Layers > 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

5 Comments

  • Avatar
    Luke Fragello

    Is it possible to turn off the loop feature for an animation? Thank you!

  • Avatar
    Emily

    Hi Luke,

    Not at this time, no. That's a great idea though, such as transitioning in a graphic. I'll add this as a feature request for our developers. Thanks for the suggestion!

  • Avatar
    .

    Please add the option to turn it off!! thanks a lot!

  • Avatar
    CJ Oden

    I second that! Please add the option to turn it off.

  • Avatar
    Gutierre Filmes

    Let us know when you add the feature to turn it off.

Please sign in to leave a comment.