Skip to content
A streamer's desk from behind in a dark room, the main monitor glowing with a neon countdown ring over a synthwave grid horizon
Back to blog tutorials

Free Twitch Overlays: Build a Full Stream Package for $0

ANFX 2026-07-17 8 min read

Starting soon screen, BRB screen, alerts, overlays — build a complete Twitch stream package from free motion graphics and OBS's built-in tools, step by step.

You can build a complete Twitch stream package — starting soon screen, BRB screen, ending screen, alerts, and overlay frames — entirely for free: looping motion-graphics backgrounds supply the visuals, OBS’s built-in Media Source and Text tools assemble them, and nothing about the result says “$0 budget” to your viewers. Paid overlay packs sell convenience and a unified art style, not capability.

This guide builds the whole package in order of what matters, with the OBS setup steps at the end so you only configure things once.

What a Stream Package Actually Needs

A stream package is a set of OBS scenes, each with a job:

SceneJobDay-one priority
Starting SoonHolds early arrivals while you set upEssential
Live / GameplayWebcam frame + minimal overlay over the gameEssential
BRB / AwayCovers bathroom breaks and tech fixesEssential
EndingCloses the stream with a raid/follow promptNice to have
AlertsFollow/sub/raid pop-ins over any sceneNice to have
ChattingFull-cam scene for talk segmentsNice to have

Notice what’s not on the list: animated panels, transitions between every scene, themed emote walls. Day one needs three scenes. Everything else is iteration.

One principle before building anything: each scene should be a background loop plus at most two elements on top. The most common mistake in free stream packages isn’t cheap-looking assets — it’s fifteen of them on screen at once.

Starting Soon Screen

The starting soon screen has one job: convince early viewers that the stream is alive and worth waiting for. A static image fails at this — a frozen frame is indistinguishable from a crashed stream. Motion is the signal.

The build:

  1. Background: one looping animated background sets the entire mood. The free backgrounds library covers the range — synthwave-adjacent neon for gaming, softer gradients for chatting streams. Pick something with continuous motion so the screen never looks frozen.
  2. Text: “Starting Soon” as an OBS Text (GDI+/FreeType) source. Your stream’s font and one accent color — that’s the branding.
  3. Optional: your handle or schedule as a second, smaller text line, and your stream audio playing so arrivals hear that you’re real.

Loop quality matters most on this screen because it plays uninterrupted for five to ten minutes. A loop with a visible seam will hitch on schedule the entire time — How to Create Seamless Video Loops explains how to spot a clean loop before you commit to one.

BRB / Away Screen

The BRB screen is the inverse of starting soon: it should lower the energy, not build it. You’re telling viewers “nothing is happening, don’t leave” — and a high-energy loop makes a three-minute absence feel longer, like hold music that’s trying too hard.

Slow, ambient motion is the right register: drifting gradients, lava-lamp-style blobs, gentle particle drift. It’s the same calm-motion logic that governs animated virtual backgrounds for video calls — motion slow enough that the eye rests on it instead of tracking it. Add a “Be Right Back” text source and keep your mic muted but your stream audio (music) running.

Ending Screen

Lowest priority, easiest build: duplicate the starting soon scene, change the text to “Thanks for watching,” and add your socials or schedule as a second line. If you raid out at the end of streams, this screen is what your community sees while you pick a target — thirty seconds of screen time, so don’t over-invest.

Alerts and Hype Moments

Alerts — the pop-ins when someone follows or subscribes — usually come from services like Streamlabs or StreamElements, which render them via a browser source. But you can also trigger celebration graphics manually in OBS with hotkeys, which is more reliable than it sounds and completely free: add a celebration graphic as a Media Source — a pre-keyed subscribe-button animation (MOV with alpha), or a full-frame hit from the glitch pack for scene-change punch — enable Restart playback when source becomes active, and bind Show/Hide to a hotkey.

Two rules keep alerts from becoming a liability:

  • Short. Two to four seconds on screen. An alert that outstays its welcome interrupts gameplay commentary — and viewers who trigger a 15-second animation once will not do it twice.
  • MP4 or WebM, never GIF. GIF alerts are the classic free-package mistake: huge files, 256 colors, choppy motion. If a free alert graphic only comes as a GIF, a GIF to MP4 conversion produces a smaller, smoother file that OBS handles better.

