Live Stream Overlays

How to Make Stream Overlays and a BRB Screen

Updated October 30, 20263 min read

What overlays does a live stream need?

Four cover most streams: a be-right-back screen, a webcam frame, an alert for new followers, and a goal bar. Export the alert and frame as transparent WebM so they sit over gameplay, and keep the BRB screen as a looping full-frame MP4.

A stream looks produced when its furniture matches. These presets build a BRB card, frame a webcam, fire alerts, fill goal bars and close with an outro, all in your channel colors.

Five live stream overlays presets to start from

Hover any card to play it. Opening one loads it in the editor with every control unlocked.

  • Be Right Back Screen

    A looping break screen: hazard bands scroll along the edges, ambient bubbles drift up and bouncing dots keep the wait alive.

  • Stream Alert Card

    A follower alert slams in: rings burst behind the avatar disc, the name slides in and the tier line fades up under a shine sweep.

  • Webcam Frame

    A looping cam border with corner brackets that chase around the edge, a name tag and a blinking live badge.

  • Sub Goal Bar

    A goal bar fills to the current total, counts up beside the target and pops a pip at every milestone it passes.

  • Stream Ending Outro

    A thanks-for-watching outro: the headline drops in over slowly turning dashed rings and handle rows slide up one by one.

All live stream overlays

Step by step

  1. List what your stream needs

    Be Right Back Screen covers breaks, with scrolling hazard bands and bouncing dots. Stream Alert Card marks a new follower with a burst of rings. Webcam Frame puts chasing corner brackets, a name tag and a live badge around your camera. Sub Goal Bar and Stream Ending Outro cover the rest.

  2. Add your channel details

    Be Right Back Screen takes Title, Subtitle, Speed, Thickness and Variation. Stream Alert Card takes Title, Subtitle and Icon. On Webcam Frame, Title is your handle and Subtitle is the badge text. Sub Goal Bar takes Title and Subtitle only, because its fill and target come from the preset. Reuse one color set across all five.

  3. Size each piece for its slot

    The alert runs 4 seconds, the goal bar 5, and the break screen, frame and outro 10. Webcam Frame draws its border around the whole canvas, so export at the aspect ratio of your camera crop, such as 16:9 or 1:1, and resize the source in your layout. Use 9:16 for a vertical stream.

  4. Use WebM for live overlays

    The alert, goal bar and frame ship transparent, and WebM with alpha is the format OBS reads directly. Be Right Back Screen and Stream Ending Outro fill the frame on a solid color, so MP4 suits them. If you recut stream highlights in Premiere Pro, export overlays as a PNG sequence instead, since it cannot open WebM without a plugin.

  5. Set them up in OBS

    In OBS, add a Media Source, choose your file and tick Loop for the break screen and webcam frame. Drag the frame above your camera in the Sources list and resize it to match. For the alert, leave Loop off and turn on Restart playback when source becomes active, then show the source when needed.

Where it is used

  • Long gaming sessions

    A streamer switches to a looping Be Right Back Screen during a short break, with a Subtitle that says how long they will be, so the channel still looks active.

  • Live tutorials and workshops

    A teacher streaming a coding or art session uses Webcam Frame with their handle in Title around a small camera window, so viewers can tell the presenter from the shared screen.

  • Closing a broadcast

    A weekly live show ends on Stream Ending Outro, with handles and links typed into Labels, giving viewers a few seconds to note where to follow before the stream stops.

Presets
5
Default length
4 to 10 seconds
Best export
WebM with alpha for overlays; MP4 for full-frame screens
Aspect ratios
16:9, 9:16, 1:1, 4:5

Which format should you export?

Transparent WebM, always. OBS and every other streaming tool takes an alpha WebM as a browser or media source and composites it over the game with no keying.

Format
MP4 · WebM · PNG sequence
Alpha
WebM or PNG sequence
Resolution
720p to 8K
Aspect
16:9 · 9:16 · 1:1 · 4:5
License
Commercial use included

Three tips that make it look intentional

  • Use one accent color across every overlay so the channel reads as a brand.
  • Keep alerts under four seconds; they interrupt gameplay.
  • Loop the BRB screen so a short break does not end in a freeze frame.

Three things people get wrong

  • Building the overlay at 16:9 and letting the software scale it, which softens the type.
  • Putting an alert where the game puts its own HUD.
  • Running a looping animation permanently in the corner, which is the fastest route to viewer fatigue.

Frequently asked

Do these work in OBS?

Yes, add the exported file as a media source. Transparent WebM keeps the alpha channel intact.

Can I put my channel name on them?

Yes, every overlay takes your own text and colors.

  • How to Add a Subscribe Button Animation to a Video

    Social Media Animations

    How to Add a Subscribe Button Animation to a Video

    Put the prompt where the viewer has already got value, usually after the first payoff rather than in the opening seconds. Keep it under three seconds, use a transparent export so it sits in a corner, and pair it with a spoken line for the biggest lift.

    Read the guide
  • How to Make an Audio Visualizer for a Podcast Clip

    Audio Visualizers

    How to Make an Audio Visualizer for a Podcast Clip

    Export an audio visualizer preset, place it over your artwork or video, and lay your audio underneath in your editor. Spectrum bars, waveforms and pulsing orbs give a static episode clip the movement social platforms reward.

    Read the guide
  • How to Add a Price Drop Animation to a Product Ad

    Shop & Ecommerce

    How to Add a Price Drop Animation to a Product Ad

    Three beats do most of the work: the price drop, the social proof, and the call to action. An add-to-cart animation, a star rating and a promo code give a viewer the reason, the reassurance and the next step in under ten seconds.

    Read the guide
Ready to create?

Make your next clip in the next five minutes

Editing and previewing are free. You only spend a credit when the finished file lands on your machine.

5 free HD downloads on a new account · No card required