How to Add Animated Text Overlays in CapCut, Premiere Pro & DaVinci Resolve

You've made an animated text effect — now it needs to sit on top of your video with a clean transparent background. Every editor handles transparency differently, and using the wrong export format is why overlays show up with black boxes, white fringes, or not at all. Here's the exact workflow for the three editors almost everyone uses.

First: Export the Right File

From the animated text overlay generator, you have three overlay-friendly exports:

• WebM (VP9 with alpha) — true transparency in a tiny file. Best option where supported.
• Green screen video — your text on solid green; works in every editor via chroma key.
• Transparent GIF/APNG — fine for simple cases, but video formats handle motion better.

CapCut (Desktop & Mobile)

1. Export your text as WebM from the generator.
2. In CapCut desktop: import the WebM, drag it onto a track above your footage. Transparency is respected automatically.
3. On CapCut mobile: WebM alpha support is inconsistent — use the green screen export instead. Add it as an overlay, then tap Cutout → Chroma Key, pick the green, and increase Intensity until the background disappears.

Common issue: if your keyed text has a green edge, nudge Intensity up slightly and add 1–2 points of Shadow — CapCut's key is aggressive, so small steps.

Premiere Pro

1. Import the WebM file (Premiere 2024+ reads VP9 alpha natively).
2. Drop it on V2 or higher, above your footage. Done — no effects needed.
3. If your Premiere version won't import WebM, export APNG from the generator instead, or use the green screen file with the Ultra Key effect (Effects → Keying → Ultra Key, eyedropper the green).

Common issue: overlay looks soft after render — make sure Sequence Settings match your footage resolution, and export text at 2x scale from the generator so Premiere scales it down, not up.

DaVinci Resolve

