Which export to bring into the editor
Use the MOV. It is Apple ProRes 4444, 720×720, with a full 16-bit alpha channel, and it is the format every professional editor was built to read. It is large compared with the WebM (tens of megabytes for a six-second clip) because each frame is stored independently at high quality, which is exactly what you want on a timeline: instant scrubbing, no decoding of neighbouring frames, no artefacts when you scale or colour-correct.
Avoid the alternatives for editing. WebM needs a plugin in Adobe applications and decodes slowly everywhere. GIF imports as a low-colour image sequence with a hard-edged alpha and often at the wrong frame rate. The MP4 keeps the original rendering background and has no alpha at all; it is for social previews, not compositing. If you only have a WebM (for instance a clip somebody sent you), convert it to ProRes first; the formats guide has the FFmpeg command.
Adobe Premiere Pro
- Import the MOV (File › Import, or drag into the Project panel). Premiere reads ProRes 4444 natively on macOS and Windows.
- Drag it to a video track above your footage. In most cases transparency works immediately.
- If you see a black background: right-click the clip in the Project panel › Modify › Interpret Footage. Under Alpha Channel, try Premultiplied Alpha (the default for ProRes) and if edges look wrong switch to Straight (Unmatted). Make sure Ignore Alpha Channel is not ticked.
- Scale and position with Effect Controls › Motion. A 720-pixel character on a 1080p timeline can be shown at up to about 100% without softening; on a 4K timeline keep it to 50–60% of frame height or apply a light Unsharp Mask after scaling.
The first-frame trap. Adobe applications decide how to treat a clip’s alpha by looking at its first frame. If the first frame happens to be fully opaque, Premiere (and After Effects) may ignore alpha for the whole clip. Studio exports begin with the character on a transparent background, so this rarely occurs, but if you have trimmed or re-encoded a clip so that it opens on a solid frame, the fix is Interpret Footage rather than re-exporting.
Nesting for effects. If you add effects that touch edges (glow, drop shadow, blur), nest the clip first (right-click › Nest) so the effect sees the composited alpha rather than the raw channel; otherwise shadows can be clipped at the square boundary of the source.
Final Cut Pro
- Import the MOV into your library. ProRes 4444 is Final Cut’s native intermediate; there is nothing to interpret.
- Drag it above the primary storyline as a connected clip. Transparency shows immediately.
- Use the Transform controls in the Inspector (or the on-screen handles) to scale and place it. Turn on Spatial Conform: None if Final Cut has auto-fitted the square clip to your frame.
- For a soft ground shadow, add the Drop Shadow effect from the Stylize category, reduce opacity to around 25%, and increase blur; it follows the alpha silhouette.
Final Cut is the editor most likely to also accept the WebM directly on recent macOS versions via system codecs, but transparency through that route is unreliable; stay with the MOV. If you are on an Apple Silicon Mac and need an HEVC-with-alpha version for a website or a Keynote, File › Share with a Compressor preset that has Preserve Transparency ticked produces it directly from the timeline.
Compound clips. If you will reuse the same character with the same treatment (scale, shadow, colour) across many cuts, build it once as a compound clip. Editing the compound updates every instance.
DaVinci Resolve
- Import the MOV into the Media Pool. Resolve reads the ProRes alpha and reports it in the clip metadata; the thumbnail shows a checkerboard.
- Place it on Video 2 (or any track above the footage) in the Edit or Cut page. Transparency is applied automatically.
- If the background is black: right-click the clip in the Media Pool › Clip Attributes › Video › Alpha Mode and choose Premultiplied (try Straight if the edges fringe). None disables alpha.
- Use the Inspector’s Transform section for size and position. Resolve’s scaler is very good; a 720-pixel character can be pushed harder here than in most editors before it softens.
Resolve is also the one editor of the four that reads WebM with alpha natively on most systems, which makes it the best choice if you receive characters as WebM from a web team. Even so, prefer the MOV when you have it; VP9 decoding is heavier on the timeline.
Fusion. For anything beyond placement (the character reacting to a light source, a reflection on a floor, a wipe that follows the character), open the clip in Fusion. The alpha comes through as the Alpha channel of the MediaIn node and can be used as a mask for any other node.
Exporting with alpha again. If your deliverable is itself a transparent overlay (for instance you are building a lower-third package for a client), on the Deliver page choose Format QuickTime, Codec Apple ProRes 4444, and tick Export Alpha. Resolve is the one of the four that makes this straightforward on Windows as well as macOS.
CapCut
CapCut’s desktop application (Windows and macOS) imports ProRes 4444 MOV files with alpha and places them as overlay layers correctly; drag the MOV to a track above your main clip and it composites without further settings. The mobile app is less predictable with alpha in imported video: some versions preserve it, others flatten it to black.
Two reliable approaches on mobile:
- Import the GIF as an overlay. CapCut treats it as a sticker with transparency. The trade-off is the hard-edged, 480-pixel GIF quality, which is acceptable for a small corner character on a vertical video and noticeable for a large one.
- Build the composite on desktop and finish on mobile. Assemble the character over the footage in CapCut desktop (or any editor above), export a normal MP4, and continue on the phone. You lose the ability to move the character later, so lock its placement first.
Avoid trying to chroma-key the MP4 export. Its background is the original rendered scene rather than a solid key colour, so a colour key will eat parts of the character.
Making the character sit in the shot
A transparent clip placed over footage looks like a sticker until you do four small things. None of them take more than a couple of minutes.
Match the light
Look at where the light comes from in your footage and how warm it is. Then nudge the character to agree: a slight exposure lift or drop, a tint toward the scene’s colour temperature, and, if the scene is dim, a touch of contrast reduction. In Premiere and Resolve this is a Lumetri or a single Color Wheels node on the character clip; in Final Cut, the Color Board. The goal is subtle: if a viewer can tell you graded the character, you went too far.
Give it a shadow
Characters without contact shadows float. Add a drop shadow with high blur, low opacity (20–30%), and an offset that matches the scene’s light direction. For a character standing on a surface, a second, tighter shadow directly beneath the feet, or a soft dark ellipse on a layer below, anchors it. If the export already includes a rendered shadow, skip this; doubling shadows looks worse than none.
Respect scale and depth
A mascot in the corner of a talking-head video usually looks right at 20–30% of frame height. Over a screen recording, place it where the eye is not needed (away from the cursor and any text). If the character overlaps a foreground object in the footage, it should either be in front of it entirely or masked behind it; a character half-overlapping a desk edge with no occlusion reads instantly as fake.
Blend the edges slightly
Footage is never as sharp as a rendered character. A very slight blur (0.3–0.6 px) or a light feather on the alpha edge stops the character from looking cut out. This matters more on soft phone footage than on crisp studio shots.
Six seconds on a longer timeline
Clips are 4 to 12 seconds. Footage is usually longer. Three techniques cover almost every situation:
- Cut in and out. The character appears for a beat (a wave when the presenter says hello, a cheer at the reveal) and leaves. This is how most professional animation is used and it is the least work. Fade the opacity over four to six frames rather than cutting hard.
- Loop an Idle clip. For a character that stays on screen, use an Idle animation, duplicate it end to end, and hide the seam with a short dissolve (six to ten frames) between copies. Motion prompts that end where they began, as described in the motion-prompt section of the image guide, loop with almost no visible seam.
- Chain different clips of the same character. Idle for eight seconds, a Wave, Idle again, a Jump at the climax. Because every animation of an approved character is the same design, cuts between clips read as one continuous performance. Overlap them by a few frames with a dissolve so the pose change is softened.
Resist slowing a clip down to make it last longer. Optical-flow retiming on a stylised character produces wobbling edges, and a 50% slow-down is immediately visible as lethargy. Two clips at normal speed are always better than one clip at half speed.
Exporting the finished video
Once the character is composited over footage, the alpha has done its job and your export is an ordinary opaque video: H.264 or HEVC MP4 for YouTube, social, and clients; ProRes 422 for archive or further editing. There is no need to preserve alpha in the final render unless the deliverable is itself an overlay.
Keep the source MOVs. A year from now, when the same character is needed in a new video, you will want the highest-quality version, and the ProRes file is it. If you need the same character doing something new, that is a new motion prompt rather than a new design; the how it works page explains why the design stays fixed, and the pricing page covers what an additional animation costs.
