In this video we’re going to take an in-depth look at each source that OBS studio offers. The version I’m showing currently is OBS Studio with Browser installer. You can download it in the description below if needed.
So first, let’s talk about what sources and scenes are. A source is basically a certain type of input that’s captured inside of OBS. They can images, videos, webcam captures, game captures and much more. A scene is a collection of sources - we’ll get more into scenes after the next video.
In OBS we’ll see the scenes here on the bottom left, and the sources next to it. In our default scene, I’m going to show you what each source looks like and talk about what we can use them for. A big difference between OBS Classic and OBS Studio, is that Studio basically treats all sources as ‘global sources’. Meaning they’re always running unless we tell them otherwise. More on that in a bit.
To add a source we can click the plus icon, or just simply right click, go to Add and then select our source. Let’s start with adding an image source. When adding a source we’ll always be prompted to create a new one or to use an existing one. Using an existing one will be very useful for things like webcams, or game captures, that will be shown in different scenes.
Under Create New, let’s name this watermark, and hit OK. For an image there aren’t many options - we can click browse and find the image we’re going to add in. I’m going to select a semi-transparent image I created of the Nerd or Die logo called watermark, before I click okay, you might notice the “Unload image when not showing” check box. If we select this box, it will tell the source to not be loaded if we’re on a different scene. For purposes of this series, don’t worry about this option at the moment. Let’s hit Ok. The image we selected is now in the preview area. This area represents what will be shown on our stream. So, if I hit “Start Streaming” right now, viewers would see a black screen with my logo on it.
Let’s talk about positioning the source for a moment. These position techniques will work with all sources, so keep them in mind for future videos. With the source selected we can simply click and move it where we’d like. If we want to resize it, we can click a point of this red bounding box and drag it to resize the image. What if we want to position or transform it in different ways. We can right click the source and let’s go to transform. Edit transform contains some advance techniques for sizing and positioning, which we’ll cover in later videos. Reset Transform, or Ctrl+R will reset our source to its original size. We can use the rotate options here to rotate any source. Flip horizontal and vertical can also be very useful as well. Fit to screen screen will make your source take up the maximum size of the preview area, while keeping the sources proportions or aspect ratio. Stretch to screen will stretch the source to fill the entire preview area with your source, and disregard aspect ratios. I’m going to reset the transform, and then select Center to screen, or hit ctrl+d, and you’ll see my source snap to the exact center of the screen. If we move our source a little bit by clicking and dragging it, we can then use the arrow keys to slightly nudge our sources into more precise positions.