OBS Overlay - How to add it to your Twitch Stream on OBS? 2018 Update

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 Example of OBS Overlay Twitch Overlay Logo 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

Twitch Panel Ideas – What panels to add to your Twitch Channel?
If you have a Twitch Channel and you are Live Streaming your Games there, you may...
Read more.
HOW to add OBS Overlay? – 2018 Update
Now You have seen what is StreamElements and how you can create Twitch Overlays for your...
Read more.
What is the BEST Twitch Overlay Maker?
I looked for a good Twitch Overlay Maker for quite some time. I even considered buying...
Read more.
HOW to setup Twitch Overlay?
What is Twitch Overlay and how can you set it up? Twitch Overlay is a second...
Read more.
Best encoding settings for OBS Studio Software while Recording
You will at times want to record your Twitch Live Stream. There is an option to...
Read more.
Twitch Stream Chat Source – How to Use OBS Studio Software
Twitch Stream Chat Source is a nice addition to add to your Twitch Live Stream. To...
Read more.
Stream Alerts from Twitch – Twitch Alerts
Stream Alerts from Twitch are Handy and nice things to have in your Twitch Live Stream....
Read more.
NoCopyRightSounds – Twitch Stream Background music Source – How to Use OBS Studio Software
NoCopyRightSounds as Twitch Stream Background music Source – What does it mean, how to set it...
Read more.
OBS Countdown Plugin Snaz – How to add Twitch counter or Twitch Timer
What is OBS Countdown Plugin Snaz and what is it good for? – How to add...
Read more.
Twitch Stream Scenes for OBS – How to Use OBS Studio Software
How to make your Twitch Live Stream better when using OBS Studio Software? Use Twitch Stream...
Read more.
Where is my Twitch Stream Key? 2018 Update!
2018 Update! – Where is my Twitch Stream Key? or how to setup obs for Twitch? These...
Read more.
How to use OBS Studio Software – Twitch Live Stream Setup
So you are thinking about what would be the best Twitch Live Stream Setup. Here is...
Read more.

 

09.04.2018 – EqEST

Readers Comments (2)

  1. Thanks for finally talking about >OBS Overlay – How to add it to your Twitch Stream
    on OBS? 2018 Update <Liked it!

Leave a comment

Your email address will not be published.


*