Skip to main content

Replacing a Screen Version 2

Lesson 63 from: Adobe After Effects Fundamentals

Philip Ebiner

Replacing a Screen Version 2

Lesson 63 from: Adobe After Effects Fundamentals

Philip Ebiner

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

63. Replacing a Screen Version 2

Lessons

Class Trailer

Chapter 1: Introduction

1

Class Updates & My Favorite CC 2020 Updates

06:22

Chapter 2: After Effects Basics

2

Understand the After Effects Workspace

05:39
3

Starting a New Composition

08:15
4

CC 2018 Update - Starting a New Composition from Footage

01:55
5

Adding Media to Your Project and the Timeline

05:08
6

Using the Basic After Effects Tools

10:20
7

Create a Perfect Circle, Alignment, and Shape Colors

03:04
8

Working in the Timeline

10:59
9

Layer Properties

08:57
10

Quiz: After Effects Basics

Chapter 3: Animating with Keyframes

11

Animating in After Effects

07:35
12

Position, Scale, and Rotation Animations

05:17
13

Tips to Make Your Animations Look More Nautral

04:21
14

Using the Graph Editor

05:32
15

Challenge - Bouncing Ball

01:01
16

Solution - Bouncing Ball

13:00
17

Quiz: Animating with Keyframes

Chapter 4: Shapes and Solid Layers

18

Working with Solid Layers and the Ken Burns Effects

07:07
19

Working with Shape Layers, Strokes, and Paths

06:24
20

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

03:44
21

Shape Effects - Trim Path Animations, Wiggle, and Zig Zag

05:54
22

Quiz: Shapes and Solid Layers

Chapter 5: Important After Effects Skills

23

Track Matte Animations - Make Layers Appear and Disappear

08:37
24

Using Pre-Compositions to Group Layers

05:34
25

Easily Reverse Complicated Animations

02:14
26

Playing with Time

05:54
27

Blend Modes

06:05
28

Stabilize Shaky Footage

04:04
29

CC 2018 Update - Previewing and Favoriting Fonts

00:46
30

CC 2019 Update - Responsive Design Time

03:36
31

CC 2019 Content Aware Fill

03:55
32

CC 2019 Create Motion Graphic Templates

08:37
33

Quiz: Important After Effects Skills

Chapter 6: Motion Graphics Projects

34

Intro to Motion Graphics Projects

00:53
35

Clean Lower Third

09:22
36

Logo Reveal Animation Bumper

13:25
37

Colorful Transition

16:59
38

Text with Mask Path Animation

10:05
39

Text Bubble Animation

13:39
40

Weather App 1

16:41
41

Weather App 2

08:21
42

Weather App 3

06:59
43

Quiz: Motion Graphics Projects

Chapter 7: Flat Animation Challenge

44

Flat Animation Challenge

02:47
45

Phil Designs his Flat Animation Scene

01:23
46

Animating Fireworks with the Repeater Effect

15:02

Chapter 8: Flat Animation Challenge

47

Removing Green Screen Background

06:46
48

Adding a Background that Matches the Foreground

07:55
49

Adding Motion to a Still Image with the Puppet Tool

06:26
50

Adding Movement with the Ripple Effect

06:07
51

Quiz: Flat Animation Challenge

Chapter 9: Green Screen (Chromakeying)

52

Intro to 3D

10:04
53

Swinging 3D Text Animation

12:11
54

Build Out Your 3D Composition

05:47
55

Animating Our 3D Scene

07:38
56

Create Stars in After Effects

05:11
57

Quiz: Green Screen (Chromakeying)

Chapter 10: 3D Animations and the Camera Tool

58

Using the Rotoscope Tool

06:55
59

Cleaning Up Your Edges

07:21
60

Finishing Our Rotobrush Animation

07:33
61

Quiz: 3D Animations and the Camera Tool

Chapter 11: Rotoscoping

62

Easy Screen Replacement with Masks

09:56
63

Replacing a Screen Version 2

13:49
64

Screen Replacement with Mocha

07:13
65

CC 2019 Update - Native Mocha AE Plugin

05:08
66

Quiz: Rotoscoping

Chapter 12: Screen Replacements

67

Using the Puppet Pin Tool

04:33
68

Animating Your Puppet Pins

03:04
69

Animated Blinking Eyes

08:21
70

Adding Perspective with Animated Clouds

07:10
71

CC 2018 Update - Advanced Puppet Pin Tool

02:08
72

Quiz: Screen Replacements

Chapter 13: Puppet Tool Animations

73

Applying Text Animation Presets

05:59
74

Create a Page Turn Effect with CC Page Turn

10:05
75

Radial and Linear Wipes

03:20
76

Color Correction in After Effects

03:33
77

CC 2019 Update - Selective Color Adjustments

03:25
78

Quiz: Puppet Tool Animations

Chapter 14: Motion Tracking

79

Motion Tracking Basics

