Mockaps Mockaps
OVERLAY STUDIO / FREE TOOL

Free Video Overlay Maker

Saved on this device
1920 × 1080
TRANSPARENT EXPORT
PREVIEW ON
↗

Your preview stays private. Only the overlay is included in your download.

READY FOR YOUR TIMELINE

Transparent PNG · Cropped to artwork

LESS FIDDLING. MORE CREATING.

Good words.
Ready to drop in.

A free overlay maker for tutorials, reels, product demos, and whatever you’re making next.

01 ↗

Pick your starting point.

A punchy title, a quiet caption, or a before-and-after moment. Start with a preset.

02 ↗

Give it your voice.

Change the words, colors, background, and size. Check it against your own video.

03 ↗

Drop it on your timeline.

Download a transparent PNG or animated overlay. Add it above your footage in your favorite video editor.

A FEW THINGS TO KNOW

Small tool.
Clear answers.

What is a video overlay maker, and what does it do?

A video overlay maker creates graphics you place on top of video footage. Overlay Studio helps you turn your words into styled titles, step labels, captions, lower thirds, before-and-after labels, and calls to action. Customize a preset and download it as a transparent PNG, or add an entrance and exit animation and export a transparent video overlay.

Who is this tool for, and how do I use an overlay?

It is for creators, educators, marketers, designers, and anyone making videos. Pick a preset, enter your words, and choose a style. Then download the graphic and import it into your video editor. Place it on a track above your footage, position it, and set when it appears. Previewing your video here helps with placement; this tool does not edit or export the underlying footage.

Can I use this as a text mockup or video mockup maker?

Yes. Use this free text mockup maker to try out titles, captions, lower thirds, and animated labels over your own video or image. It helps you preview the typography and placement of a video overlay mockup before adding the final transparent graphic to your edit. The download includes the overlay; your preview footage stays separate.

How can I add overlays to product mockups and animated mockup videos?

Create a product demo title, a feature callout, or a before-and-after label, then place its transparent PNG or animated MOV above your mockup video in your editor. Use it to explain packaging mockups, apparel mockups, device mockups, and branding presentations. Explore Mockaps 3D mockups for the product scene, then use this tool to make the supporting graphics.

What is the difference between an overlay template and a product mockup?

An overlay template styles the words and graphics on top of your content. A product mockup shows a design applied to an object, such as a box, shirt, mug, or phone. Overlay Studio makes reusable text and motion graphics templates for mockup presentations, social videos, and tutorials. For a custom product scene, explore custom mockups.

Is Overlay Studio really free?

Yes. All presets, customization, and PNG downloads are free, including 2× PNG resolution and animated downloads. There is no sign-up, subscription, or watermark.

What does this tool export?

Static transparent PNGs, or animated transparent WebM and lossless MOV overlays. Animation options include typewriter text, bounce-ins, fades, slides, rises, and pops, with adjustable timing and easing. These are overlay graphics; your preview video is never part of the export.

Will the preview background appear in my download?

No. The checkerboard, preview colors, safe-area guides, and your preview media are never exported. Only your text, accents, and any overlay panel you choose are included.

How do transparent animated overlays work?

Enable “Animate overlay,” choose an entrance and exit, and set how long the graphic stays on screen. Preview the motion, then download WebM or MOV. The background remains transparent. MP4 and GIF are not offered because they do not provide the same smooth alpha transparency for this workflow.

Should I choose WebM or MOV?

WebM produces smaller files for apps that support VP8 video with transparency. MOV uses the lossless QuickTime Animation codec with RGB + alpha, for editing in apps such as After Effects. It produces larger files and may not play in QuickTime Player or a web browser. Support varies by editor: import the clip on a layer above your footage to check transparency. Some video players show transparent areas as black even when an alpha channel is present.

Why does my overlay look black in After Effects?

A footage viewer can show transparent areas as black. Place the overlay above another clip to check it. In the Project panel, right-click the imported file and choose Interpret Footage → Main, then set Alpha to Straight – Unmatted if needed. If an older MOV download covers your footage with black, download it again: the MOV exporter has been updated to preserve transparency in After Effects.

Why does animated export take longer?

The browser renders each frame and encodes a transparent video on your device. The encoder loads only when you first export animation. Shorter clips and cropped artwork export faster than long, full-frame overlays. You can cancel an export at any time. PNG downloads remain available without loading the video encoder.

Which video editors can I use?

Use any editor that supports PNG images with transparency, including CapCut, Premiere Pro, DaVinci Resolve, Final Cut Pro, and Canva. Place the PNG on a layer above your video.

Should I crop to artwork or export a full frame?

Choose “Crop to artwork” for a compact graphic you can position and scale freely. Choose “Full video frame” to preserve your placement in a landscape, portrait, or square video. Match the video’s aspect ratio in the preview toolbar.

Are my text and videos uploaded?

No. Editing and exporting happen in your browser. Your latest design and saved presets are stored on this device. Preview media is temporary and is not saved or uploaded. Clearing browser data removes saved designs.

Which open-source software powers animation exports?

Animation exports use FFmpeg in your browser. You can find its licenses, matching source archives, and build instructions on our open-source credits page. Font licenses are included there too.

Can I use these graphics in client or commercial work?

Yes. You can use the graphics you create in personal, client, and commercial projects. Use text and other content you have the rights to use. Attribution to Mockaps is appreciated but not required.

Your next idea deserves to be seen.

Bring it to life with Mockaps ↗
KEEP A GOOD THING

Save your preset.

Keep these words and settings for next time.