On this page
Try a clean cut first. Use picture-in-picture only when showing both sources at once helps the viewer understand the action.
Prepare the two sources
Use an original reaction file available through your account and a recording of your own product. Check both at full speed before importing. Give them clear names so you can tell the source reaction from later exports.
Decide the canvas around the destination and the product action. A vertical canvas can suit a mobile feed, but the screen recording must remain readable. Do not stretch either source to fill the frame; crop or position it deliberately.
Version one: a direct cut
Import both files into CapCut and arrange the reaction before the screen recording. Trim the reaction to the part that introduces the action. Place the beginning of the demo where it answers the opening, rather than leaving navigation or waiting time between them.
Preview the join without a transition effect. If the meaning is clear, you may not need anything else. Add a short text layer to the reaction only if it clarifies the question. End that layer before it obscures the product.
| Track | Opening | Demonstration | Result |
|---|---|---|---|
| Main video | Reaction | Screen recording | Hold the finished state |
| Text | One short question | Only a necessary instruction | Optional next step |
| Audio | Consistent level | Keep speech intelligible | Avoid an abrupt ending |
Version two: picture-in-picture
For simultaneous footage in CapCut, place the second source as an overlay or on a higher video track. The exact controls differ between mobile and desktop. Scale and position it in the preview, then set its duration to the portion where seeing both sources helps.
An overlay should not sit on a button, result or caption. Watch the whole sequence, because the important interface area can change. If every corner eventually contains something useful, the clean-cut version is the better layout.
Fix the common joining problems
A mismatch in source dimensions is normal. Fit each shot to the chosen canvas without distorting a face or stretching interface text. If the original reaction is too small for a tight crop, choose another composition. Increasing export resolution cannot recover detail absent from the source.
Keep the pace of the product action separate from the expression. Do not speed both clips up just because the opening feels slow. Trim the reaction’s lead-in first, then judge the transition again.
- No gap or accidental black frame at the join.
- No hidden product control under an overlay.
- Text ends when its job ends.
- The audio level remains comfortable across the cut.
- The exported file, not only the editor preview, plays correctly.
Watch the sequence
The reaction introduces the idea; the screen recording shows the action. This is an editing demonstration, not a customer result.
Hover or tap to play. The final edit starts with the reaction, then cuts to the demo.
Questions & answers
Should I use split screen?
Only if both halves remain readable. A full-screen demo after a short reaction is a useful default for dense interfaces.
Why does my face clip look soft after cropping?
The crop may be using a small part of the source. Check the original dimensions and choose a wider composition or a higher-resolution source.
Sources & further reading
Sources checked September 26, 2026. Tool features and availability can change.
Find the opening for your next edit.
See the public samples, then unlock the library when you’re ready to work with the originals.
Explore the library