October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan NowOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
DocumentaryTube
Admit one · Blog

How to Make Clean Graphics for Your Live Stream

Create clean live-stream graphics by designing for your OBS canvas and output, exporting with suitable transparency, and carefully layering and reviewing each source.
Opened Runtime4 min Written byDocumentaryTube Team
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Clean live-stream graphics are simple overlays that support the content without obscuring it. Choose only the labels or frames viewers need, size the layout for your OBS canvas and stream output, export with the right transparency format, then arrange and check the layers in OBS Studio.

1. Decide what the graphic needs to do

Start with the stream, not the decoration. A webcam frame, a short name or social handle, or an intermission message may be useful; extra borders and labels can compete with gameplay, a presentation, or the camera view. Keep the main content area open and place graphics where they do not cover important material.

There is no universally established minimum font size, contrast ratio, or maximum screen coverage for an overlay. Judge legibility in the actual composition and at the size viewers will receive, rather than relying on a generic template rule.

2. Design for your OBS canvas and output

Before positioning an overlay, check both resolution settings in OBS Studio. Base (Canvas) Resolution is the working area where sources are fitted; Output (Scaled) Resolution is the resolution used for the stream or recording. If the output is scaled, fine text and thin lines may look different at delivery size, so review the design at that size as well.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Sale
Elgato Stream Deck MK.2 Studio Controller, 15 Macro Keys
  • 15 Customizable LCD Keys: instantly control your apps, tools and platforms.
  • One-Touch Operation: trigger single or multiple actions, launch social posts, adjust audio, mute mic, turn on lights, and much more.
  • Visual Feedback: know that your command has been executed.
  • Powerful Plugins: Elgato 4KCU, OBS, Twitch, YouTube, Twitter, Discord, Spotify, Philips Hue, and many more.
  • Hotkey Actions: streamline your film editing, music production, photography workflow, etc.

There is no single overlay pixel dimension that suits every stream. Build for your composition and canvas, then verify the result in OBS. For webcam frames and bars, match the shape to the feed and layout. Elgato lists 16:9, 4:3, 9:16, and 1:1 as common webcam overlay proportions.

3. Choose an export format that handles transparency

  • Static transparent graphic: Export as PNG. Elgato specifies PNG for static overlays that need transparency.
  • Animated transparent graphic: Elgato recommends WEBM when the animation needs to reveal video beneath it.
  • MP4 export: Canva’s overlay page offers PNG or MP4, but an MP4 option does not by itself establish that the file has an alpha channel. Check the export behavior for your specific workflow before relying on transparency.

For a graphic that does not need transparency, choose an export that suits how you will use it. Whatever format you choose, inspect the exported file before adding it to a live scene.

Rank #2
Sale
Elgato Stream Deck +, Audio Mixer and Studio Controller
  • Tactile Control, Visual Feedback: LCD keys, touch strip, and dials for audio, video, lighting, and more; Know that your command has been executed
  • Fully Customizable: Use as an audio mixer, studio controller, production console, etc
  • Multi Actions, Smart Profiles: trigger multiple actions at once or sequentially, automatically switch between interface configurations for different apps
  • Powerful Plugins: Elgato Wave Link, Camera Hub, Control Center, OBS, Twitch, YouTube, Twitter, Discord, Spotify, Philips Hue, and many more
  • Stream Deck App and Store: drag and drop setup, download plugins, icons, thousands of royalty-free tracks, SFX, and more; Regular updates and new plugins frequently added

4. Build and layer the scene in OBS Studio

OBS scenes are made from sources such as images, text, browser pages, and captured video. In the Sources list, items higher in the list appear in front of items below them. You can position, resize, and crop sources in the preview, or adjust source transforms for more precise placement.

  1. Create or select a scene. Keep the graphic elements for a particular layout together in the scene where you will use them.
  2. Add the background or main content source. This might be a captured game or a background image, depending on the scene.
  3. Add the overlay assets. Add image or text sources, and use a browser source when the overlay is web-rendered, such as an alert or chat box.
  4. Set the stacking order. Place the background or captured content below the elements that should appear in front. Drag sources in the list to correct an unexpected overlap.
  5. Position and size each layer. Use the preview to place elements; crop or resize a source as needed, then check that the primary content remains visible.

Example: a “Be Right Back” scene

OBS’s official tutorial builds this intermission scene with a background image, a separate image containing transparent text, and a game capture source. The important part is the layer order: adjust the sources so the background, message, and captured content appear as intended. You can adapt the same approach to an intermission card by using a suitable background and keeping the message as a separate layer.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
Elgato Stream Deck XL Advanced Studio Controller, 32 Keys
  • Advanced Live Production: easily control your favorite tools and platforms.
  • 32 Customizable LCD Keys: instantly trigger unlimited actions with a tap.
  • Powerful Integrations: Elgato 4KCU, OBS, Twitch, YouTube, Twitter, Discord, Spotify, Philips Hue, vMix, VoiceMod, and more.
  • One-Touch Operation: change scenes, launch media, switch cameras, tweak lighting, adjust audio, post tweets – anything.
  • Visual Feedback: know that your command has been executed.

5. Review the composition before going live

  • Check that transparent parts reveal the intended video or background rather than an opaque block.
  • Confirm that the source order is correct and no label or frame hides important content.
  • Review text and line detail at the intended output resolution, especially if OBS is scaling the canvas.
  • Use Studio Mode if you want to view the live scene separately from the scene being edited, or make a test recording to inspect the delivered composition.

OBS describes Studio Mode as a way to view the live scene and the scene being edited separately. It can help you prepare a layout without immediately replacing the current live view.

