No history yet

Scene Composition

Crafting Your Digital Stage

Think of your screen as a stage. In OBS or Streamlabs, every stream layout starts with a Scene. A Scene is like a container for all the visual elements you want to show your audience. For a reaction video, you'll typically have at least two Scenes: one for your intro or 'Just Chatting' moments, and another for the reaction itself.

Let's build the main reaction scene. In the 'Scenes' panel, click the '+' icon to create a new scene and name it something intuitive, like 'Reaction Layout'. Now, this scene is a blank canvas. We need to add our visual elements, which are called Sources. The two most important sources are your camera feed and the content you're reacting to.

First, add your camera. In the 'Sources' panel, click '+' and select 'Video Capture Device'. Give it a name like 'My Webcam' and choose your camera from the device list. Don't worry about its size or position yet. Next, add the content you're reacting to. This is where you have a few options.

Source TypeBest ForWhy?
Window CaptureReacting to a single application, like a web browser or media player.Isolates the specific window. Even if you move other windows on your screen, only the selected one will be visible to your audience.
Display CaptureShowing your entire desktop.Captures everything on a specific monitor. Useful for tutorials or when you need to switch between multiple applications seamlessly.
Media SourceReacting to a video file saved on your computer.Plays the video file directly within OBS, giving you playback controls (pause, play, loop) within the software itself.

For most web-based reaction content, 'Window Capture' is the safest and cleanest choice. Add it as a source, name it 'Reaction Content', and select the specific browser window playing your video. Now you have two sources in your scene: the content and your webcam.

Layering and Refining Your Look

In the 'Sources' list, the order matters. Think of it like a stack of papers. Sources at the top of the list appear in front of sources lower on the list. This is often called the Z-order. Make sure your 'My Webcam' source is above the 'Reaction Content' source. If it's not, just drag it to the top. Now you should see your face on top of the video content.

Lesson image

Your webcam feed probably has more background than you want. You can crop it non-destructively. Select the webcam source in the preview window. Now, hold down the Alt key (or Option on Mac) and drag the little red squares on the border of the source. You'll see the edges turn green as you crop away unwanted parts, creating a tighter, more professional shot of just you. After cropping, you can release the Alt key and resize the entire source by dragging the corners as usual.

Position your cropped webcam feed in a corner where it won't obstruct important parts of the content. A classic picture-in-picture is born.

To take it a step further, you can use filters. Right-click your webcam source and select 'Filters'. This opens a new world of possibilities. If you have a green screen, this is where you'll add a Chroma Key filter. Click the '+' under 'Effect Filters', select 'Chroma Key', and use the default settings. If you see some green spilling around your edges, you can adjust the 'Similarity' and 'Smoothness' sliders until your background is perfectly transparent.

No green screen? No problem. If you have a modern NVIDIA graphics card (RTX 20-series or newer), look for the 'NVIDIA Background Removal' filter. It uses AI to remove your background with impressive accuracy, no special equipment needed.

Another useful tool is the 'Color Correction' filter. If your webcam looks a little dull or the colors seem off, add this filter to adjust properties like contrast, brightness, and saturation. Small tweaks here can make your camera feed look much more vibrant and high-quality, helping you stand out from the background content.

Now that you've got your main reaction scene set up, you can duplicate it and modify it for other purposes. Right-click your 'Reaction Layout' scene and select 'Duplicate'. Name the new one 'Just Chatting'. In this new scene, you can make your webcam source much larger, or even full screen, for when you're talking directly to your audience before or after the reaction.

Ready to see how well you've mastered the digital stage? Let's test your knowledge.

Quiz Questions 1/5

In OBS or Streamlabs, what is the fundamental container that holds all the visual elements like your camera and content for a specific layout?

Quiz Questions 2/5

To crop your webcam source without resizing it, you should select the source and hold down which key while dragging the handles?

With these building blocks, you can create a dynamic and professional-looking layout. Experiment with different source arrangements and filters to develop a unique style that fits your content and personality.