Return to site

How to add overlays on streamlabs obs

broken image
broken image

This will give you a background to line up your StreamElements overlay widgets onto so its an exact rendition of your current overlay that you are using. PRO TIP: If you are moving your overlay to StreamElements, take a fullscreen screenshot of your overlay in OBS, add an Image Widget in StreamElements, set the width and height to your resolution and drag the widget to the bottom of list of widgets. This will display the overlay asset properly and allow you to place it exactly where it needs to go. Make sure you go to the Position, Size, and Style section to change the width and height to the correct dimensions. Therefore, the asset may look small when you first apply the widget to the overlay. the small graphic was made on a 1920x1080p canvas). Sometimes, stream overlays are made in Photoshop at the stream resolution (i.e. Resizing your overlay assets can be tricky though. There are a lot of settings for each widget, so we recommend going through each setting and applying what you need to make it look great.

broken image

You can also adjust how the animation will bring the alert in and out. If you click the cog icon, you can now add your own video or image, change the volume of the alert, how it’s placed, apply custom CSS, and resize it to how you want.

broken image