Understanding the Basics of OBS Studio<\/strong><\/h2>\nBefore diving into the steps, it\u2019s important to understand how OBS Studio works. OBS is built around two core components:<\/p>\n
\n- Scenes<\/strong> \u2013 These are collections of sources. Think of a scene as a layout or workspace.<\/li>\n
- Sources<\/strong> \u2013 These are the individual elements that appear in your scene, such as apps, images, webcams, text, or audio.<\/li>\n<\/ul>\n
To show an app, you simply add it as a Source<\/em> within a Scene<\/em>. OBS gives you several options to capture apps, and choosing the right one depends on what kind of application you\u2019re trying to display.<\/p>\n![\"\"](\"https:\/\/emojifaces.org\/blog\/wp-content\/uploads\/2026\/03\/green-and-black-audio-mixer-video-production-dashboard-analytics-screen-colorful-interface-charts.jpg\")
\nStep 1: Create or Select a Scene<\/strong><\/h2>\nWhen you open OBS Studio, you\u2019ll see the Scenes<\/strong> panel in the lower-left corner.<\/p>\n\n- If you don\u2019t already have a scene, click the +<\/strong> button under the Scenes panel.<\/li>\n
- Name your scene (for example, \u201cApp Demo\u201d or \u201cStreaming Layout\u201d).<\/li>\n
- Click OK<\/strong>.<\/li>\n<\/ol>\n
If you already have a scene set up, simply click on it to select it before adding your app.<\/p>\n
Tip:<\/em> You can create multiple scenes for different purposes\u2014one for gameplay, one for tutorials, and another for presentations.<\/p>\nStep 2: Choose the Right Capture Method<\/strong><\/h2>\nNow comes the important part: selecting the correct way to capture your app. OBS provides three main methods:<\/p>\n
1. Window Capture (Best for Most Apps)<\/strong><\/h3>\nThis is the most common method for displaying software, browsers, productivity tools, and non-fullscreen applications.<\/p>\n
\n- Click the +<\/strong> button under the Sources<\/strong> panel.<\/li>\n
- Select Window Capture<\/strong>.<\/li>\n
- Name the source and click OK<\/strong>.<\/li>\n
- From the dropdown list, choose the app window you want to display.<\/li>\n
- Click OK<\/strong>.<\/li>\n<\/ul>\n
When to use it:<\/strong> Tutorials, coding demonstrations, PowerPoint presentations, browser windows, or productivity apps.<\/p>\n2. Display Capture (Captures Your Entire Screen)<\/strong><\/h3>\nDisplay Capture records everything on your monitor\u2014your desktop, taskbar, and any active applications.<\/p>\n
\n- Click the +<\/strong> under Sources.<\/li>\n
- Select Display Capture<\/strong>.<\/li>\n
- Choose the monitor (if using multiple screens).<\/li>\n
- Click OK<\/strong>.<\/li>\n<\/ul>\n
When to use it:<\/strong> When your app doesn\u2019t appear in Window Capture or frequently switches between windows.<\/p>\nWarning:<\/em> Viewers will see everything on your screen, including notifications and background apps.<\/p>\n3. Game Capture (Best for Games)<\/strong><\/h3>\nIf your app is a game running in fullscreen mode, Game Capture<\/strong> is the ideal choice.<\/p>\n\n- Add a new source.<\/li>\n
- Select Game Capture<\/strong>.<\/li>\n
- Choose \u201cCapture specific window.\u201d<\/li>\n
- Select your game from the dropdown menu.<\/li>\n<\/ul>\n
When to use it:<\/strong> Fullscreen games or applications that use hardware acceleration.<\/p>\n![\"\"](\"https:\/\/emojifaces.org\/blog\/wp-content\/uploads\/2026\/02\/a-black-and-white-photo-of-a-window-obs-window-capture-settings-dropdown-menu-selection-software-window-preview.jpg\")
\nStep 3: Adjust and Resize the App Window<\/strong><\/h2>\nOnce added, your app will appear in the OBS preview area. You can adjust it by:<\/p>\n
\n- Clicking and dragging the red bounding box corners to resize.<\/li>\n
- Dragging inside the box to reposition it.<\/li>\n
- Holding Alt<\/strong> while dragging to crop edges.<\/li>\n<\/ul>\n
This is especially helpful if you want to:<\/p>\n
\n- Remove unnecessary margins.<\/li>\n
- Create split-screen layouts.<\/li>\n
- Add a webcam overlay next to the app.<\/li>\n<\/ul>\n
To maintain proportions while resizing, hold the Shift<\/strong> key.<\/p>\nStep 4: Check Audio Settings<\/strong><\/h2>\nIf your app produces sound\u2014like a media player, browser video, or game\u2014you need to ensure OBS captures it.<\/p>\n
Go to:<\/p>\n
\n- Settings<\/strong> \u2192 Audio<\/strong><\/li>\n
- Under \u201cDesktop Audio,\u201d select your primary output device.<\/li>\n<\/ol>\n
You should now see audio levels moving in the Audio Mixer<\/strong> panel when the app plays sound.<\/p>\nPro Tip:<\/em> To capture audio from a specific app only, consider using tools like virtual audio cables for advanced audio routing.<\/p>\nStep 5: Optimize Resolution and Performance<\/strong><\/h2>\nShowing an app smoothly requires proper configuration.<\/p>\n
Navigate to Settings \u2192 Video<\/strong> and check:<\/p>\n\n- Base Canvas Resolution<\/strong> \u2013 Match this to your monitor resolution.<\/li>\n
- Output Resolution<\/strong> \u2013 Set this based on streaming platform requirements (e.g., 1920×1080).<\/li>\n
- FPS<\/strong> \u2013 30 FPS for tutorials, 60 FPS for games.<\/li>\n<\/ul>\n
If you experience lag:<\/p>\n
\n- Lower the output resolution.<\/li>\n
- Reduce FPS.<\/li>\n
- Close unnecessary applications.<\/li>\n<\/ul>\n
OBS can be resource-intensive, so optimizing these settings ensures smoother performance.<\/p>\n
Step 6: Layer Your Sources Like a Pro<\/strong><\/h2>\nSources in OBS behave like layers in a graphic design program. The source at the top of the list appears in front.<\/p>\n
For example:<\/p>\n
\n- App Window (bottom layer)<\/li>\n
- Webcam (above app)<\/li>\n
- Text overlay or logo (top layer)<\/li>\n<\/ul>\n
You can drag sources up or down in the Sources panel to rearrange them.<\/p>\n![\"\"](\"https:\/\/emojifaces.org\/blog\/wp-content\/uploads\/2026\/02\/cozy-home-office-setup-with-computer-monitors-obs-layout-with-webcam-overlay-app-window-layout-streaming-scene-design.jpg\")
\n
This allows you to create professional layouts for:<\/p>\n
\n- Live coding sessions<\/li>\n
- Online lessons<\/li>\n
- Product demos<\/li>\n
- Gaming streams<\/li>\n<\/ul>\n
Common Problems and How to Fix Them<\/strong><\/h2>\nApp Is Not Showing Up<\/strong><\/h3>\n\n- Make sure the app is open before selecting it.<\/li>\n
- Run OBS as an administrator.<\/li>\n
- Try switching from Window Capture to Display Capture.<\/li>\n<\/ul>\n
Black Screen Issue<\/strong><\/h3>\n\n- Check if OBS and the app use the same GPU (important for laptops).<\/li>\n
- Update your graphics drivers.<\/li>\n
- Switch capture method.<\/li>\n<\/ul>\n
Lag or Stuttering<\/strong><\/h3>\n\n- Lower encoder settings under Settings \u2192 Output<\/strong>.<\/li>\n
- Use hardware encoding (NVENC or AMD) if available.<\/li>\n
- Reduce background processes.<\/li>\n<\/ul>\n
Advanced Tips for Professional Results<\/strong><\/h2>\nOnce you\u2019ve mastered the basics, consider these enhancements:<\/p>\n
To show an app, you simply add it as a Source<\/em> within a Scene<\/em>. OBS gives you several options to capture apps, and choosing the right one depends on what kind of application you\u2019re trying to display.<\/p>\n When you open OBS Studio, you\u2019ll see the Scenes<\/strong> panel in the lower-left corner.<\/p>\n If you already have a scene set up, simply click on it to select it before adding your app.<\/p>\n Tip:<\/em> You can create multiple scenes for different purposes\u2014one for gameplay, one for tutorials, and another for presentations.<\/p>\n Now comes the important part: selecting the correct way to capture your app. OBS provides three main methods:<\/p>\n This is the most common method for displaying software, browsers, productivity tools, and non-fullscreen applications.<\/p>\n When to use it:<\/strong> Tutorials, coding demonstrations, PowerPoint presentations, browser windows, or productivity apps.<\/p>\n Display Capture records everything on your monitor\u2014your desktop, taskbar, and any active applications.<\/p>\n When to use it:<\/strong> When your app doesn\u2019t appear in Window Capture or frequently switches between windows.<\/p>\n Warning:<\/em> Viewers will see everything on your screen, including notifications and background apps.<\/p>\n If your app is a game running in fullscreen mode, Game Capture<\/strong> is the ideal choice.<\/p>\n When to use it:<\/strong> Fullscreen games or applications that use hardware acceleration.<\/p>\n Once added, your app will appear in the OBS preview area. You can adjust it by:<\/p>\n This is especially helpful if you want to:<\/p>\n To maintain proportions while resizing, hold the Shift<\/strong> key.<\/p>\n If your app produces sound\u2014like a media player, browser video, or game\u2014you need to ensure OBS captures it.<\/p>\n Go to:<\/p>\n You should now see audio levels moving in the Audio Mixer<\/strong> panel when the app plays sound.<\/p>\n Pro Tip:<\/em> To capture audio from a specific app only, consider using tools like virtual audio cables for advanced audio routing.<\/p>\n Showing an app smoothly requires proper configuration.<\/p>\n Navigate to Settings \u2192 Video<\/strong> and check:<\/p>\n If you experience lag:<\/p>\n OBS can be resource-intensive, so optimizing these settings ensures smoother performance.<\/p>\n Sources in OBS behave like layers in a graphic design program. The source at the top of the list appears in front.<\/p>\n For example:<\/p>\n You can drag sources up or down in the Sources panel to rearrange them.<\/p>\n This allows you to create professional layouts for:<\/p>\n Once you\u2019ve mastered the basics, consider these enhancements:<\/p>\n\nStep 1: Create or Select a Scene<\/strong><\/h2>\n
\n
Step 2: Choose the Right Capture Method<\/strong><\/h2>\n
1. Window Capture (Best for Most Apps)<\/strong><\/h3>\n
\n
2. Display Capture (Captures Your Entire Screen)<\/strong><\/h3>\n
\n
3. Game Capture (Best for Games)<\/strong><\/h3>\n
\n
\nStep 3: Adjust and Resize the App Window<\/strong><\/h2>\n
\n
\n
Step 4: Check Audio Settings<\/strong><\/h2>\n
\n
Step 5: Optimize Resolution and Performance<\/strong><\/h2>\n
\n
\n
Step 6: Layer Your Sources Like a Pro<\/strong><\/h2>\n
\n
\n\n
Common Problems and How to Fix Them<\/strong><\/h2>\n
App Is Not Showing Up<\/strong><\/h3>\n
\n
Black Screen Issue<\/strong><\/h3>\n
\n
Lag or Stuttering<\/strong><\/h3>\n
\n
Advanced Tips for Professional Results<\/strong><\/h2>\n