As always, your mileage may vary.Īs we mentioned, StreamElements is one of the most powerful streaming programs you can use, especially if you are using a single pc setup to stream. We recommend installing this if you feel that the amount of windows open could be condensed using this plugin. This plugin is light on the CPU, but does take a little more power away.

If you have multiple scenes, this will make it easy to identify which one you are editing. Once you have created the overlay in StreamElements, make sure to click the save button at the top right and rename it to whatever you want at the top left. 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. 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.

How to add overlays on obs