Adding Everything to OBS

Media Source setup

For every animated element, the pattern is identical:

  1. In your scene, click + under Sources → Media Source → name it something you’ll recognize in six months.
  2. Local File → browse to your downloaded loop.
  3. Tick Loop for backgrounds and screens; leave it off for one-shot alerts.
  4. Tick Use hardware decoding when available — this moves video decoding off your CPU, which is busy encoding your stream.
  5. For alert-style one-shots, also tick Restart playback when source becomes active and set Show nothing when playback ends.

OBS plays anything FFmpeg plays — MP4, MOV, MKV, WebM — with one standout feature: WebM files with VP9 alpha transparency composite over your gameplay with no keying. That’s the format stinger transitions and transparent overlay loops use. Pre-keyed MOV files with alpha channels work the same way; both drop over your game capture cleanly. For the compositing tricks that make opaque light effects work as overlays (Screen and Add blend modes), see the complete guide to video overlays.

Layering order

Sources render top-down in the list. For a gameplay scene, from top to bottom: alerts → webcam frame → webcam → overlay elements → game capture. Backgrounds-and-text screens are simpler: text above, loop below.

Scene switching

Bind hotkeys (Settings → Hotkeys) for switching to Starting Soon, Live, and BRB. Mid-stream, reaching for a mouse to hide your bathroom break is exactly the fumble hotkeys exist to prevent. OBS’s own knowledge base covers studio mode and transition configuration if you want scene switches to dissolve rather than cut.

Layout Do’s and Don’ts

  • Do keep webcam and overlay elements out of the game’s UI zones — killfeed, minimap, health bar, subtitles. Check your game’s layout, not a template’s assumption.
  • Do run a 1920×1080 canvas. It’s the standard Twitch delivery resolution, and every free overlay asset assumes it.
  • Don’t cover more than ~20% of the gameplay area with persistent graphics. Viewers came for the game and you; the overlay is set dressing.
  • Don’t put critical text near frame edges — Twitch’s mobile app and theater mode crop and scale in ways that punish edge-hugging layouts.
  • Do check contrast: a thin white webcam frame vanishes over a snow level. Borders need either weight or a dark edge to survive all footage.

The $0 Package, Assembled

Three scenes, one looping background each, two text sources, one hotkey-triggered celebration element, and correctly configured media sources — that’s a package that reads as deliberate and branded. The upgrade path from here isn’t spending money; it’s consistency: same font, same one or two accent colors, same energy across every scene. That coherence is the actual product paid packages sell, and it costs nothing to do yourself.

FAQ

What file format does OBS prefer for overlays?

MP4 (H.264) for opaque backgrounds and screens — cheap to decode and universally supported. For transparent overlays, WebM with VP9 alpha or a pre-keyed MOV with an alpha channel; both composite directly with no keying. Avoid GIFs entirely: converted to MP4 they’re smaller and smoother.

Do animated overlays hurt stream performance?

Each looping video source costs some decoding work, but with Use hardware decoding when available enabled, your GPU absorbs it easily — encoding your outgoing stream is vastly heavier than decoding a 1080p loop. Where people actually get in trouble is running six simultaneous animated sources plus browser-source alerts on a laptop that’s also running the game. Three or four media sources per scene is a comfortable budget on modest hardware.

Can I use the same package on Kick or YouTube Live?

Yes. Overlays, screens, and alerts live in OBS, not on Twitch — your streaming platform only receives the final composited video. The same scene collection works unchanged on Kick, YouTube Live, and anywhere else OBS can stream to.

Can I use free overlays on a monetized channel?

Check each asset’s license rather than assuming — but genuinely free-for-commercial-use motion graphics exist, and everything in the ANFX library is free to use in monetized content. The trade-offs between free and paid assets (licensing, uniqueness, cohesion) are broken down in Free vs Paid Motion Graphics.

What resolution and frame rate should overlay files be?

Match your canvas: 1920×1080. Frame rate is more forgiving — 30fps loops look fine even on a 60fps stream because background motion is slow; alerts and stingers benefit from 60fps since they’re fast-moving. Resolution mismatches are the visible sin: a 720p overlay scaled up onto a 1080p canvas looks soft against crisp gameplay.

Enjoy this article?

Share it with your creative community and help others discover great content.