adding streamelements overlay to OBS studio

How to Add Overlays to OBS from StreamElements?

Overlays are an inseparable part of an engaging live stream. That’s what sets software-enhanced streams apart from regular ones.

While streaming can technically be done at the push of a button, the outcome looks rather basic.

With a software encoder, you can add various elements before the video content is sent over the internet to input a live streaming platform like Twitch, Youtube, Facebook, or another.

Overlays are transparent widgets you see flying around in people’s live streams. If a chatbox and alerts embellish a stream but are not part of the game, it’s safe to say that they are overlays manually added by the streamer.

To use them, you must first install a software encoder. This time, it will be OBS Studio because it’s one of the most powerful open-source options available.

How to add overlays to OBS from StreamElements? We’ll touch on it, but let us introduce you to this amazing service first.

Why do I need StreamElements?

StreamElements provides live streaming tools, including overlays, themes, alerts, etc.

It facilitates the creation of overlays that you can later import to OBS Studio.

The perk of using this service is that it’s cloud-based, meaning that everything occurs in the cloud, so there’s no need to fear that it will wreak havoc on your system.

When all is said and done, you’ll be given a link. This link can be used to add a source to OBS.

Already, people know that the software will not use a lot of CPU power. Combined with StreamElements, your PC will be in tip-top shape.

As a result, more resources can be allocated for other demanding tasks. All it takes to edit and retrieve overlay assets is a web browser.

Just so you know, OBS Studio isn’t the only program where StreamElements overlays can be imported to.

XSplit, Streamlabs Desktop, and other programs that add browser sources also fit the bill.

Get started with StreamElements

  1. To take advantage of all the features, you need to log in to your account. The ‘Sign Up’ button is on the top right corner if you don’t have one yet.

  1. After signing in, you’ll see the dashboard that looks like the picture above. There’s a wide selection of menus here, such as themes, tipping settings, bot settings, and more. To play around with overlays, the ‘My Overlays’ section is located on the left sidebar, anyway.

  2. Click ‘Create Blank Overlay,’ you’d prompted to choose the overlay resolution. Please set it per the screen resolution. Try 720p or 1080p, and then click the start button if you’re unsure about that.

  3. To change the label, type in the new name into the field on the top left of the screen.

  1. Click on the blue ‘+’ button to include components in the blank editor. There are several choices, like text, image, video, slideshow, etc.

  2. Add as many components as you want to the set. Once you’re done editing, click on the ‘Save’ button. The assets will be compressed into a single package with a unique URL. To copy that, click on the ‘Chain’ icon.

How to add StreamElements overlay to OBS

  1. After you’ve got the link to the new overlay, launch OBS Studio.
  2. Create a new scene or if you want to use the existing one, highlight it with the pointer. And then add a new source to it.
  1. Click on the ‘+’ sign under sources, select ‘Browser’ from the list.
  2. Tick the ‘Create New’ option and label it, click ‘OK’.
  3. Next, you’ll see settings for the new browser source. Paste the link into the ‘URL’ box, and then set the resolution. You can also clear the Custom CSS box if leaving it to a problem. Click ‘OK’; the overlay will now be part of the current scene.

Does StreamElements work with OBS?

OBS.Live actually points to the platform’s commitment to providing a better experience to gamers. It is a plugin for OBS Studio that alters how the dock appears by incorporating new elements like chat and activity feed.

Considering the plugin is made with OBS Studio in mind, we don’t think this needs further confirmation.

So, in a nutshell, yes, OBS.Live does work with the live streaming software.

How do I import StreamElements overlay?

We’ve put together the tutorial for you. All you do is create an overlay using StreamElements.

When it’s complete, you’ll obtain a unique link that you can distribute to various software programs, including OBS Studio.

Just find a section in each program that allows you to import assets from third-party sources.

Regarding OBS Studio, this option lies in the ‘Sources’ section. If it’s still unclear to you, please watch this video for reference:

Is StreamElements better than Streamlabs (OBS/Desktop)?

StreamElements is not a replacement for Streamlabs desktop.

One is a software encoder, while the other is a tool for overlay creation and handling other interactive parts of a live stream.

In other words, they’re not really comparable. If you’re looking for a program to design your first live stream, Streamlabs OBS is the way to go.

But if you need arresting overlays to outfit the stream, then StreamElements is the answer.

Summing it up

Now that you know how to add overlays to OBS from StreamElements, is the service worth a try?

For all the benefits it has to offer, it’s undoubtedly the ultimate choice for those wanting attractive overlays that don’t hog up on PC resources.

As noted earlier, all the processes take place in the cloud. It will provide you with links you can copy and paste easily into any software encoder you use.

Those assets are readily accessible all the time, and they’ll also remain intact even if your computer is dealing with a hardware problem.

Above all else, this method of hosting files in the cloud helps keep CPU usage to a minimum.

You can rest assured that no matter how crowded the scene with overlays is, the impact on PC performance should be minimal.