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

9 Comments

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

    1. Author

      Thank you 🙂 If there is anything else you would like to know ie some article ideas, do let me know 🙂

  2. Thanks for your marvelous posting! I actually enjoyed reading it, you may be a great
    author.I will make sure to bookmark your blog and may come back in the foreseeable future.
    I want to encourage you to ultimately continue your great posts,
    have a nice day!

  3. Heya! I realize this іs ѕomewhat off-topic but Ineeded t᧐о ask.
    Does operatingg а well-established blog ⅼike yours tae ɑ massive amoᥙnt
    work? I am brand new to blogging howеvеr I do
    write in myy journal daily. Ι’ⅾ like to start a blog sso Ι ѡill be agle to share my experience аnd tһoughts online.
    Ⲣlease let me know if you һave any suggestions ᧐r
    tips for new aspiring blg owners. Ꭺppreciate іt!

  4. Hey there, You’ve done an excellent job. I’ll definitely digg it and personally suggest to my friends.
    I am sure they’ll be benefited from this web site.

  5. I’m extremely impressed with your writing skills as well as with the layout on your
    blog. Is this a paid theme or did you modify it yourself?
    Anyway keep up the excellent quality writing, it is rare to
    see a great blog like this one today.

  6. Hi! Do you use Twitter? I’d like to follow you if that would be ok.
    I’m undoubtedly enjoying your blog and look forward to new updates.

  7. Hello there, You have performed an incredible job.
    I’ll certainly digg it and for my part suggest to
    my friends. I’m sure they’ll be benefited from this site.

  8. Hello, I followed a link to your blog and I agreed with this entry in particular. . How can I find out more?|

Leave a Reply

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