Livestream Studio can accept either an .mov file or a folder of images that it will continuously 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 as videos and come in through a media bin.
To keep your images’ backgrounds transparent, .PNG files are recommended if you are using an image sequence. Your .PNG files must be less than 8.3 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.
If you use an .mov file instead, be sure your video matches the same project format as your Studio project to ensure no upscaling or downscaling occurs.
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 graphics file will load in Livestream Studio and you can edit it in the same fashion as with any other graphic.
You can also add your own .png sequence or .mov file 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. Select your .mov file, or 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.
There is no way to make the sequence stop looping. A workaround for this is to add multiple still frames at the end of the desired sequence to give you time to pull the overlay out of Program before it loops again.
From there, designing the overlay 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.