1. Socialive Support Center
  2. Articles home
  3. Socialive Studio
  4. Session Setup

Creating Graphic Overlays to Enhance and Brand Sessions

This article reviews the dimensions and styles for creating graphic overlays. Graphic overlays can include logos, customized nametags, or watermarks. 



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 a 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 for 720p and 1920x1080 px for 1080p

You can cover the entire screen with an overlay graphic sized 1280 x 720px when streaming at 720p, it is recommend to use 1920 x 1080 px when streaming in 1080p. 

 

 

Left or Right Thirds/Panels: 420x720px

Some examples of panels are 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.

  


 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article