gizzMotion Start creating

Guide · Updated

How to use a transparent video overlay in your editor

Export animations with a transparent background (ProRes 4444 MOV or WebM) and place them over your footage in Premiere Pro, Final Cut Pro, DaVinci Resolve or CapCut.

A transparent overlay is a video with no background. Only the animation shows, so you can lay it over any clip, just like a sticker that moves. No green screen, no keying, no cutting anything out.

1. Make the background transparent

In the Style tab set Background to None. Many designs start that way already: every emoji effect, every meme template, the game overlays, map overlays such as the Floating globe (transparent) and Country to country (transparent), and hook stickers like Word-pop captions.

Two more settings matter for an overlay. Turn Shadow off, because a drop shadow baked into the file rarely matches your footage, and set Corner radius to 0 so no rounded corner is cut out of the frame. Templates that are built as overlays already default to all three.

2. Export the right format

In the export panel, choosing For editing sets the background to None and switches the format to MOV in one step. Transparent exports need Chrome or Edge on a computer.

3. Place it in your timeline

Import the file and put it on a track above your footage. In Premiere Pro, Final Cut Pro and DaVinci Resolve the transparency works straight away; there is no key, no blend mode and no alpha setting to change. Scale and position it like any other clip.

4. If you see a black background

Work through these in order.

Which format for which editor

Tested with real editors

Transparent MOV exports are ProRes 4444 with an alpha channel. We check every change by decoding the files with Apple's own video decoder, the one Final Cut Pro and Premiere Pro use on a Mac, and by placing them over footage in Premiere Pro at 720p and 1080p, 30 and 60 fps.

File sizes and render times

ProRes 4444 is a high-quality editing format, so files are large: a few seconds at 1080p is often 20 to 60 MB. That is normal, and your editor compresses the final video when you export it.

WebM with alpha is much smaller but far slower to encode, because it is compressed frame by frame in the browser. A short overlay that takes seconds as a MOV can take a minute or more as a WebM. The export panel shows an estimate for each before you start, so you can decide.

Good overlays to start with

Stills, green screen and the other ways out

Not everything needs to be a video. Export PNG with the background on None gives you a transparent still, which is what you want for a thumbnail element, a sticker on a photo post or a graphic in a slide.

If your editor lives on a phone and cannot read an alpha channel at all, set Background to Green and export an MP4. You then key the green out in the app. It is not as clean as an alpha channel around soft edges and shadows, but it works everywhere.

Checklist before you export

Questions people ask

Can I export transparent video on a phone?

No. Transparent MOV and WebM need Chrome or Edge on a computer. On a phone you can still edit, preview and export MP4 and PNG.

Why not just use a green screen?

You can, and the Green background exists for phone editors. But keying leaves green edges around soft shadows and semi-transparent pixels. An alpha channel keeps them clean.

Does the overlay have a watermark?

No. Exports carry no watermark, on the free plan or on Pro.

Can I loop an overlay?

The preview can loop, but the exported file is a single pass. Repeat it on the timeline in your editor, or raise the number of times the animation plays in the Motion tab before exporting.

Try it now. 411 templates are free in your browser, with no signup and no watermark. Browse templates

More guides

How to make motion graphics online, free and without After EffectsA simple way to make motion graphics and animations for Reels, TikTok and YouTube in your browser. No keyframes, no software, no signup.How to make a text message story videoStep by step: turn a conversation into an animated text-message or group-chat video for TikTok, Reels and Shorts.How to make an animated travel map for a vlogCreate a flight path, road trip or 3D globe animation from A to B for travel vlogs, Reels and TikTok, with real map data.How to add animated captions and titles to your videosMake karaoke-style captions, hook titles and lower thirds that pop in word by word, and add them to Reels, TikTok and Shorts.How to make emoji reaction overlaysMake emoji explosions, emoji rain and floating reactions with your own emoji or images, and export them as transparent overlays.How to make game overlay editsAdd advancement toasts, death screens, badge pop-ups and chat bubbles to your gameplay clips. Transparent overlays, free, no signup.How to make meme videosMake spin the wheel videos, tier lists, POV captions, aura points and error pop-ups as transparent overlays for TikTok, Reels and Shorts. Free, no signup.How to make animated charts and a bar chart race videoTurn your numbers into animated bar charts, line graphs, donuts, rankings and bar chart races for YouTube, Reels and presentations, without Excel or After Effects.How to make a SaaS product launch video with animated graphicsBuild a short launch or feature announcement video from animated pricing tables, feature spotlights, app screens, testimonials and growth numbers.How to make breaking news graphics, lower thirds and documentary titlesCreate broadcast-style breaking news banners, tickers, lower thirds, quote cards, locator maps and cinematic documentary titles for YouTube and social.How to make a sports scoreboard overlay and match graphicsMake a broadcast-style scorebug with a running clock, goal alerts, full-time results, line-ups, league tables and player cards for highlights and match-day posts.How to make a YouTube end screen, subscribe animation and stream alertsCreate animated YouTube end screens, subscriber milestones, chapters, starting-soon screens and follower, raid and tip alerts for streams and videos.How to make an animated location mapDrop a pin on a real street map, show a delivery radius, build a store locator, zoom from the world to a street, or map data by country, all free and without an API key.What are motion graphics?Motion graphics are animated graphic design: text, shapes, charts, maps and icons that move. Here is what they are, where they are used, and how to make them.How to make animated text and kinetic typographyMake word-by-word captions, kinetic typography, animated titles and highlighted text for Reels, TikTok and YouTube, and export it transparent to use over your video.How to make animated lower thirdsCreate clean animated lower thirds with a name, title, photo or logo for interviews, podcasts, news and YouTube, and export them transparent for any editor.How to make animated social media graphicsMake animated graphics for TikTok, Instagram Reels, YouTube Shorts and YouTube: hooks, captions, comment replies, counters, end screens and overlays, with the right sizes and formats.How to make transparent video overlays, freeMake animated overlays with a transparent background for Premiere Pro, Final Cut, DaVinci Resolve, CapCut and OBS: which tool to use, which format to export, and step-by-step settings. Free, in your browser.The best free online animation maker: how to chooseWhat to look for in a free online animation maker in 2026: real free exports, no watermark, templates vs building from scratch, transparent export, formats and price. A checklist and where gizzMotion fits.