How to Track and Replace a Screen in After Effects
Stop avoiding motion tracking. It's an important VFX skill to add to your MoGraph set — and mastering the Tracker in After Effects can translate to much more than screen replacement; it's even useful in Futuristic User Interface (FUI) design.
Plus, it's not nearly as complicated as many motion designers think. We can — and will — have you tracking and replacing computer screens in After Effects in a single minute.
That's right: Birmingham-based motion designer, director and SOM alum Jacob Richardson is back with another Quick Tip Tutorial.
If you don't have footage for this exercises, download the project file and use what we've provided.
How to Replace a Screen in After Effects: Quick Tip Tutorial Video
{{lead-magnet}}
HOW TO REPLACE A SCREEN IN AFTER EFFECTS: EXPLAINED
STEP 1: SET UP THE TRACKER WINDOW
Before you start tracking, you'll need to ensure your Tracker settings are correct so After Effects knows which footage and type of tracking you'll be using.
To set up your Tracker window:
- Open the Tracker window
- Select Motion Source
- Click Track Motion
- Set Track Type, Perspective Corner Pin
STEP 2: DEFINE THE TRACKING POINTS
As soon as you've established your Tracking settings, four Tracking points should appear in your Composition window; if you don't see them, double-check your Tracker type.
To define your Tracking points, move each point to align with each corner of the computer screen, so the corner is centered in the two Tracking boxes. If necessary, increase the size of the boxes to improve your tracking accuracy.
If your footage begins with the computer screen off screen, find and use a frame that displays the entirety of the computer screen; we can analyze forward or backward later.
STEP 3: ANALYZE THE FOOTAGE
To start tracking:
- Set the time indicator to your tracking starting point
- Open the Tracker window and click the Analyze forward play button
STEP 4: APPLY MOTION TRACKING DATA
By clicking that Play button in the previous step, we instructed After Effects to key frames with positional data on the layer we tracked. In our fourth and final step, we have to apply that information to our replacement footage.
To transfer the tracking data to the target layer:
- Set the current time indicator
- Open the Tracker window
- Click Edit Target
- Select the replacement layer, and click OK
- Click Apply in the Tracker window
After Effects will place your shot in the scene, with your four corner tracking points applying their positional data to your replacement footage.
Not happy with the result?
If you want to re-track your footage, delete the keyframes that were placed on your replacement footage and repeat the process, broadening the tracking point boxes so there are more pixels for After Effects to analyze.
INSPIRED?
If you want to learn more about visual effects for motion design, our VFX for Motion course is right for you.
Taught by industry icon Mark Christiansen, this intensive After Effects course will empower you to create world-class compositions combining live-action footage and motion graphics.
At the course's completion, you'll be skilled in advanced compositing techniques including keying, rotoscoping, tracking, matchmoving, color correction, and more.
VFX for Motion is packed full of exclusive, in-depth lessons developed by Mark, author of the After Effects Studio Techniques series of books that helped launch a generation of visual effects artists. Also included are interviews with some of the biggest names in VFX, and hundreds of downloadable project files.
Along the way, you'll get your work critiqued by professional motion designers and connect with fellow artists.
Dive into real-time 3D with our Unreal Engine beginner's course by Jonathan Winbush. Master importing assets, world-building, animation, and cinematic sequences to create stunning 3D renders in no time! Perfect for motion designers ready to level up.
Explore this Course ➔Unlock the secrets of character design in this dynamic course! Explore shape language, anatomy rules, and motifs to craft animation-ready characters. Gain drawing tips, hacks, and Procreate mastery (or any drawing app). Ideal for artists seeking to elevate their craft.
Explore this Course ➔Elevate your freelance motion design career with our guide to client success. Master a repeatable method for finding, contacting, and landing clients. Learn to identify prospects, nurture leads, and develop a thriving freelance philosophy amidst chaos.
Explore this Course ➔Rev up your editing skills with After Effects! Learn to use it for everyday needs and craft dynamic templates (Mogrts) for smarter teamwork. You'll master creating animated graphics, removing unwanted elements, tracking graphics, and making customizable templates.
Explore this Course ➔Stand out with Demo Reel Dash! Learn to spotlight your best work and market your unique brand of magic. By the end, you'll have a brand new demo reel and a custom campaign to showcase yourself to an audience aligned with your career goals.
Explore this Course ➔Illuminate your 3D skills with Lights, Camera, Render! Dive deep into advanced Cinema 4D techniques with David Ariew. Master core cinematography skills, gain valuable assets, and learn tools and best practices to create stunning work that wows clients.
Explore this Course ➔Master After Effects at your own pace with Jake Bartlett's beginner course. Perfect for video editors, you'll learn to create stylish animated graphics, remove unwanted elements, and track graphics into shots. By the end, you'll be equipped for everyday AE needs and more.
Explore this Course ➔Revolutionize your Premiere workflow with customizable AE templates! Master creating dynamic Motion Graphics Templates (Mogrts) in After Effects to speed up your team's work. By the end, you'll craft easily-customizable templates for seamless use in Premiere Pro.
Explore this Course ➔Not sure where to start?
If you’re a beginner, here are some great courses to help you get started:
After Effects Kickstart
Dive into the fundamentals of motion design with our most popular (and recently updated) After Effects course.
Photoshop + Illustrator Unleashed
Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.
Design Kickstart
An introduction to the design principles behind all great work.
More Advanced?
If you’re a more advanced student looking to up your game, here are some great options:
Animation Bootcamp
Learn the art and principles of creating beautiful movements in Adobe After Effects.
Design Bootcamp
Learn to design for motion in this intermediate-level, project-based course.
Cinema 4D Basecamp
Learn Cinema 4D from the ground up in this exciting introductory C4D course.
Now is the time to learn the skills you need to advance in your motion design career: