This effect makes a real phone notification pop up in your video. Not a fake graphic, an actual animated message that appears just like it would on someone's screen. The trick looks best with a darker background in your shot. Here's exactly how to do it.
Step 1: Capture the Phone Screen Recording
First, set your phone's lock screen wallpaper to solid black. When you screen record with a black background, it makes isolating the pop-up message much easier in FCP.
Change the contact name in your phone to match whatever text you want the notification to say. Swipe down on your phone, start a screen recording, and have someone send you the message. End the recording once the notification animates in.
Film your main scene with the phone visible in frame. The darker the background behind the phone, the better the composite will look in the final result.
Step 2: Composite the Pop-Up
Bring your screen recording into FCP and place it above your main footage clip. In the inspector, use the Crop tool to trim off the top navigation bar and the white line at the bottom, just enough to clean it up without cutting into the notification animation itself.
Use the Transform tool to position the pop-up so it sits above the phone in your main shot. Then change the Blend Mode to Screen. This removes the black background from the recording, leaving only the notification visible.
Screen mode doesn't do a perfect job of cutting everything out, so add the Luma Keyer effect from the Effects Browser. Drag the black point slider to the left to remove the remaining dark areas and any compression artifacts. Now the notification looks like it's floating naturally over your footage.
Step 3: Color Grade and Lock It In
In your Color Wheels or Color Board, lift the midtones, lower the shadows slightly, and bump saturation so the notification color looks natural and vibrant again. Once it looks good, select the screen recording clip and press ⌘G to create a Compound Clip. This resets the frame boundary and prevents transform or crop issues when you add effects next.
If the black frame reappears after creating the compound clip, set the blend mode to Screen again on the compound clip.
Step 4: Add a Glow and a Reflection
For a more cinematic, techy look, search for the Glint plugin in your Effects Browser (it's free from Brad West; link it in your description). Dial in the parameters until you get a glow that feels right for your scene.
To add a reflection on the phone screen, hold Option and drag the compound clip to duplicate it. Lower the opacity and flip it vertically to create the reflected version. Position it below the notification so it sits on the phone screen surface.
Creative effects like this are just the beginning.
The FCP Color Grading Masterclass teaches the full professional post-production workflow. Featured on Apple's official resources page.
Explore the Masterclass