09:51
80

Tracking Text and Visual Effects to Video Clip

06:21
81

Tracking Rotation and Scale

11:33
82

Adding Details to Our Text

04:04
83

Quiz: Motion Tracking

Chapter 15: Character Animations

84

Intro to Character Animations

01:31
85

Design Your Character

14:32
86

Rigging Your Character

02:50
87

Animating Our Character

09:55
88

Adding the Animated Background

09:12
89

Adding Details to Character Movement

06:46
90

Adding the Paper Cut Out Look

05:29
91

Quiz: Character Animations

Chapter 16: Exporting from After Effects

92

Exporting an H264 File from After Effects

07:03
93

Exporting from After Effects with a Transparent Background

04:03
94

Exporting from After Effects through Adobe Media Encoder

04:40
95

CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder

02:14
96

Create an Animated GIF from After Effects CC 2017

07:03

Chapter 17: After Effects Workflow & Tips

97

Audio Tips for After Effects

02:19
98

Working with Premiere Pro

05:54
99

Quiz: After Effects Workflow & Tips

Chapter 18: Expressions

100

Expressions Basics

07:24
101

Animate a Flickering Light with Expressions

17:35
102

Quiz: Expressions

Chapter 19: Conclusion

103

Conclusion

00:44

Final Quiz

104

Final Quiz

Lesson Info

Replacing a Screen Version 2

let's move on to our tv replacement to by taking that clip and dragging it into a new composition and let me just organize this a bit more video and drag all of these video clips into that folder. So I'm going to actually, you're going to have access to this project file and it's going to be the final project file. But as I'm working on this I'd like to make it sure that it's a little bit more organized for you. Okay. So now with tv replacement to we are replacing this same tv. One thing that the director did when they were shooting, they used this green screen tape which sometimes can help but it's more beneficial when the shot is moving for a static shot like this, which is just still you saw in the last lesson that it's very easy to just mask out a tv and add, you know, your replacement. So they didn't really need to do this. And this actually created a little bit of extra work for me because it's harder to get that perfect edge either way, let's get on with it. The first thing we'r...

