demobook

CapCut: Create the Spotify scroll effect

CapCutTry it →Watch full video →Modern Millie ·

Demo summary

Shows how to blend a screen recording of a music app with a video of a person using the 'Splice' and 'Lighten' tools, plus masking for a gradient fade.

Step-by-step

  1. Import two videos: one of yourself scrolling and one screen recording of the app.
  2. Select the screen recording clip and tap Overlay to move it on top of the main video.
  3. Crop and zoom the overlay to fit the desired area.
  4. Select the overlay and go to Splice, then choose Lighten.
  5. Align the timing of the scrolls in both clips so they match.
  6. Go to Transform and select Mirror to flip the perspective of the overlay.
  7. Select Mask, choose Mirror, and drag the arrows to create a gradient fade effect.

Options

  • Use the Filter splice option instead of Lighten if the app uses light mode (like Instagram).
  • Experiment with different splice modes depending on the app's background color.

Watch out for

  • You must film two separate videos: a screen recording and a video of yourself scrolling nothing.

Tips

  • Ideally, line up the pace of your physical scroll to match the pace of the screen recording scroll.
  • Mirror the overlay to make it look more realistic, as if it is from your perspective.
  • Use the mask tool to add a gradient fade for a more dynamic look.

Highlights

“this looks cool already there are a few other effects that you could add to make it even more Dynamic”

All demos from “10 CapCut Editing Hacks that will BLOW YOUR MIND🤯”

  1. 0:390:21Disable default CapCut endingThe creator shows how to navigate to the 'Me' tab and toggle off the 'Add default ending' setting in CapCut to prevent the automated outro from appearing on new projects.CapCutAI Video Editor
  2. 1:332:21Remove video background in CapCutDemonstrates using the 'Remove Background' tool in CapCut, showing both the Pro 'Auto removal' feature and the free manual 'Brush' tool to trace a subject.CapCutAI Video Editor
  3. 4:141:27Place text behind a subjectShows how to layer text behind a person by duplicating the clip, removing the background of the top layer, and adjusting the layer order in CapCut.CapCutAI Video Editor
  4. 6:151:41Create a custom green screen effectDemonstrates adding a screenshot behind a subject in post-production using overlays, background removal, and layer management in CapCut.CapCutAI Video Editor
  5. 8:290:39Animate product pop-upsShows how to add a product screenshot as an overlay, remove its background, and adjust its timing to make it appear as if it is popping up in the video.CapCutAI Video Editor
  6. 9:271:35Apply 3D Zoom effect to photosDemonstrates turning a static photo slideshow into a dynamic video by applying the '3D Zoom' style effect to images on the CapCut timeline.CapCutImage to Video
  7. 11:271:14Create custom cover photos and thumbnailsShows how to use the 'Cover' tool and templates in CapCut to design a thumbnail from a specific video frame and export it separately.CapCutVideo Frame Extractor
  8. 13:100:35Use the CapCut teleprompterDemonstrates how to access and use the built-in teleprompter feature in CapCut Pro to read a script while recording video.CapCutAI Video Recording
  9. 14:122:24Create the Spotify scroll effectCurrentShows how to blend a screen recording of a music app with a video of a person using the 'Splice' and 'Lighten' tools, plus masking for a gradient fade.CapCutAI Video Editor
  10. 16:482:35The typing overlay hackDemonstrates how to overlay a Notes app screen recording onto a video of hands typing, using 'Darken' splice mode and background removal to place the hands in front of the digital text.CapCutAI Video Editor
  11. Watch “10 CapCut Editing Hacks that will BLOW YOUR MIND🤯” →

AI Video Editor

  1. 13:090:44Keyframing and text presets in CapCut DesktopThe creator demonstrates smooth keyframe animations and applying content-creator focused text presets in the CapCut desktop application.finzar
  2. 1:310:40Import and add media to the CapCut timelineThe creator demonstrates how to select multiple video files from a local folder and import them into the CapCut media bin before dragging them onto the editing timeline.@MeticsMedia
  3. 2:110:38Zooming in and out of the timelineThe video shows how to navigate the CapCut timeline using keyboard shortcuts (Control +/-) and mouse wheel scrolling to adjust the view of the clips.@MeticsMedia
  4. 2:491:43Trimming and splitting clips in CapCutThe tutorial walks through several methods for trimming footage, including using the Split tool (Control + B), dragging clip edges, and using the Q and W ripple trim shortcuts.@MeticsMedia
  5. 5:240:53Adding and adjusting transitionsThe user demonstrates selecting a transition from the CapCut library, dragging it between two clips, and adjusting its duration in the details panel.@MeticsMedia
  6. 6:170:49Adjusting scale, position, and rotationThe creator shows how to reframe a video by using the scale slider, dragging the video directly in the player to center it, and using the rotation wheel.@MeticsMedia
  7. 7:090:41Creating a zoom animation with keyframesThe video demonstrates how to use the diamond keyframe icons in CapCut to animate a scale change over time, creating a smooth zoom effect.@MeticsMedia
  8. 7:500:32Adjusting video speed and durationThe tutorial shows how to use the speed slider to create slow motion or fast motion, as well as entering a specific time duration to automatically adjust clip speed.@MeticsMedia
  9. 8:560:41Color correction and applying filtersThe creator demonstrates manual color adjustments like saturation and exposure before applying a preset filter directly to a clip in the timeline.@MeticsMedia
  10. 9:371:14Adding and editing audio in CapCutThe video shows how to browse CapCut's stock music library, add a track to the timeline, and use the audio panel to adjust volume and add fade effects.@MeticsMedia
  11. 10:511:44Generating and styling auto-captionsThe creator demonstrates CapCut's speech-to-text feature to generate captions automatically and then styles them using preset templates and manual font adjustments.@MeticsMedia
  12. 12:350:56Adding custom text and text animationsThe tutorial shows how to add a default text layer, customize the wording to 'Skiing Trip', and apply a typewriter 'In' animation and a fade 'Out' animation.@MeticsMedia
demobook

Show, don’t tell.

Categories

Video & AnimationImage Generation & EditingSales TechEmail Marketing

About

SubmitAboutPrivacyTermsContact

© demobook.co