Transparent Overlays for TikTok
TikTok covers the edges of your video with its own UI—icons on the right, caption and sounds at the bottom. Generate transparent hooks, CTAs, and stickers that land inside the safe zone, then composite before you upload.
TikTok overlay workflow
Before you start
- A Videohead account
- CapCut Desktop or another editor that supports alpha video—TikTok's in-app editor cannot import transparent video
- 9:16 footage (1080×1920) on your timeline
- Export WebM or MOV with alpha from Videohead
- 1.
Describe a vertical overlay
In Videohead, prompt for a TikTok-friendly graphic—a bold hook text for the first second, a follow CTA, or a caption-style kinetic text block. Mention 9:16 or vertical so the composition fits a phone frame.
- 2.
Keep the safe zone in mind
TikTok's engagement rail (like, comment, share) covers the right edge, and the caption, sounds, and username sit over the bottom. Ask for compositions that keep key text center or upper-center, away from the right side and the bottom quarter.
- 3.
Preview and tune copy
Adjust text, colors, and timing in the browser. TikTok viewers decide in the first second—lead with the hook and keep contrast high against busy footage.
- 4.
Export with alpha
Download WebM or MOV with transparency. 1080p covers TikTok's delivery resolution.
- 5.
Composite in your editor
Drop the file on a track above your clip in CapCut Desktop or your NLE. TikTok's in-app editor flattens uploads, so all overlay work happens before you export the final video.
- 6.
Export and upload to TikTok
Export 9:16 from your editor and upload as usual. The alpha layer is already composited—no green screen effect needed in TikTok.
Or start from the Short-Form Viral Kit
You do not have to prompt from scratch. The Short-Form Viral Kit bundles ready-made vertical overlays—hooks, kinetic text, and CTAs built for TikTok-style pacing.
Preview the set, remix any overlay into your workspace, swap in your copy and colors, then export with alpha and follow the steps above.
Tips
Switch the canvas node to 9:16
On the create canvas, open View on your overlay node and choose 9:16 so the preview matches TikTok's frame.
Hook in the first second
Time your overlay so the main text is fully readable almost immediately—TikTok's swipe decision happens faster than on any other platform.
Avoid the right rail and bottom quarter
Anything under the engagement icons or the caption area will be covered in the feed, even if it looks fine in your editor.
Reuse brand kits for series
Lock colors and style so every video in a series or ad set stays consistent.
Generate your TikTok overlay
Describe a hook, CTA, or caption animation and export with transparency for your next TikTok.
Open Videohead