how to add streamelements overlay to streamlabs obs

If you have other features that you think we should include, make sure to leave a comment down below.One of the most important and creative things new streamers like to bring into their stream, is the unique additon of overlays. The possibilities for fully customized overlays with coding are totally possible in StreamElements. While we went over the basics of StreamElements, there is a ton of extra features that you can do like custom widgets with CSS/HTML/Java. You’ll never have to worry about something being deleted or not available ever again! Adding the StreameElements Overlay Link to OBS is super quick as well. You save on a huge amount of CPU resources and have instant access to all of your stream assets in case something happens to your computer. 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 streamelements overlay to streamlabs obs