Home > Screen Replacement

Wes McDermott

Principal Director, Substance 3D Worldwide Evangelism

linkedin-icon

Screen Replacement

Learn how to replace screens in footage with custom content, blending it naturally into the scene using compositing tools.

Download Project files

This summary is AI generated

Learning Outcomes:

  • Create a screen replacement in After Effects.
  • Use 3D layers for realistic graphics.
  • Animate phone cover using time remapping.

Level: Advanced

Skills you'll gain:

After Effects, 3D Animation, Masking, Layer Management

Key Insights

  • Match aspect ratio of graphics to phone screen.
  • Use the pen tool for precise masking.
  • Pre-compose layers for better organization.
  • Utilize essential graphics for easy updates.
  • Adjust lighting and shadows for realism.
  • Parent layers to maintain proper positioning.
  • Use negative scale to flip graphics.
  • Create shadow catchers for grounded 3D objects.
  • Experiment with light direction for accurate shadows.
  • Animate layers using keyframes for dynamic effects.

Did the AI summary help? Let us know.

Related Tutorials

Introduction and Project Setup
Product Icon 1.5K Views
08:32

Introduction and Project Setup

Overview of Substance Painter's workflow, UI, and initial project setup, introducing the essentials for 3D texturing workflows.
Fundamentals of Applying Textures
Product Icon 364 Views
19:10

Fundamentals of Applying Textures

Core texturing concepts including how to apply, manipulate, and visualize materials on 3D models using Painter's non- destructive layer workflow
Working with Custom Materials
Product Icon 163 Views
15:12

Working with Custom Materials

Building and refining custom texture effects using masks, selections, and layer operations to get precise material placement on 3D models
Advanced Texturing Techniques
Product Icon 337 Views
26:43

Advanced Texturing Techniques

Creating complex details using procedural textures, projection options, and importing vector graphics from Adobe Illustrator
Final Steps and Exporting
Product Icon 109 Views
11:01

Final Steps and Exporting

Notes on preparing and optimizing textures for use in After Effects and various 3D applications, including resolution management, export options, and techniques for optimizing textures
Exporting Animated GLB files from Cinema 4D for After Effects
Product Icon 165 Views
03:27

Exporting Animated GLB files from Cinema 4D for After Effects

Learn how to export animated GLB files from Cinema 4D and seamlessly integrate them into After Effects. You’ll learn how to export it as a GLB file and importing it into After Effects.
Getting Started with 3D in After Effects
Product Icon 91 Views
01:31

Getting Started with 3D in After Effects

Get familiar with the 3D tools in After Effects.
Navigation and Workspace Basics
Product Icon 42 Views
01:13

Navigation and Workspace Basics

Learn how to move around the After Effects interface, add cameras, and leverage viewports to manage 3D scenes.
Object Manipulation
Product Icon 44 Views
01:13

Object Manipulation

Build and refine custom texture effects using masks, selections, and layer operations to get precise material placement on 3D models.
Advanced Texturing Techniques
Product Icon 50 Views
03:05

Advanced Texturing Techniques

Learn the techniques for placing and arranging 3D models in space, parenting and animating with keyframes. You’ll also learn how to apply effects to 3D layers and working with animated models.
Lighting in 3D
Product Icon 44 Views
03:29

Lighting in 3D

Understand and control lighting to enhance 3D scenes.
Shadows and Realism
Product Icon 45 Views
02:48

Shadows and Realism

Explore techniques for grounding 3D objects in a scene with realistic shadows.
Advanced 3D Workflows
Product Icon 60 Views
12:55

Advanced 3D Workflows

Learn how to combine 3D with real-world footage and managing complex projects.
Working with Tracked Footage
Product Icon 38 Views
04:59

Working with Tracked Footage

Explore techniques for integrating 3D elements with video by using motion tracking.
Creating DOF (Depth of Field) effects
Product Icon 80 Views
03:30

Creating DOF (Depth of Field) effects

Learn how to simulate realistic depth of field in a 3D composition, adding a cinematic blur to foreground or background elements for enhanced visual focus.

Explore Other Tutorials

After Effects 847 Views
32:23

Composting graphics on a phone

Tony Lupoi demonstrates compositing phone graphics in After Effects, covering grain removal, marker cleanup, and keying. He uses Mocha AE for planar tracking to accurately place graphics, then adds depth of field, color correction, and reflections before final QC.
After Effects 204 Views
02:34

Intro & Tutorial Overview

Aaron Eaton demonstrates a variety of techniques and tricks to composite a shot from start to finish without leaving After Effects. This chapter kicks off with the tutorial overview of what is covered in this two-hour course.
After Effects 124 Views
03:22

Setting Up Your Workspace

Learn how to set up your composition for the correct specs and organization.
After Effects 138 Views
04:33

3D Tracking Overview

Learn how to quickly set up the shot with 3D Tracking using After Effects 3D Camera Tracker. You’ll also learn how to set up nulls, ground planes and solids to help with image placement.
After Effects 116 Views
02:50

Roto Overview

Learn how to use Mocha for your roto work to track smaller pieces in your composition.
After Effects 59 Views
07:10

Set Extension

Learn how to pre-comp to make your composition more organized and add videos created in Adobe Firefly to make a simulated background. You’ll also learn how to refine areas of your comp to make them look more natural in their environment.

Contact Us

Community -

Follow us on social media