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.

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.