Example of OBS Overlay Twitch Overlay Logo

HOW to add OBS Overlay? – 2018 Update

Now You have seen what is StreamElements and how you can create Twitch Overlays for your Twitch Stream using Free Stream Overlay Templates and editing them with Twitch Overlay Maker. The Only Thing left to do is to add this created Twitch Overlay to your OBS Studio Software Scene as OBS Overlay.

How to add Twitch Overlay from StreamElements to OBS Studio Software Scene as OBS Overlay

Under My Overlays you can see the Overlays you copied from the Master Overlay. 

To add the Twitch Overlay to OBS Studio Software as OBS Overlay you need to get the URL for the specific Twitch Overlay. To get that:

  • Click the pencil icon to edit the overlay (Step 2)
Example of Twitch Overlay Maker - Super Themes Modify

This will open the Stream Overlay Maker view where you can get the Twitch Overlay URL For your OBS Overlay. To get that, simply:

  • Find the Overlay URL in the left (Step 1)
  • Press the small button at the end of the URL to copy the Twitch Overlay URL (Step 2)
Example of OBS Overlay Twitch Overlay URL

 

Creating Browser Source for OBS Overlay

Now that you have the Twitch Overlay URL you can open your OBS Studio Software and add the copied URL as OBS Overlay Source. To do that:

  • Open OBS Studio Software
  • Select the Scene you want to add the OBS Overlay to (Step 1)
  • Press the plus button to create a new Source (Step 2)
  • Select Browser Source (Step 3)
  • Create New Source and give it a name – Example: OBS Overlay (Step 4)
  • Make Source visible (Step 5)
  • Click OK (Step 6)
Example of OBS Overlay Twitch Overlay URL Create Browser Source 1
Example of OBS Overlay Twitch Overlay URL Create Browser Source 2

Now We can use the Twitch Overlay URL we got From StreamEelements Stream Overlay Maker.

  • Paste the copied URL (Step 1)
  • Width of the Screen – Usually for 1080p it is 1920 (Step 2)
  • Height of the Screen – Usually for 1080p it is 1080 (Step 3)
  • Change the FPS to 60 – if your GPU can run things in 60FPS (Step 4)
  • Select Shutdown source when not visible – This will Disable the source should you switch Scenes (Step 5)
  • Select Refresh Browser when Scene Comes Active – Refreshes view when you switch back to this scene. (Step 6)
  • Press OK to save changes (Step 7)

PS the new added overlay may not appear right away, so press OK and edit the source and you should see it, also it should show up on OBS Studio Software Preview view.

Example of OBS Overlay Twitch Overlay URL Create Browser Source 3

And now you have added your Twitch Overlay From Stream Overlay Maker to OBS Overlay.

Example of OBS Overlay Twitch Overlay URL Create Browser Source 4

Related Posts

Example of Twitch Panel Ideas Logo 2
If you have a Twitch Channel and you are Live Streaming your Games there, you may have noticed that you
Example of Twitch Overlay Maker - LOGO
I looked for a good Twitch Overlay Maker for quite some time. I even considered buying overlay frame from a
Example of Twitch overlay icon
What is Twitch Overlay and how can you set it up? Twitch Overlay is a second level of information on
Example of Best encoding settings for OBS Studio Software while Recording Logo
You will at times want to record your Twitch Live Stream. There is an option to get the recording of
Example of Twitch Stream Chat Source - how to use OBS Software - Streamlabs logo
Twitch Stream Chat Source is a nice addition to add to your Twitch Live Stream. To do that with OBS
Example of Stream Alerts from Twitch - how to use OBS Software - StreamLabs Logo
Stream Alerts from Twitch are Handy and nice things to have in your Twitch Live Stream. They allow you to
Example of NoCopyRightSounds - Twitch Stream Background music Source - How to Use OBS Studio Software Icon
NoCopyRightSounds as Twitch Stream Background music Source - What does it mean, how to set it up and why to
Example of OBS Countdown Plugin Snaz - how to use OBS Software - Snaz Icon
What is OBS Countdown Plugin Snaz and what is it good for? - How to add Twitch Counter Although you
Example of Twitch Stream Scenes for OBS - How to Use OBS Studio Software - OBS Icon
How to make your Twitch Live Stream better when using OBS Studio Software? Use Twitch Stream Scenes for OBS, it
Example of Twitch menu - My Twitch Stream Key icon
Where is my Twitch Stream Key? How can I use My Twitch Stream Key to setup OBS Studio for Twitch?
Example of OBS - Best Free Streaming Software setup icon
So you are thinking about what would be the best Twitch Live Stream Setup. Here is some advice to you
Example of Streamlabs app - Best Twitch Broadcasting Support Tool icon
At times when Live Streaming on Twitch using OBS or any other Live Broadcasting Tool you just wish there would

09.04.2018 – EqEST

Leave a Reply

Your email address will not be published. Required fields are marked *