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):
- Download the Socialive Graphics Template
- Open the template file in draw.io
- Customize each graphicÂ
- Select a specific graphic (usually a "group" of objects)
- File > Export as > PNG
- 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