Which graphic and control options fit the job?

Choice Useful distinction Practical guidance
Static or animated Whether the overlay moves and needs transparency Use PNG for static transparency; Elgato recommends WEBM for animated transparency.
Canvas or output size Working composition versus delivered stream or recording Set and review both OBS resolution settings; check scaled details at output size.
Image source or browser source Local fixed asset versus web-rendered overlay or widget OBS supports both. Browser sources are commonly used for alerts and chat boxes.
Design software or hardware control Creating the asset versus operating a prepared scene Canva provides an overlay design page. A Stream Deck can select OBS scenes or toggle source visibility, but it is a control device rather than a graphics editor.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or let it run in the cloud

If your goal is a 24/7 YouTube stream using uploaded videos, StreamNeo is a separate option from making and arranging graphics: upload a recording or build a playlist, add your YouTube stream key, and go live. It loops the uploaded video from the cloud, so nothing has to stay on at home. Each slot streams your upload as made, up to 4K 60fps, at one flat price per slot; it can automatically recover if YouTube drops the stream. The first day is free with no card. Monthly pricing is $9.99 per month. StreamNeo is for YouTube and uploaded videos, not a camera feed. See StreamNeo or start the free day.

Quick Recap

SaleBestseller No. 1
Elgato Stream Deck MK.2 Studio Controller, 15 Macro Keys
Elgato Stream Deck MK.2 Studio Controller, 15 Macro Keys
15 Customizable LCD Keys: instantly control your apps, tools and platforms.; Visual Feedback: know that your command has been executed.
$119.99
SaleBestseller No. 2
Elgato Stream Deck +, Audio Mixer and Studio Controller
Elgato Stream Deck +, Audio Mixer and Studio Controller
Fully Customizable: Use as an audio mixer, studio controller, production console, etc
$159.99
SaleBestseller No. 3
Elgato Stream Deck XL Advanced Studio Controller, 32 Keys
Elgato Stream Deck XL Advanced Studio Controller, 32 Keys
Advanced Live Production: easily control your favorite tools and platforms.; 32 Customizable LCD Keys: instantly trigger unlimited actions with a tap.
$199.99
SaleBestseller No. 5
Elgato Stream Deck Mini, 6 Customizable LCD Macro Keys
Elgato Stream Deck Mini, 6 Customizable LCD Macro Keys
Customizable LCD keys: Instantly activate commands and functions with a single tap.
$49.99
Best Value
Sale
Elgato Stream Deck Mini, 6 Customizable LCD Macro Keys
  • Work smarter not harder: forget keyboard shortcuts. Stream Deck Mini lets you assign tedious, hard to memorise shortcuts to a single key. Instantly identify and activate them without error.
  • Compatible with your apps: Seamlessly integrate with essential software including Zoom, Teams, PowerPoint, Excel, Word, GoogleSuite, MS Office, Photoshop, Adobe Creative Apps, Spotify, Music, and many more.
  • Customizable LCD keys: Instantly activate commands and functions with a single tap.
  • Easy Set Up: User-Friendly Software. Drag actions onto keys. Then personalize settings with ease.
  • Multi-action efficiency: Execute multiple actions at once or in a sequence, precisely timed.
Rank #4
Sale
VSD M18 Macro Pad Programmable Keypad, Stream Controller Streaming Deck, Customizable LCD keys, Gaming shortcut keyboard, USB sound board, Trigger actions in OBS, Twitch, YouTube, Works with PC Mac
  • 18 Programmable Keys Macro Keypad: This stream controller deck comes with 18 customizable macro keys (15 LCD visual keys + 3 physical buttons). Users may program single actions or multi-step sequences for daily operation. The keys support in-game combos, app launch and media playback control for multiple usage scenarios. Each LCD key accepts JPG, PNG and GIF images and animations to mark separate functions
  • Single Tap Control: This USB macro keyboard pad supports single tap commands for quick operation. Users can trigger pre-set macros, input text, open files and web pages, adjust media playback, or switch OBS scenes with one tap. The straightforward layout fits gaming, live streaming and professional office task setup
  • One Tap Multi-Shortcut: This macro controller pad streaming deck supports multi-shortcut macro programming for gamers and content creators. Custom shortcuts simplify game combo inputs, video editing, music production and photography workflows. The Operation Follow function runs multiple macro steps in custom order or simultaneous execution for adjustable task control
  • Adjustable RGB Surround Light Ring - VSD M18 gaming streaming deck features an outer RGB light ring with auto color cycle mode. Custom RGB tones are available via device firmware upgrade. The light ring offers adjustable visual lighting for dim gaming, streaming and night work setups.
  • Wide System Compatibility: This VSDinside macro control board works with Windows 11 and newer, macOS 11.0 and newer systems. Connect via USB-C cable for immediate use. It is compatible with mainstream software including OBS, Streamlabs, YouTube, Twitter, Discord, Excel, Word and Photoshop for daily production work. Native Linux system plug-and-play support is not available, while SDK development documents are provided for custom secondary development

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Screening Room

  1. Mermaids The Body Found: Are Mermaids Real?Admit one · StrangeMermaids The Body Found: Are Mermaids Real?Opened05 OCT 2026Runtime2 min
  2. Born Rich DocumentaryAdmit one · BusinessBorn Rich DocumentaryOpened05 OCT 2026Runtime2 min
  3. Bohemian Club: History, Membership and LegacyAdmit one · ArticlesBohemian Club: History, Membership and LegacyOpened05 OCT 2026Runtime3 min
Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
Windows Errors? Fix Them Before They SpreadFree repair scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.