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, as needed. 

  4. Select a specific graphic (usually a "group" of objects).

  5. Navigate to File > Export as > PNG.

  6. Use the following export settings and click Export.


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), and Full Portrait (9:16) graphics

Square (1:1) Examples

Portrait (4:5) Examples

Full Portrait (9:16) Examples


Still looking for an answer?

Contact Socialive Support via live chat or email at support@socialive.us.

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

Did this answer your question?