1. Resolve reads VP9 WebM with alpha on recent versions (18.5+). Import, place on a higher video track.
2. If the clip shows a black background: right-click the clip → Clip Attributes → Alpha Mode → Straight. This fixes 90% of Resolve transparency complaints.
3. Fallback: green screen export + the 3D Keyer or Delta Keyer in the Color page (or Fusion's Chroma Keyer).

Which Text Styles Work Best as Overlays?

Overlay text sits on moving footage, so contrast and simplicity win. High-contrast styles with outlines or glows — neon, gold, or a clean bold face with a drop shadow — stay readable over anything. Subtle styles like thin glass or watercolor get lost on busy footage. Test your overlay against the brightest and darkest part of your clip. For title cards specifically, see our cinematic title guide; for caption-style overlays, the word-by-word caption tutorial.

Timing Your Overlay to the Edit

• Export your text animation slightly longer than you need — trimming in the editor is easy, stretching is ugly.
• Loop-friendly animations (pulse, wave, spin) can be duplicated end-to-end on the timeline for any duration.
• Place text entrances on beat or on a cut. An animation that lands with the edit feels intentional; one that drifts feels random.

Blend Modes and Positioning: The Finishing Touches

Getting the overlay onto an upper track is only half the job. Once transparency is working, two controls decide whether the text looks "placed on" the footage or "part of" it.

• Blend mode. For glowing or light-based text (neon, fire, sparkle), set the overlay layer's blend mode to Screen or Add/Linear Dodge. These modes drop the black areas and let the glow interact with the footage underneath, which reads far more naturally than a flat opaque layer. In CapCut it's under the clip's Blend tab; in Premiere it's the Opacity → Blend Mode dropdown in Effect Controls; in Resolve it's the Composite Mode in the Inspector. Note: Screen mode only works well when your text was exported on a black background or as a true-alpha WebM — never on green.
• Position and scale. Keep text inside the title-safe area — roughly the centre 90% of the frame — so nothing gets clipped on phones or TVs. Lower-third captions usually sit around 80% down the frame; title cards sit dead centre. Scale the overlay to taste, but never scale a GIF or standard-resolution export up past 100%, or the edges turn mushy. This is exactly why the generator lets you pick a larger canvas size before you export.

Common Mistakes to Avoid

These are the errors that send people back to re-export instead of finishing their edit. Each one is avoidable in a few seconds.

• Exporting a plain MP4 and expecting transparency. A standard MP4 has no alpha channel — it will always carry a solid background. For overlays you need a transparent WebM, a transparent GIF/APNG, or a green-screen file you intend to key. Choose the export format before you render, not after.
• Placing the overlay on the bottom track. Transparency only reveals what sits below it on the timeline. If your text is on V1 and your footage is on V2, the footage covers the text completely. Text always goes on the higher track.
• Keying a green file that contains green text. If you picked a lime or mint text colour and exported it on a green background, the chroma key removes the letters along with the background. Keep text colours well away from your key colour — white, gold, and warm tones are safe.
• Matching the wrong frame rate. A 60fps overlay dropped onto a 24fps timeline forces the editor to discard frames, which makes smooth motion look like it skips. Export your text at the same frame rate as your project.
• Over-cranking the chroma key intensity. Pushing similarity or intensity to maximum doesn't just remove green — it eats into anti-aliased edges and thin strokes, leaving jagged letters. Raise it only until the green is gone, then stop.
• Rendering text too small, then scaling up. Up-scaling a 720p overlay to fill a 4K timeline softens every edge. Export at the resolution you'll actually display, or larger, so the editor only ever scales down.

Real-World Overlay Examples

Here's how the same workflow serves very different edits, so you can match the approach to your project.

• YouTube intro title. Export a bold 3D or neon title as a transparent WebM at your full project resolution, drop it on the top track over your opening b-roll, and set it to Screen blend if it glows. Trim the entrance to land on the first beat of your intro music.
• TikTok / Reels captions. Use word-by-word caption animations exported as transparent WebM, stacked above your talking-head clip. Position them in the lower third and keep the font heavy with an outline so they survive compression and busy backgrounds.
• Live stream lower-third (OBS). Alpha support in streaming software is patchy, so export a green-screen version and key it with OBS's Chroma Key filter. A looping animation can run indefinitely as a Media Source.
• Mobile-only CapCut edit. Because CapCut mobile's alpha handling is unreliable, export the green-screen file and use Cutout → Chroma Key. This keeps the entire edit on your phone with no desktop round-trip.
• Cinematic title card in Resolve. Bring a transparent WebM into the media pool, set Clip Attributes → Alpha Mode → Straight if it shows black, and grade the footage underneath on the Color page so the title and shot share one look.

Troubleshooting

My WebM imports but shows a black background — what now?

The editor is reading the file as opaque. In DaVinci Resolve, right-click the clip and set Clip Attributes → Alpha Mode → Straight. In Premiere, update to a version from 2024 or later (earlier builds don't read VP9 alpha) or switch to an APNG export. If nothing works, fall back to the green-screen file and key it — it's slower but universal.

The overlay plays, but there's a thin coloured halo around the letters.

That's edge fringing. On a keyed green file it's green spill — pull the key intensity back slightly and apply a small amount of edge shrink or "despill" if your editor has it. On a transparent GIF it's the leftover of 1-bit transparency; re-export as WebM or APNG for soft, anti-aliased edges instead.

Why does my overlay look pixelated only after export?

Two usual causes: you scaled a small overlay up to fit a larger timeline, or your export bitrate is low. Re-export the text at the timeline's resolution (or 2x), and raise the final render bitrate. Pixelation that's visible in the editor before render is always a scaling problem, not a codec one.

The text stutters on fast motion.

This is a frame-rate mismatch. If your overlay is 30fps and your sequence is 24fps (or vice versa), the editor resamples and motion judders. Re-export the animation at your project's exact frame rate.

My green-screen text has gaps inside the letters.

The key tolerance is too high and is removing colours close to the key, or your text itself is near-green. Lower the similarity/tolerance until the holes fill back in, and if the problem persists, change the text colour to something far from green.

FAQ

Why does my transparent GIF have white edges over dark video?

GIF transparency is 1-bit — pixels are either fully solid or fully invisible, so anti-aliased edges keep a trace of the background they were rendered against. Use WebM or APNG for soft edges, or export the GIF against a background color close to your footage.

Can I use these overlays in mobile-only workflows?

Yes — the green screen export works in CapCut mobile, InShot, and VN. Chroma key is the universal fallback when alpha channels aren't supported.

What frame rate should text overlays use?

Match your project: 30fps for most social content, 24fps for cinematic edits. A 30fps overlay on a 24fps timeline can cause subtle stutter on motion-heavy animations.

Do I need a paid tool to make these overlays?

No. The generator is free with no signup and no watermark, and it exports transparent WebM, transparent GIF, PNG, and green-screen files directly. The free versions of CapCut, DaVinci Resolve, and even iMovie all handle chroma keying, so the entire overlay workflow can be done without paying for anything.

Should I use a transparent file or a green-screen file?

Use a transparent WebM whenever your editor supports VP9 alpha (modern Premiere, Resolve, and CapCut desktop do) — it gives perfect edges with zero keying work. Reach for the green-screen export only when the destination can't read alpha video: CapCut mobile, OBS, older editors, or iMovie. Transparency is cleaner; green screen is more compatible.

Make Your Overlay Now

Pick a style, type your text, choose the export format that matches your editor, and drop it straight onto an upper track — no signup, no watermark, no cost. Create your animated text overlay here and have it on your timeline in a couple of minutes.