One quick way to create overlay graphics is to download this Socialive Graphics Template and open it in draw.io (a free online drawing tool):

  1. Download the Socialive Graphics Template
  2. Open the template file in draw.io
  3. Customize each graphic 
  4. Select a specific graphic (usually a "group" of objects)
  5. File > Export as > PNG
  6. Use the following export settings:

Recommendations:

Full-width lower-third: 1280 x 150 px
This example shows full-width lower-third graphic

Corner bugs, Logos, or Watermarks: 150 x 150 px or 200 x200px
An example shows a logo(150px) in the upper left corner:

Full-screen overlays: 1280x720 px
You can cover the entire screen with an overlay graphic sized to 1280 x 720px

Left or Right Thirds/Panels: 420x720px

Some examples of panels in the left or right thirds.

Besides the Landscape orientation, you can also use the template to create:Square(1:1), Portrait(4:5), Full Portrait(9:16) graphics

Square (1:1) Examples

Portrait (4:5) Examples

Full Portrait (9:16) Examples

Questions?

You can reach us on the messenger button at the bottom right or email us at support@socialive.com

Keywords: watermark, water mark, graphics, overlays, templates, portrait, square, landscape

Did this answer your question?