

If your overlay isn’t showing up in the OBS preview window when you added it, then it could be because your Image Source is below your Game Capture or Display Capture Source.
OBS STUDIO WEBCAM OVERLAY PNG HOW TO
Once you’ve resized and positioned your overlay how you want it to look on your stream, then you’re all done! You’ve just learned how to add your Twitch overlay to OBS. > If you hold shift and left-click you’ll be able to resize your overlay without the aspect ratio being locked.> If you hold alt and left-click while dragging your overlay you’ll be able to crop the image.You also have a couple other left-click options when resizing your overlay: > To resize your overlay left-click and drag on any of the small red circles that are around your image.> To move your overlay left-click and drag on the image in the preview window.If you’re simply wanting to resize and move your overlay around, then here’s a quick way to do that: To resize and change the positioning of your overlay you can right-click on the actual overlay in your preview window, or on the file in your Sources tab…Īnd in the options menu that pops up when you right-clicked mouseover the Transform option and there you’ll find a bunch of options to modify your overlay. When you first add your overlay to OBS you’ll probably notice that the image is too big and/or not positioned where you’d like it. > Click here for the best OBS settings for your stream. Once you’ve found your overlay, and have it showing in your window like the screenshot below, then hit OK. *If you’re due for a new webcam overlay for your stream, then check these out. So click on the Browse button, then select your overlay wherever you have it saved on your computer.įor this example I’ve chosen to add my webcam overlay to OBS. On the next screen you’ll have the option to Browse for your overlay image file. Something like, “overlay” is a good start ).


So make sure to name it something that’ll allow you to easily identify it in your Sources tab. In this window you also have the option to name your stream overlay. Since this is your first time adding an overlay to OBS you’ll want to select the Create new option.
OBS STUDIO WEBCAM OVERLAY PNG PLUS
To do this, simply right-click anywhere within the blank space of the Sources box, then mouse-over the Add button, then left-click on the Image button that pops up.Īlternatively you can left-click on the plus icon (+) at the bottom of the Sources tab, then left-click Image in the window that pops up.Ī window will popup in OBS with the options to Create new, or Add Existing. Once you have your scene selected, you can now add your stream overlay to OBS under the Sources tab. Or if you want to create a new scene, you can right-click in the Scenes box and click Add – or click the plus (+) icon on the bottom left and click Add. Just left click on the scene, then verify that you’re on the correct scene by checking to see if that one has the blue background behind it.

If you have multiple scenes setup for your stream in OBS, then before anything you’ll want to make sure you have the scene you’re wanting to add your overlay to selected. Select the Scene You’re Wanting to Add Your Overlay to In OBS
