Free Training / Editing

Create Pop-Up Animations With Ease and For Free in Final Cut Pro

EDITING By Dylan John Dickerson Oct 2023 7 min read
Prefer video? Watch the full walkthrough above, or subscribe on YouTube for weekly tutorials.

So you want to annoy your viewers with pop-ups like I do? Here's how simple it is. Say you're talking about weightlifting and want a dumbbell to pop up on screen, smooth and professional.

Step 1: Get a clean PNG (the Mac magic trick)

The problem with most images you find: they're not cut out. Add one as a pop-up and you get a rectangular white picture with a dumbbell inside it. The fix blew me away when my buddy Tyler taught it to me over Zoom: save the image, then right-click it in Finder, go to Quick Actions, and hit Remove Background. macOS cuts it out automatically. That's it. Thank you, Tyler.

Step 2: Paste it the right way

Click the PNG, press Command C, head to your timeline, and press Option V. This pastes the image as a connected clip ABOVE your footage, starting at the playhead. Why not Command V? Because Command V inserts it INTO the primary storyline, shoving your edit apart, which you definitely don't want here.

Step 3: Position first, THEN compound, THEN animate

I animate my pop-ups with a free plugin called Tap5a (linked in the video description). But before applying it, position your image: press Shift T for the transform tool, scale it down, park it where it should end up (say the upper left corner), then press A to deselect.

Now the mistake everyone makes: applying the animation directly to the image. Choose "fly from bottom" and you'll notice it doesn't actually fly from the bottom of the FRAME; it animates relative to the image's position. The fix: select the PNG and press Option G to make a compound clip (rename it "dumbbell," if you can spell), and apply the plugin to the compound instead. Now "fly from bottom" flies from the actual bottom of the frame.

Step 4: Dial in the animation

Tap5a looks confusing but it's easy: 18 animations in, 18 animations out, with a time slider for each (left is faster, right is slower). Quick fly-in from the bottom, slower zoom-out on the exit, whatever fits.

Finishing touches: add a drop shadow effect with a little blur behind the PNG for realism. Order matters here too: apply the drop shadow BEFORE the animation effect in the stack. Trim the pop-up's duration to taste, add a sound effect, and you're done.

LEVEL UP

Color grading that matches the energy of your edit

The FCP Color Grading Masterclass takes you from flat, uncorrected footage to a professional-grade image. Featured on Apple's official Final Cut Pro Resources page.

Explore the Masterclass
Dylan John Dickerson

Dylan John Dickerson

FCP Certified Post-Production Pro. A decade of professional editing and color, teaching 90,000+ creators on YouTube.

More about Dylan →