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, as needed.
Select a specific graphic (usually a "group" of objects).
Navigate to File > Export as > PNG.
Use the following export settings and click Export.
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 firstname.lastname@example.org.
Keywords: watermark, water mark, graphics, overlays, templates, portrait, square, landscape