Premiere Pro Tutorials

How to Animate Screenshots in Premiere Pro

Animate a screenshot in Premiere Pro with Drop Shadow, Basic 3D swivel and tilt keyframes, then ease the keyframes for a smooth 3D card effect.

Motion GraphicsPremiere Pro
A tilted screenshot of a YouTube channel page with a soft drop shadow on a turquoise background in Premiere Pro

Watch the tutorial

Step 1: Put the screenshot above a background clip

Place your screenshot on a video track directly above a background clip. In the video the background is a plain Color Matte on V1 and the screenshot sits on V2. A solid colour makes the shadow and the 3D tilt easy to see, but a video or a gradient works just as well. Make both clips the same length.

Premiere Pro timeline with a screenshot PNG on track V2 above a Color Matte on V1

Step 2: Add a Drop Shadow

Open the Effects panel (Window > Effects), search for Drop Shadow and drag it from Video Effects > Perspective onto the screenshot. Select the screenshot, open Effect Controls and find Drop Shadow. Set Opacity to 100 and push Softness up to around 110. The video ends up at 114. This gives you a gentle, spread-out shadow instead of a hard edge.

Searching for Drop Shadow in the Premiere Pro Effects panel, found under Video Effects, Perspective

Faster with BetterFX: skip the Effects panel. Press your BetterFX shortcut, type the first letters of Drop Shadow and press Enter to apply it to the selected clip. Get BetterFX

If the screenshot is too big or too small, change its Scale in the Motion section of Effect Controls until it sits nicely in the frame.

Step 3: Apply Basic 3D

Search for Basic 3D in the Effects panel and apply it to the screenshot as well. It lives in the same Perspective folder. Basic 3D lets you rotate the image around a vertical axis with Swivel and around a horizontal axis with Tilt, which is exactly the look you need.

Step 4: Keyframe Swivel and Tilt

Make sure the playhead is at the start of the clip and the screenshot is selected. In Effect Controls, click the stopwatch next to both Swivel and Tilt to set the first keyframes. Now change both values until you like the starting pose. A strong tilt makes the card look like it is leaning away from the camera.

Move the playhead to the end of the clip and change Swivel and Tilt again to a different angle. Premiere creates the second set of keyframes automatically and the screenshot slowly rotates between the two poses. Play it back and adjust the values until the movement feels right.

Drop Shadow and Basic 3D settings in Premiere Pro Effect Controls with keyframes on Swivel, Tilt and Distance to Image

Step 5: Experiment with Distance to Image

If you want a different result, play with Distance to Image in the Basic 3D settings. It moves the image toward or away from the viewer. The video keyframes it too, so the screenshot also drifts a little closer or further away while it rotates. Change the value at the start and the end of the clip and watch how the look changes.

Step 6: Ease the keyframes for a smooth animation

Linear keyframes make the rotation move at a constant speed, which can look stiff. Select all of your keyframes in Effect Controls, right-click one and open Temporal Interpolation. Apply Ease In and Ease Out so the screenshot starts slowly, speeds up and slows down again as it arrives. For a deeper look at how this works, read our guide to easing keyframes in Premiere Pro.

Temporal Interpolation menu in Premiere Pro with Linear, Bezier, Auto Bezier, Continuous Bezier, Hold, Ease In and Ease Out

Smoother with EaseFlow: select the keyframes and apply a real easing curve in one click instead of dragging Bezier handles. See EaseFlow

Tips

  • Use a clean screenshot. Crop out browser toolbars and notifications first so the card looks tidy at an angle.
  • Keep the angles moderate. Small swivel and tilt values look elegant. Extreme angles distort the text inside the screenshot.
  • Match the shadow to the scene. A softer, lighter shadow suits bright backgrounds, while a darker one works on colourful mattes.

FAQ

Where is Basic 3D in Premiere Pro?

Search for it in the Effects panel. It is in the Video Effects > Perspective folder, next to Drop Shadow.

Can I animate a screenshot without keyframes?

Not with Basic 3D. The rotation needs keyframes on Swivel and Tilt, one set at the start and another at the end of the clip.

Why does my screenshot look jagged when it tilts?

Use a high-resolution screenshot and avoid scaling it far above 100. A larger source image keeps the edges sharp once it is rotated.

Need more ready-made looks for your edits? Take a look at the Ultimate Premiere Pro Presets with over 500 presets.