A Beginners Guide to Twitch Streaming With OBS Studio

How to add images, alerts, and a webcam to your Twitch stream with OBS Studio

Man wearing glasses playing a video game on his PC
Taking your video game streaming to the next level is easier than you think. Yuri_Arcurs / DigitalVision

OBS Studio is a popular video streaming program that offers a wide range of features not found in the basic Twitch apps found on video game consoles such as the Xbox One or PlayStation 4.

Some of these features include support for alerts, the creation of "Starting Soon" or intermission scenes, a variety of audio and video sources, and layout graphics. If you've watched a Twitch stream with a colorful design or frequent new follower notifications, you've likely watched one that was streamed via OBS Studio.

Installing OBS Studio

OBS Studio is available for Windows PC, Mac, and Linux and can be downloaded for free from its official website.

  1. Visit the OBS Studio website in your browser of choice and click on the green Download OBS Studio button.

  2. Specific download options will appear for Windows, Mac, and Linux. Click the button relevant to your computer's operating system. OBS Studio is not available for smartphones or Apple's iPad family of devices.

  3. Your computer will prompt you to either save the installation file or run it immediately. Click Run to begin the installation process.

  4. After OBS Studio is installed, it should be discoverable in your regular list of installed programs. Shortcuts will have also been added to your desktop. When ready, open OBS Studio.

  5. Once open, click Profile in the top menu and select New. Enter a name for your profile. This name will not be shared with anyone else. It's simply the name of your streaming setup that you're about to create.

Connecting Your Twitch Account & Setting Up OBS Studio

To broadcast to the Twitch network under your Twitch username, you'll need to link OBS Studio to your Twitch account.

  1. Go to the official Twitch website. From the top-right drop-down menu, click on Dashboard. On the next page, click Settings on the menu on the left.

  2. Click the Stream Key.

  3. Press the purple Show Key button.

  4. Confirm the warning message and then copy your stream key (the long row of random letters and numbers) to your clipboard by highlighting it with your mouse, right-clicking the highlighted text, and selecting Copy.

  5. In OBS Studio, open Settings either from File in the top menu or the Settings button in the bottom-right of the screen. The Settings box can be quite small so feel free to resize it with your mouse after it opens.

  6. From the menu on the left side of the Settings box, click Streaming.

  7. In the pulldown menu next to Service, select Twitch.

  8. For Server, select a location geographically close to where you are now. The closer you are to the location you choose, the better quality your stream will be.

  9. In the Stream Key field, paste your Twitch stream key either by pressing Ctrl and V on your keyboard or right-clicking the mouse and selecting Paste.

Understanding Media Sources in OBS Studio

Everything you see in your OBS Studio workspace (it should be completely black when you begin a new profile) is what your viewers will see when you start streaming. Content can be added from a variety of sources to make the stream more engaging.

Examples of media sources that you can add to OBS Studio could be your video game console (such as an Xbox One or Nintendo Switch), an open program or game on your computer, your webcam, a microphone, a media player (for background music), or image files (for visuals).

Each source is added to your OBS Studio layout as its own individual layer. This is so media sources can be placed on top of or under each other to show or hide specific content. For example, a webcam is usually placed on top of a background image so the viewer can see the webcam.

Sources can have their layer order changed simply by using the Sources box on the bottom of the screen. To move a source up a layer, click on it with your mouse and drag it higher up the list. To push it under other sources, simply drag it down. Clicking on the eye icon next to its name will make it completely invisible.

Creating a Basic Twitch Stream Layout in OBS Studio

There are numerous media types and plugins that can be added to a Twitch layout and a near-infinite number of ways to display and customize them. Here's a basic introduction to the four most-popular items to add to a layout. After adding each one, you should have a good grasp of how to add additional content to your layout which can usually be done by repeating these steps and choosing a different sort of media or source.

If you're looking to create a more visually complicated layout or overlay, Photoshop can be used with OBS to create a more customized Twitch layout.

Adding a Background Image/Graphic

  1. In OBS Studio, go to Settings > Video and change both the Base and Output resolutions to 1920 x 1080. Press Okay. This will resize your workspace to the correct aspect ratio for broadcasting.

  2. Right-click on your black workspace and select Add and then Image.

  3. Name your image layer something descriptive such as "background". It can be anything. Press Okay.

  4. Press the Browse button and locate the image you want for your background on your computer. Press Okay.

  5. Your background image should now appear in OBS Studio. If your image is not 1920 x 1080 pixels in size, you can resize it and move it with your mouse.

  6. Remember to keep your eye on the Sources box in the bottom of your screen and make sure that your background image layer is always at the bottom of the list. Due to its size, it will cover all other media placed underneath it.

Other images (of any size) can be added to your layout by repeating Step 2 onwards.

Adding Your Gameplay Footage to Your Stream

To stream video game footage from a console, you'll need a capture card connected to your chosen console and your computer. The Elgato HD60 is a popular capture card with new and experienced streamers due to its price, simplicity, and high quality video and audio.

  1. Unplug your console's HDMI cable from your TV and plug it into your capture card. Connect the capture card's USB cable to your computer.

  2. Turn your console on.

  3. Right-click on your OBS Studio workspace and select Add > Video Capture Device.

  4. Name your new layer something descriptive such as "game capture" or "video game".

  5. Select the name of your capture card or device from the dropdown menu and press Okay.

  6. A window showing live footage from your console should appear in OBS Studio. Resize it with your mouse and make sure it's placed above your background layer in the Sources window.

Adding Your Webcam to OBS Studio

The process of adding a webcam to an OBS Studio is done the same way as adding gameplay footage. Simply make sure your webcam is turned on and select it from the same dropdown menu in Video Capture Device. Remember to name it something you'll remember like "webcam" and to make sure it's placed above your background.

If your computer has a built-in webcam, OBS Studio will automatically detect it.

A Word About Twitch Alerts (or Notifications)

Alerts are those special notifications that appear during Twitch streams to celebrate special events such as a new follower or subscriber, or a donation. They work differently than adding local media as the alerts are powered by third party services such as StreamLabs and must be linked to as a URL or website address.

Here's how to add StreamLabs notifications to your stream layout in OBS Studio. This method is very similar for other alert services.

  1. Go to the official StreamLabs website and log into your account as usual.

  2. Expand the Widgets menu on the left side of the screen and click on Alertbox.

  3. Click on the box that says Click to Show Widget URL and copy the revealed web address to your clipboard.

  4. In OBS Studio, right-click on your layout and select Add and then choose BrowserSource.

  5. Name your new source something unique such as "Alerts" and click Okay. Remember, you can name your layers anything you like.

  6. A new box will pop up. In this box's URL field, replace the default address with your copied URL from StreamLabs. Click Okay.

  7. Make sure this layer is at the top of the list in the Sources box so all of your alerts appear over all of the other media sources.

If you haven't already, head back to StreamLabs in your web browser and customize all of your alerts. Your alert settings in OBS Studio don't have to be updated if changes are made to StreamLabs.

How to Start a Twitch Stream in OBS Studio

Now that all of your basic settings are dealt with, you should be ready to stream on Twitch with your new OBS Studio-powered layout. Simply press the Start Streaming button in the bottom-right corner of OBS Studio, wait for the connection to the Twitch servers to be made, and you're live.

During your first Twitch stream, your audio levels from different sources such as your mic and console may be too loud or too quiet. Ask for feedback from your viewers and adjust the audio levels for each source accordingly via the Mixer settings in the lower-middle of OBS Studio. Good luck!