All classes After Effects Syllabus · Episode 76 of 104

Checking access...

Want to go deeper?

Join one of our courses or ask us directly on WhatsApp.

View the full 104-episode syllabus View After Effects Courses Ask on WhatsApp

Recommended classes for you

Picked from the software, topic, and level of “Class After Effects #76: Replacing Window Content with Video: Corner Pin + Planar Tracking”.

104 episodesFree preview

Adobe Audition · Beginner–Advanced

Complete Adobe Audition

104 video lessons with PDF guides, 10 h 33 min in total.

10 h 33 min 5 0

View class

105 episodesFree preview

Adobe Premiere Pro · Beginner

Complete Adobe Premiere Pro

105 video lessons with PDF guides, 6 h 22 min in total. Starts with: Getting to Know the Premiere Pro Interface: Panels, Monitors, and Timeline.

6 h 22 min 6 0

View class

104 episodesFree preview

Adobe Animate · Beginner–Advanced

Complete Adobe Animate

104 video lessons with PDF guides, 8 h 56 min in total.

8 h 56 min 5 0

View class

Need more than a video?

Other ways we can help with Adobe After Effects.

Learn with a mentor

Scheduled Video Editing courses with live guidance and a certificate.

Course

Course/Training Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects

★ 4.9 (3)

Course

Course/Training Resolume Arena — Resolume Arena Mastery: Visual Mixing and VJing

★ 5.0 (12)

Course

Adobe Premiere Pro CC 2019 Basic to Ultimate Training Course

★ 5.0 (9)

See all in Video Editing →

Have it built for you

No time to learn Adobe After Effects? Our team can do the project for you.

Service

Development Service: Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects

★ 5.0 (3)

Service

Development Service: Adobe After Effects — Expressions Expert

★ 5.0 (3)

Service

Adobe Premiere Pro Creation Service — Video Editing for Internet Marketers

★ 5.0 (4)

See all in Video Editing →

Get notified about new Adobe After Effects classes

At most one email a week. Unfollow anytime with one click.

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

This is the final result we're going to create: a window in an old building that now displays a barista making coffee, still neatly framed even though the camera is moving. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Replacing the content of a TV screen, phone, or billboard is a daily task for compositors. The key is the corner pin effect for perspective, plus tracking data so the corners move accordingly. Create a composition from the building facade footage, then import the barista making coffee footage and place it on top.

Step 1: Replacement Video

This video will be placed in the middle of the second floor window, right below the balcony.

Step 2: Manual Corner Pin

Apply the corner pin effect to the coffee footage. In the viewer, four corner points appear. Connect the upper left corner to the upper left corner of the window glass, upper right to the upper right, lower left to the lower left, and lower right to the lower right. The coffee video is now folded into the window frame with a perspective.

Step 3: Camera Movement Issue

Move the CTI to the 3-second mark. The camera has moved, but the video remains in place and exits the window. We need motion data from the wall plane so that all four corners move accordingly.

Step 4: Tracking the Plane

Select the facade footage and run the camera tracking. After the tracking points appear, select the group of points on the wall. We will apply this plane perspective data to the four corner pin points, so each frame has its own corner keyframe.

Step 5: Aligning with the Glass

Lower the opacity of the coffee video to 90% and add a little soft glow. Real glass windows reflect light, so a little transparency makes the image feel like it's behind the glass.

Step 6: Preview

Preview the result. The barista video displays in the window and remains neatly framed when the camera approaches and looks up. The same technique applies to phone screens, monitors, and billboards.

Done!

Done. We have manually applied the corner pin with four corners, understood the issue of a moving camera, applied the plane data to the corners, and combined the video with the glass. The tracking module is complete. In the next module, we learn keying and rotoscoping. Need a promotional video, logo animation, motion graphics for social media, or visual effects for short films? Cerdas Inovasi Digital provides motion graphics and visual effects services, as well as After Effects courses from beginner to advanced. Want to master the entire series, 104 episodes from the interface to the final project? All episodes, complete with PDF step-by-step guides, source footage, and project scripts, are available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want just one class? Buy individual classes with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact us via WhatsApp, or visit cerdasinovasidigital.com Thank you for watching, see you in the next episode.

Ask the class material

Type a question or keyword; we find the part of this episode that explains it and jump the video there.

My notes

Notes are saved with the current video time and are only visible to you.

Questions & answers

Stuck on a step? Ask here; the instructor and other learners can answer.

No questions yet.

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

53 video classes1,283 episodes

We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.

See our clients →

Memuat

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

Step 1: Replacement Video

This video will be placed in the middle of the second floor window, right below the balcony.

Step 2: Manual Corner Pin

Step 3: Camera Movement Issue

Move the CTI to the 3-second mark. The camera has moved, but the video remains in place and exits the window. We need motion data from the wall plane so that all four corners move accordingly.

Step 4: Tracking the Plane

Step 5: Aligning with the Glass

Lower the opacity of the coffee video to 90% and add a little soft glow. Real glass windows reflect light, so a little transparency makes the image feel like it's behind the glass.

Step 6: Preview

Preview the result. The barista video displays in the window and remains neatly framed when the camera approaches and looks up. The same technique applies to phone screens, monitors, and billboards.

Done!

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

53 video classes1,283 episodes

See our clients →

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:43Step 1: Replacement Video

0:51Step 2: Manual Corner Pin

1:13Step 3: Camera Movement Issue

1:27Step 4: Tracking the Plane

1:45Step 5: Aligning with the Glass

2:02Step 6: Preview

2:17Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:43Step 1: Replacement Video

0:51Step 2: Manual Corner Pin

1:13Step 3: Camera Movement Issue

1:27Step 4: Tracking the Plane

1:45Step 5: Aligning with the Glass

2:02Step 6: Preview

2:17Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Replacement Video

Step 2: Manual Corner Pin

Step 3: Camera Movement Issue

Step 4: Tracking the Plane

Step 5: Aligning with the Glass

Step 6: Preview

Done!

Introduction

Step 1: Replacement Video

Step 2: Manual Corner Pin

Step 3: Camera Movement Issue

Step 4: Tracking the Plane

Step 5: Aligning with the Glass

Step 6: Preview

Done!