e going to do is mask out this tv screen like we did in the past but we're going to have to zoom in quite a bit more to get Close details. So I'm at 200 and then again with our pen tool, I'm just going to mask around this screen. But of course I want to make sure that I select the tape as well. Something like, so just going around, going around, going around and that's pretty good. Let me reverse this mask, press m on my keyboard subtract, let me add a little bit of feathering. Press f on my keyboard, drag up the feathering to something pretty small. I think like five pixels even would be good. This is four K. Footage so it's pretty good for working with you know screen replacements and green screen and all this kind of stuff. Alright so that looks pretty good. I want to take that same video clip, the ocean, put it behind our clip and actually let's put it in front to start, Let me zoom out to 100% so we can see it a little bit better. I'm gonna shrink down the ocean clip so press scale to bring up the scale, put it right in front of our tv And we're going to use a three D. rotation to match the rotation of this TV screen. So let's enable three D. By checking on this three D. Cube and then with the y rotation I'm going to rotate until it matches sort of how the screen looks. Now I can actually put the ocean layer beneath our tv layer so we can see and when I do that I might be able to see better what matches. So It's almost like 90° from the camera. And so as I do that I want to make sure that whoops I don't want to move my tv replacement. I want to make sure that it's the right size so I'm going to bring up scale, it's covering the whole edges so I'm going to increase the scale to make sure it's covering all of those edges. So that looks pretty darn good. So if I zoom out fit up to 100 you'll see. That looks pretty good. I'm going to do the same thing that I did with the last one by adding a little bit of darkness to the screen itself, duplicate this top layer, press m to bring up your mask, switch it from. Subtract to add and whoops I forgot I realized that I couldn't do that with this one because we have this tape on it. So let me delete that. And what I'm going to do is add all of our effects too. A pre composition. So let me right click our ocean layer, pre compose it, I'll call this tv screen for T. V. Two, double click it. And now what you see inside of our composition is just the video itself. So back on our tv replacement too, if I bring up our the pre composition is what's actually rotated, which is good because now if I go into this prick um for the tv I can add all kinds of effects that will appear on this screen. So what I actually did was I went into this pre comp I added the tv replacement one screen so I dropped this on here like so and then I let's zoom out just a little bit so I can see everything. Then I increased the size of this screen so the tv replacement until it covered the whole screen moved in place and then I changed the blend mode, let me remember what I did. Hard light so I always like matching, I'll choose hard light. So that looks pretty good. Now if I go back to tv replacement too you can see that is applied in that screen awesome. Right, so I can add the same sort of effects as well. I can take this adjustment layer, take it to tv screen too, paste it, make sure I extend it throughout this entire clip. And one thing I noticed is that with the tv replacement layer it's only four seconds long, it's not going to go through this whole clip. So right here it's going to turn off so it's going to get a little brighter so I can create a freeze frame for this layer. So right click time, freeze frame and now since this is a freeze frame I can adjust it and just extend it to the very end of this composition. I want to make sure the adjustment layers beneath that tv layer, so that looks a little bit better. So that looks pretty good. One thing though that I did in the original is have this sort of tv turn on effect and it started with some fuzz and then it turned into the tv screen itself. And you also notice I added this reflection, which I'll show you how to do too. But first let's add the actual fuzz and so to do that, I use a cool trick. So let's create two solids. Command of why one is going to be white click OK? And then command why again? And that's control if you're on a pc and that's going to be black. Put the black solid beneath the white and then with this top white layer, you simply change the blend mode to dancing, dissolve. Then decrease the opacity. So press T to bring up opacity and decrease and you can see that it creates a sort of white noise and depending on how you want it to look, you can increase or decrease the opacity. So I have those two layers now and I'm going to pre composition those into one that's called static or white noise or whatever. So now I have to make sure that I time the white noise turning on after she presses the button, the cool thing in after effects when you're working with pre compositions is if I go to this point in this composition. So right after she clicks the button starts walking away. So around right around here, then I double click into our tv screen replacement. It goes to the exact key frame that I want. So now if I drag this to the right until it's off, you'll see if I go back to the tv replacement that it's off and then I go one frame over and it's on so just know that when you're working between pre comps, thats how the timing works. So I just want to actually fade this on so press t to fade on set teeth key frame for opacity, move that forward, just a handful of frames Then set it to zero. And of course I want this to be black first so I don't want this ocean on it. So let me drag the ocean on over here. So now the ocean is off so it goes from a blank screen to the static And then up here let's fade from the static by setting a key frame for 100 Going forward decreasing to zero so it fades onto the ocean. Going back to our tv replacement. I realized that it doesn't come until too late. So let me go forward to where I want it to fade on or maybe right around here go back into our pre comp and move these key frames up so it's just a quick sort of white noise and then to the tv program of choice, our ocean shot. So now we have the full comp turns on. One thing that I think the white noise looks a little bit too bright right here so I can go in and decrease the opacity of these two key frames. So let me go here and decrease that to like Maybe even like 50 copy that over here and now here it's a little bit darker. Cool so we're getting there. The one thing that I did in the original was I added this sort of reflection right here, which I thought was pretty cool because when you look at the original clip itself, This one right here. Now, this one right here, you do have this reflection of the window. So I was trying to figure out how can I match that. So what I did was I actually went into the composition, added the tv replacement shot again. Then I created a freeze frame where this window is completely visible right there. So let me create a freeze frame right there, right click time freeze frame. Now let me extend it And then let me just drop the opacity a little bit to see what I'm doing. So let me drop the opacity to and I'm gonna move this top layer over the tv so I'm dragging it over to the right using my rotate tool to rotate it scaling it down which you can do by clicking the edge and holding shift to lock its aspect ratio and just shifting it down if you don't want to go into the scale property down here. So that's pretty good. And let's put this below our original comp so we can see what it would look like. So something like that. I'm trying to match the original one. So let me open up our original so that's kind of cool back into our composition. Maybe a little less of a rotation, maybe a little bit bigger. So this is pretty cool. But you'll notice that in the original video that the reflection is only on the left hand side of the T. V. It looks like probably this part is reflecting. This part of the windows frame is on the right hand side of the tv. So let me create a mask for this. So let me zoom in, take our pen tool, make sure, make sure we have our tv reflections selected. So let me call this reflection so I know what I'm working with now mask around this like so ad feathering press f to add feather and increase the feathering, something like that you bring in these points like so and then let me also change the blend mode so I'm going to scroll through these until it looks more like a reflection. Something like screen might look good. Let me go forward to see what it looks like over the video itself and that looks pretty good. I can also let me see what I'm at 50% opacity. I can decrease the opacity if I want more or less of a reflection. So now if I zoom out. Hey that looks pretty good. I don't know about you but that if you're watching this it looks pretty darn natural to me. I don't think many people would get second, guess what that looks like if they're not looking very very closely. So in this lesson we did a lot with the screen replacement. We use three D rotation to make sure that the screen match the rotation of the tv in the frame itself. We used are different layer adjustments that we used before. We created white noise with a cool simple effect. The blend mode dancing dissolve. And then we also added this reflection to the tv. Getting creative using the original shot and actually using a part of the original shot which was this window in the background to create that reflection. Playing with blending modes to make sure that it all looks good and using those freeze frames to make sure that our different clips are extended throughout our entire compositions. I hope you've enjoyed this lesson. You're learning how we can use our skills in the real world. And in the next lesson we're going to go over one more way to replace screens with mocha, which is an add on tool that you have with adobe creative cloud

Class Materials

Bonus Materials with Purchase

Practice Files

RELATED ARTICLES

RELATED ARTICLES