Clean live-stream graphics come from giving each element a clear job, leaving the main content readable and checking the finished scene at the size viewers will receive. You do not need a complicated overlay: a background, a short label or a webcam frame may be enough, provided the layers and exports behave as intended.
Start with the stream’s actual purpose and picture. Decide what needs to be on screen, make only those assets, and test them in OBS at both the canvas and output resolutions before using the scene live. There is no universal rule for font size, contrast or how much of the screen a graphic should cover.
Give each graphic a job
Before opening a design tool, write down what the graphic needs to communicate. A webcam frame can distinguish a presenter from the background. A short channel name can identify the source of a presentation. An intermission message can tell viewers that a pause is deliberate. If an element does not perform a useful job, leave it out until you have a reason to add it.
The primary content differs by channel. A devotional stream may need lyrics to remain easy to follow; a local news loop may need the footage and captions left unobstructed; a lofi station may rely on a quiet visual with a small channel label. The overlay should support that content, not demand more attention than it does.
Sketch the composition with rough boxes before making polished artwork. Mark where the video, lyrics, presenter or other essential material will sit, then note the available space for labels and frames. This does not set a universal screen-coverage limit. It makes likely overlaps visible early, when moving a box is easier than rebuilding finished assets.
Think about changes over time as well as the first frame. If a video playlist contains different shots, a label that fits one shot may cover important material in another. A playlist that runs continuously also calls for a layout that works without someone adjusting it every few minutes. For the media side of that task, see how to manage videos for a 24/7 YouTube Live channel.
Choose a restrained layout
A restrained layout is not defined by a particular number of elements. It means viewers can tell which parts are content and which parts are supporting graphics, without having to work around decoration. Start with the essential item and add another only when it supplies information or structure that the first one does not.
A practical starting composition might have one main video area and one small label. If you have a presenter, the camera frame may be more useful than a decorative border around the whole screen. If the stream is an intermission, a clear message may matter more than several social handles. These are choices, not rules; the right layout depends on the material you show.
Use alignment and repetition to make the layout feel deliberate. If a name and a social handle share a visual edge, viewers can read them as one group. If you use a colour for the channel name, repeating it in a small accent can establish a connection without adding another large panel. Keep a record of the fonts, colours and spacing you chose so later scenes do not drift into a different style.
Build around likely content, not only a blank design canvas. A transparent border can appear neat over a plain background and become hard to distinguish over changing footage. Likewise, a translucent panel may obscure lyrics or captions as they move through it. Preview the overlay against representative parts of the actual stream. When the underlying content is an asset that changes during a continuous broadcast, planning video playback for a continuous channel can help you think through what the graphics will sit on top of.
Do not treat a template as proof that its proportions suit your stream. Templates are a convenient starting point, but you still need to check the composition against your camera, footage and intended output. Elgato lists several common webcam-overlay proportions, including 16:9, 4:3, 9:16 and 1:1; these describe possible shapes, not a single correct size for every camera or layout. See Elgato’s overlay guidance for its format recommendations.
Prepare image and text assets
Choose the file format based on what the asset must do. A static overlay that needs transparent areas can be exported as PNG. For an animated overlay that must reveal video underneath, Elgato recommends WEBM. Transparency matters because the parts of the asset intended to be see-through must let the underlying camera or footage show through, rather than cover it with a solid background.
Do not assume that a format or export button guarantees transparency in every workflow. Canva’s overlay page offers PNG and MP4 exports, but choosing MP4 alone does not establish that the resulting video contains an alpha channel. Check the behaviour of the particular export option and bring the file into OBS to confirm what appears over the content. The Canva overlay maker is one place to prepare artwork, but the exported file still needs to suit the scene where you will use it.
Keep separate elements separate when that makes later changes easier. For example, a background image and a transparent text image can be independent sources, so you can replace the message without recreating the background. A single flattened image can be simpler when the wording and layout will not change. The trade-off is flexibility: once text is baked into the image, changing it means editing and exporting the asset again.
Use concise wording in text assets. A short channel name or intermission message is easier to read at different output sizes than a line that tries to explain everything. Check spelling, names and any handles before import. If the design contains text that must be legible at a smaller size, preview the actual asset at the delivered size instead of relying on how large it looks in the design editor.
Save a source copy of the design as well as the exported image or video. The editable copy is useful when a schedule, programme name or social handle changes. Keep filenames descriptive, such as intermission-message.png, rather than relying on a series of ambiguous exports. This is a simple housekeeping choice, but it makes it less likely that you select an older version when updating a scene.
Build an intermission scene
An intermission scene gives viewers a clear picture while your main programme is paused or between segments. A useful version can be as simple as a background image, a separate transparent message and, where relevant, a game or camera capture. The layers need to be ordered so that the message remains visible while the intended underlying content shows through.
OBS’s official Be Right Back screen tutorial demonstrates a background image, a separate image with transparent text and a game capture, then shows how to adjust their order. Adapt the example to your own stream rather than copying a gaming layout literally. A music channel may use a still image and a short “programme resumes” message; a news loop might use a simple holding image and avoid suggesting that live coverage is continuing when it is not.
Build the scene with the fewest sources that meet its purpose. If the background and message can be one image and do not need separate updates, combining them may make the scene easier to operate. If you expect to change the message, keeping it as a separate source allows that part to be replaced without disturbing the background. Decide which arrangement you are more likely to maintain correctly.
Before using the scene, check that any media it contains is meant for that use and that the wording accurately describes what viewers are seeing. This article is about layout and OBS mechanics, not permission to reuse artwork or footage. Do not leave an old date, programme title or status message in a scene after it stops being accurate.
If you are switching between an intermission scene and a regular programme, give each scene a clear name in OBS. Make the names easy to distinguish under pressure: for instance, “Programme” and “Intermission” are less ambiguous than “Scene 1” and “Scene 2”. A Stream Deck can select OBS scenes or toggle source visibility, but it is an optional way to operate prepared scenes, not a graphics editor. Elgato documents those controls in its OBS Studio integration guide.
Add and stack OBS sources
OBS builds a scene from sources, including images, text, browser pages and captured video. The source list controls their stacking order: a source higher in the list appears in front of sources beneath it. The OBS Sources Guide explains how sources fit into scenes and how their order affects what you see.
Add sources in a deliberate order and watch the preview as you do it. For a background, a transparent message and a capture, the background generally needs to sit behind the content and the message needs to remain in front. The precise order depends on which source should cover another. If a layer disappears, do not immediately assume the file is broken; check whether another source is covering it in the list.
Images are suited to local fixed assets. A browser source can show web-rendered material such as an alert or widget. A browser source can be useful when the displayed material needs to update from a web page, but it also introduces a dependency on that page and its rendering. A local image is more predictable when the artwork is fixed and does not need online updates. Choose based on what the graphic needs to do, not because one source type sounds more advanced.
Use clear source names if the scene has more than a few layers. Names such as “Background”, “Channel label” and “Camera frame” make it easier to identify the source you want to move or hide. If several sources have generic names, a small adjustment can affect the wrong item. Renaming is particularly useful when you revisit a scene after a long period without editing it.
For a persistent channel, changes made to a graphics scene are only one part of operating the broadcast. If OBS is also responsible for keeping a long-running playlist going, think about its media behaviour separately from its appearance. The article on making a study stream resume after a reboot covers a different operational concern; a neat overlay does not resolve playback interruptions.
Position, resize and crop
Select a source in the preview to move it, and use its transform controls when you need more precise placement. Resizing changes the source’s displayed dimensions; cropping trims the visible part of the source. Those operations solve different problems. If an image is too large, resize it. If it has unwanted margins or you need to show only part of a capture, cropping may be the better choice.
Check what the crop is doing before moving on. It is easy to trim a margin and also cut off a letter or an important edge of the video. If the source has transparent space around the artwork, moving or cropping it may help align the visible part rather than the outer file boundary. Keep an eye on the preview as you transform the source, because the file’s dimensions do not tell you how much of it is visually occupied.
Place graphics with the underlying content in mind. A label can fit neatly in an empty corner of one frame and overlap a face, lyric or caption in another. Where the content changes, test more than one representative frame. If the overlay is intended for a fixed camera composition, test it with the camera in its normal position rather than assuming its temporary preview arrangement represents the final shot.
Avoid changing the design and the source transform at the same time unless you have noted what you changed. If the result looks wrong, you will otherwise have to work out whether the problem is in the exported asset, its crop or its placement. A useful sequence is to verify the asset by itself, position it in OBS, then make one adjustment at a time while viewing the composition.
If you use several scenes with a similar layout, check each one independently. A frame that fits one camera source can be the wrong proportion for another; a label that avoids the content in a presentation scene may cover footage in a playlist scene. Reusing assets saves work, but it does not ensure that their placement suits every scene.
Check at the delivered size
OBS distinguishes the Base (Canvas) Resolution from the Output (Scaled) Resolution. The canvas is the layout area for fitting sources, while output resolution is the size of the stream or recording. The OBS overview guide explains these settings. Design on the canvas, then check the scene at the output size viewers will receive, especially if the output is scaled.
That final check matters for small text and fine lines. An element that looks clear while you are viewing a large editor preview may lose detail when scaled down. There is no universal font size or line thickness that guarantees readability across every stream. The intended output, the footage behind the graphic, the display and the viewing conditions all affect what a viewer can make out. Use your own output as the test rather than treating an arbitrary threshold as a rule.
Inspect the whole scene, not just the graphic asset. Confirm that transparent areas reveal the intended content, that the source stack is correct, and that the graphic does not cover important material in the parts of the stream where it will appear. Look at a representative moving frame if the background video changes. Check any labels for correct wording and confirm that the overall composition still makes sense with the normal programme content.
If a change is substantial, use OBS Studio Mode to review the scene being edited separately from the live scene, or make a test recording. OBS describes Studio Mode in its overview guide. These checks let you see the result before committing it to the programme. Do not assume that a preview proves every possible device or viewing condition; the goal is to catch obvious issues at the intended delivery size before the scene is used.
Keep a simple record of the canvas and output settings used for the scene, particularly if you create new assets later or move the channel to another layout. The appropriate composition is tied to those settings. If you change output resolution, revisit text and fine detail instead of assuming the previous check still applies.
Once the art is prepared, layering and testing a graphic scene is a separate task from keeping a file-based channel broadcasting when your own computer is off. StreamNeo can remove that particular burden by letting you upload a video and run it as a 24/7 YouTube live stream without leaving your computer on; it does not create or correct graphics, so prepare and check the scene itself in OBS first.
If you are ready to test a prepared channel workflow, compare the operating options before choosing one.
Before committing, compare the operating options on the pricing page. When the file and channel are ready, start free — 24-hour trial, no card.
FAQ
What file format should I use for a transparent overlay?
For a static overlay with transparency, Elgato specifies PNG. For animated transparency, Elgato recommends WEBM. Confirm that the file you export actually behaves as intended in OBS; an MP4 export option does not by itself establish that the video has transparency.
Why is my graphic hidden behind another source in OBS?
OBS displays sources higher in the source list in front of those below them. Check the order and move the graphic above any source that should sit behind it. Also check whether the file itself contains a solid background where you expected transparency.
What resolution should I make an overlay for?
Start with your OBS Base (Canvas) Resolution and intended Output (Scaled) Resolution, then check how the scene looks at the delivered output size. There is no universal overlay dimension that suits every layout. A template can help you begin, but the preview in your own scene is the relevant check.
Can I use a Stream Deck to make graphics?
A Stream Deck can select OBS scenes or toggle source visibility, which can help you operate layouts you have already prepared. It is not a graphics editor, so make and adjust the artwork in a design tool, then add and position it in OBS.