An overlay in CapCut is just another visual layer—until it is on the wrong track, outside the frame, or trimmed to three frames you can't find. Once the layer logic is clear, picture-in-picture, logos, B-roll, textures and green-screen inserts all become variations of the same workflow.
I build the base edit first, then add overlays one job at a time. This guide covers Mobile, Desktop and Web, with separate instructions for placement, timing, transparency, blending, masking, animation and the common “overlay not showing” problem.
Quick answer: on Mobile, use Overlay → Add overlay. On Desktop or Web, import the second visual and place it on a timeline track above the base video. Select that upper layer to resize, position and trim it.
What Counts as an Overlay in CapCut?
An overlay is an independently timed photo or video displayed above another visual. It is not limited to a transparent effect. A full-screen B-roll clip on an upper track is still an overlay, as is a small reaction video, a corner logo, a frame graphic or a light texture.
- Picture-in-picture: a smaller video inside the main frame.
- Photo or product image: a still visual shown while the base video continues.
- Logo or graphic: ideally a file with real transparency when the background should disappear.
- B-roll: an upper video that temporarily fills the frame while base audio continues.
- Texture or light: a full-frame asset combined with opacity or a suitable blend mode.
- Green-screen element: an upper clip whose colored background is removed with chroma key.
Text, stickers and effects can also sit above video, but they have their own creation controls. Use the CapCut text guide for titles and the effects guide for processed looks rather than treating every visual element as imported overlay media.
Choose the Overlay That Solves the Shot
Start with the result, not the fanciest control. For a tutorial, a crisp screenshot or zoomed crop is often more useful than a glowing texture. For an interview, picture-in-picture can preserve a demonstration while keeping the speaker visible. For a logo, a clean transparent file avoids the damage that background removal can do to small lettering.
CapCut's image-overlay guide treats transparency, opacity and placement as separate choices. Keep them separate in the edit too: first choose the right asset, then decide how much of it should remain visible.
Every extra layer adds another timing and composition decision. If the upper visual should completely replace the base picture for five seconds, leave it full-frame. If the viewer needs both visuals at once, resize or mask it. Lowering opacity is useful for textures and comparisons, but it is not a universal fix for a badly chosen overlay.
How to Add an Overlay in CapCut Mobile
- Open the project and move the playhead near the first frame where the overlay should appear.
- Tap Overlay in the bottom toolbar, then choose Add overlay.
- Select the photo or video from the media picker and tap Add.
- Tap the new overlay in the preview or on its timeline row.
- Pinch or drag the handles to resize it, and drag the layer to its intended position.
- Move or trim the overlay clip on the timeline to set its start and end.
- Play through the entrance, the full display time and the exit before styling it further.
CapCut's overlay resource documents the same Mobile path. Menu positions can move between releases, but the important state is consistent: select the independent overlay clip before looking for its transform, cutout, mask, blend or animation controls.
If Overlay is missing from the first toolbar view, deselect the base clip and scroll the bottom controls. If you select the main video, CapCut may show clip-specific tools instead of the project-level Add overlay command.
How to Add an Overlay in CapCut Desktop
- Import the base video and the photo or video you want to place above it.
- Put the base video on the main timeline track.
- Drag the overlay from the Media bin to a separate track above the base.
- Select the upper clip. Resize and position it in the preview or with the transform controls.
- Move and trim the upper clip to control when it appears.
- Use crop, mask, cutout, opacity, blend or animation only when the composition calls for it.
Desktop doesn't need a special “Add overlay” button for this basic task. The upper track is the overlay. CapCut's overlay guide shows imported visual media arranged as layers on PC, while the CapCut for PC guide explains the Media, preview, Inspector and timeline areas.
Give related layers clear names when the project grows. “Logo-white,” “screen-demo” and “texture-02” are easier to troubleshoot than five copies of IMG_4832. Lock a finished base track if accidental drags become a problem, but remember to unlock the intended overlay before trying to move it.
How to Add an Overlay in CapCut Web
Upload the base and overlay media, place the base on the timeline, then drag the second visual to a layer above it. Select the upper element to resize and position it in the canvas, and trim its timeline edges for duration. CapCut's picture-on-video guide covers the shared layer, blend and export idea.
Wait for both uploads to finish before closing the browser. Save after major timing or mask work, and keep the original files outside CapCut. If the browser can't load media or the preview stalls, follow the CapCut Web Editor checks instead of rebuilding the overlay from scratch.
Create a Clean Picture-in-Picture Layout
Put the second video above the base, select it and reduce its scale. Position it where it doesn't cover the subject, captions or platform controls. A thin border or restrained shadow can separate similar colors, but a frame is not required when contrast is already clear.
Keep the inset large enough to understand at phone size. A screen recording with small interface labels may need a crop before scaling; otherwise the important controls become unreadable. The cut, trim and split guide covers timing the upper clip, while the text guide covers labels that explain what the inset contains.
If the goal is to hide a face, license plate or private notification, don't depend on a decorative block that can drift away. Use the tracked techniques in the CapCut partial-blur guide and inspect the full movement frame by frame.
For side-by-side layouts, resize and position two visuals rather than dropping one randomly over the other. Align their edges and leave deliberate spacing. Check the canvas aspect ratio before fine positioning because switching from 16:9 to 9:16 can move a previously safe inset behind social controls.
Add a Photo, Logo or Transparent PNG
Import the image and place it above the base. A still image can be extended by dragging its timeline edge, so match its duration to the section where it adds context. Crop empty margins before making the graphic tiny.
Use a PNG, WebP or another format that retains an alpha channel when the graphic needs genuine transparency. JPEG doesn't store transparency; a white or black rectangle in the file will remain part of the overlay. If the logo has a solid background, source a proper transparent version before using automatic removal on fine typography.
For still-on-still composites, CapCut's add-image-to-image workflow uses the same layer and opacity logic. In a video project, the extra requirement is duration: the image overlay must cover every frame where it should remain visible.
For a watermark, choose a corner that doesn't fight with captions or controls and keep opacity high enough to remain legible. A brand mark should not become the brightest object in every shot. Export a short test because thin lines can soften after video compression.
Use Opacity, Blend Modes and Masks Deliberately
Opacity changes the entire overlay uniformly. It works for a reference comparison, ghosted duplicate or subtle texture, but it also weakens every edge and color. A blend mode combines the overlay and base according to their tones; mode names and availability can differ by platform, so preview the real shot rather than copying a recipe.
A mask reveals only part of the upper layer. Use it for split screens, soft-edged inserts, circular picture-in-picture or a reveal that needs a controlled boundary. Feathering softens the mask edge; too much feather can make an overlay look dirty rather than integrated.
Crop removes unwanted outer areas without creating a shaped reveal. Background removal isolates a subject. Chroma key removes a selected color. These tools solve different problems, and stacking all of them often makes edges worse.
Overlay Green-Screen or Background-Removed Video
Place the green-screen clip above the new background, select the upper clip and use Chroma key to sample the green. Adjust strength and edge controls until the background disappears without eating into the subject. The full CapCut green-screen tutorial covers spill, edge cleanup and lighting.
When the clip has no clean green background, use the available cutout or background-removal tool and inspect hair, motion blur and transparent objects. The remove-background guide compares the practical approaches. Keep a duplicate of the original upper clip disabled or off-canvas until the composite is approved.
Move an Overlay With Keyframes
Select the overlay and place the playhead at its starting frame. Add a keyframe for position, scale, rotation or opacity, move later in time, then change the property to create the next state. CapCut interpolates the change between those points.
Use motion to follow attention: a callout can slide toward the control it explains, and picture-in-picture can shrink after an introduction. Don't animate every property at once. The keyframe guide explains the full workflow and the difference between setting a state and moving the playhead.
An overlay entrance animation belongs to that upper layer. A transition usually joins adjacent clips. The CapCut transitions guide explains the distinction so a missing transition slot is not mistaken for a broken overlay.
Watch the edges of the canvas during motion. An overlay can briefly leave a gap, expose an uncropped edge or cover a caption even when its start and end frames look fine.
Why a CapCut Overlay Is Not Showing
- Timing: put the playhead inside the overlay clip and extend it if it is too short.
- Track order: place the overlay above the base; an opaque upper clip can also cover another overlay beneath it.
- Visibility: check the track eye/visibility state and confirm the intended clip is selected.
- Transform: reset extreme scale, position, crop, mask and rotation values; raise opacity above zero.
- Composite: return the blend mode to Normal and disable effects temporarily to isolate the cause.
- Render: save, restart or refresh, then export a short test to separate preview trouble from the final file.
One user went hunting for the masking panel and found it in two different places: under the selected overlay on Mobile, inside the clip's Video controls on Desktop. Menus drift between versions; the part that never changes is selecting the clip first.
If an effect or overlay asset won't load, protect the project before clearing data or reinstalling. People keep reporting overlay and effect loading failures tied to one platform — which doesn't mean your media layer is corrupt.
Check the Composite Before Full Export
Export a short section that contains the overlay entrance, its most complex frame and its exit. Watch it outside CapCut at the destination size. Confirm that edges stay clean, motion remains inside the canvas, small type is readable, no overlay flashes for a frame, and the layer order matches the preview.
Then render the full project using the CapCut export settings for the platform. Keep the editable project and original overlay files; a flattened export can't restore a mask, transparency or motion path later.
CapCut Overlay FAQ
How do I add an overlay in CapCut Mobile?
Open a project, tap Overlay, choose Add overlay, select a photo or video, and tap Add. Resize and position it in the preview, then trim its separate timeline clip to control when it appears.
How do I add an overlay in CapCut on PC?
Import the photo or video, then drag it to a track above the base video. Select that upper clip to resize, position, crop, mask, animate, or change opacity in the preview and side controls.
Can I put a video on top of another video in CapCut?
Yes. Put the main video on the lower track and the second video on a track above it. Resize the upper clip for picture-in-picture or leave it full-frame and use a mask, blend mode, key, or opacity where appropriate.
How do I make an overlay transparent in CapCut?
Select the overlay and reduce its opacity in the available video or compositing controls. For a logo with no box around it, start with a PNG or another file that contains transparency; a JPEG can't store a transparent background.
Why is my CapCut overlay not showing?
Put the playhead inside the overlay clip, confirm the layer is visible and above the base, and check scale, position, crop, mask, opacity and blend mode. Save, restart or refresh, then test a short export.
How do I make an overlay move in CapCut?
Select the overlay, add a keyframe for its starting position or scale, move the playhead, then change the transform to create the next keyframe. Preview the motion and leave the frame boundaries clean.
Is an overlay the same as a CapCut effect?
No. An overlay is an independent photo or video layer you can time and transform. An effect is a processed look applied to a clip, body, scene, or timeline range. Some visual results can use both.
This lesson follows music in the CapCut tutorial learning path. The next step is a focused masking workflow for composites that need a shaped or moving edge.