Stinger Transition Maker
Describe the stinger.
Get a transparent WebM.
iArt's Animation mode draws your scene transition in code, with your name in it,
on a see-through background that covers the cut and clears.
What is a stinger transition?
It covers the cut.
Then it clears.
A stinger transition is a short animation, usually one to three seconds, that plays over your stream when you switch scenes. It sweeps in, covers the whole screen for a moment, and sweeps out; OBS changes the scene underneath while the screen is covered, so viewers never see the cut. iArt's Animation mode makes one from a sentence: an agent on Claude Opus 5.5 draws every frame in code.
The name is typed, not generated. Your channel, show or team name goes into the code as real text, so "Riverside Hawks" reads "Riverside Hawks", and the design comes from what you describe, not from a preset.
The file is what OBS expects. The stinger exports as a WebM with a transparent background: empty at the start and the end, fully covered in the middle. The agent tells you when the screen is covered, which is the number OBS asks for.
For the definition, see what a stinger transition is. For the setup step by step, read how to add a stinger transition in OBS.
Examples
Five stingers, five prompts.
iArt's Animation mode made each stinger from the prompt under it. We played them over free stock footage from Mixkit, switching from one shot to another at the transition point; switch to Transparent to see the exported file.
“A stinger transition for my video podcast Off the Record, to switch between camera angles in OBS. Clean and editorial, cream and red, nothing gamer-looking.”
Try this prompt →“Stinger transition for OBS for my channel NovaPlays. Purple and teal, fast and punchy.”
Try this prompt →“Scene transition for our church livestream (Grace Community Church) when we switch from worship to the sermon. Warm, calm, gold and deep green. It's for OBS.”
Try this prompt →“Stinger transition for our college esports team, the Riverside Hawks, for replays between rounds on our Twitch broadcast. Orange and black, aggressive, with a hawk feel.”
Try this prompt →“a transition animation for when I switch scenes on my stream, with my logo text NovaPlays”
Try this prompt →Need your name on screen during the stream too? See animated lower thirds.
How it works
Describe. Check. Export.
Three steps from a sentence to a stinger in OBS.
01
Describe it
Open Animation mode and write what you need: your channel or show name exactly as it should read, the colours, the mood, and that it's a stinger for OBS. Attach your logo as a PNG if you want it in the stinger. If you want a whoosh, say so; otherwise it is silent.
02
Check it on the checkerboard
The preview plays over a checkerboard, so you can see the see-through start and end and the moment the screen is fully covered. Change anything by replying in chat: faster, a different colour, the name bigger.
03
Export and add it to OBS
Export a transparent WebM (Chrome or Edge), at 1080p on Pro or 4K on Ultra, and add it to OBS as a Stinger transition with the transition point the agent gave you.
OBS setup
How to add the stinger in OBS
A stinger is a transition, not a source: it lives in the Scene Transitions dock and plays every time you switch scenes with it.
- 01
Add a Stinger transition
In the Scene Transitions dock, click + and choose Stinger. Give it a name, such as your channel name.
- 02
Choose the file
For Video File, pick the transparent .webm you exported. Its see-through start and end let the old and new scenes show through.
- 03
Set the transition point
Set Transition Point Type to Time (milliseconds) and enter the moment the stinger covers the whole screen, for example 700. The agent gives you this number when it delivers the stinger; you can also find it by scrubbing the preview.
- 04
Sound, if it has any
If you asked for a whoosh, the sound is in the same file. Audio Fade Style decides how your stream audio moves under it: fade out to the transition point and back in, or crossfade.
- 05
Switch scenes with it
Select the stinger in the Scene Transitions dock. Every scene switch now plays it, and the cut happens at the transition point, behind the covered screen.
OBS explains its stinger modes (a cut point in milliseconds, a frame number, or a track matte) in its stinger transitions guide.
Not a preset.
Drawn for your channel.
Free stinger makers and transition packs are a quick route when a ready-made style is enough. If you want the stinger to look like your show, describe it instead.
Pick a preset, change the colours
A stinger maker gives you a handful of ready-made animations to recolour; a transition pack is a set of fixed designs from a studio, free or paid.
- – A handful of styles to choose from
- – Colours change; the motion and shapes don't
- – Your name only where the preset has a text slot
- – Often free
Describe it, get the file
Nothing to install. Describe the stinger, check it on the checkerboard, and change it by replying in chat.
- ✓ Any look you can describe, drawn for this prompt
- ✓ Your channel name typed as real text
- ✓ Transparent WebM, with the transition point to set
- ✓ Exporting needs a paid plan; making and previewing does not
How do I make a stinger transition with iArt?
Open iArt's Animation mode at app.iart.ai and describe the stinger in a sentence: your channel name, the colours, the mood, and that it's a stinger transition for OBS. The agent draws it in code on a transparent background, checks it, and tells you the transition point. Preview it on the checkerboard, change it in chat, and export a transparent WebM.
What is the transition point, and what do I enter in OBS?
It is the moment the stinger covers the whole screen, when OBS swaps the scene underneath. In the stinger's settings, set Transition Point Type to Time (milliseconds) and enter that moment, for example 700 for 0.7 seconds. The agent gives you the number with the stinger.
Does the stinger have a transparent background?
Yes. It exports as a WebM with an alpha channel: the start and the end are see-through, so the old scene is visible as the stinger sweeps in and the new one as it sweeps out. OBS plays WebM transparency directly. Transparent export runs in Chrome or Edge.
Can the stinger have a sound?
It is silent unless you ask. Ask for a whoosh or a hit and the agent synthesizes it in code; the sound is exported in the same WebM, and OBS plays it with the transition. Audio Fade Style in the stinger's settings controls how your stream audio fades under it.
How long should a stinger transition be?
Usually one to three seconds. It has to cover the screen long enough to hide the cut, and short enough not to hold up the stream. The stingers above run from 1.6 to 3.6 seconds; say a length in your prompt if you want a specific one.
Can I put my logo in the stinger?
Yes. Attach your logo as a PNG, JPEG or WebP when you write the prompt and say it belongs in the stinger; it appears as it is, not redrawn. Without a logo, the agent sets your channel name in type that fits the design.
How much does it cost?
New accounts get $2 in free credits, enough to make and preview a stinger. Exporting the file needs a paid plan: Pro exports up to 1080p and Ultra up to 4K. Transparent WebM export needs Chrome or Edge.
Your scene switch,
from one sentence.
Describe the stinger. Get a transparent WebM and the transition point for OBS.