Replacing a Screen Version 2
Philip Ebiner
Lessons
Class Updates & My Favorite CC 2020 Updates
06:22 2Understand the After Effects Workspace
05:39 3Starting a New Composition
08:15 4CC 2018 Update - Starting a New Composition from Footage
01:55 5Adding Media to Your Project and the Timeline
05:08 6Using the Basic After Effects Tools
10:20Create a Perfect Circle, Alignment, and Shape Colors
03:04 8Working in the Timeline
10:59 9Layer Properties
08:57 10Quiz: After Effects Basics
11Animating in After Effects
07:35 12Position, Scale, and Rotation Animations
05:17 13Tips to Make Your Animations Look More Nautral
04:21 14Using the Graph Editor
05:32 15Challenge - Bouncing Ball
01:01 16Solution - Bouncing Ball
13:00 17Quiz: Animating with Keyframes
18Working with Solid Layers and the Ken Burns Effects
07:07 19Working with Shape Layers, Strokes, and Paths
06:24 20Adding Layer Styles like Drop Shadow, Bevel, and Gradients
03:44 21Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
05:54 22Quiz: Shapes and Solid Layers
23Track Matte Animations - Make Layers Appear and Disappear
08:37 24Using Pre-Compositions to Group Layers
05:34 25Easily Reverse Complicated Animations
02:14 26Playing with Time
05:54 27Blend Modes
06:05 28Stabilize Shaky Footage
04:04 29CC 2018 Update - Previewing and Favoriting Fonts
00:46 30CC 2019 Update - Responsive Design Time
03:36 31CC 2019 Content Aware Fill
03:55 32CC 2019 Create Motion Graphic Templates
08:37 33Quiz: Important After Effects Skills
34Intro to Motion Graphics Projects
00:53 35Clean Lower Third
09:22 36Logo Reveal Animation Bumper
13:25 37Colorful Transition
16:59 38Text with Mask Path Animation
10:05 39Text Bubble Animation
13:39 40Weather App 1
16:41 41Weather App 2
08:21 42Weather App 3
06:59 43Quiz: Motion Graphics Projects
44Flat Animation Challenge
02:47 45Phil Designs his Flat Animation Scene
01:23 46Animating Fireworks with the Repeater Effect
15:02 47Removing Green Screen Background
06:46 48Adding a Background that Matches the Foreground
07:55 49Adding Motion to a Still Image with the Puppet Tool
06:26 50Adding Movement with the Ripple Effect
06:07 51Quiz: Flat Animation Challenge
52Intro to 3D
10:04 53Swinging 3D Text Animation
12:11 54Build Out Your 3D Composition
05:47 55Animating Our 3D Scene
07:38 56Create Stars in After Effects
05:11 57Quiz: Green Screen (Chromakeying)
58Using the Rotoscope Tool
06:55 59Cleaning Up Your Edges
07:21 60Finishing Our Rotobrush Animation
07:33 61Quiz: 3D Animations and the Camera Tool
62Easy Screen Replacement with Masks
09:56 63Replacing a Screen Version 2
13:49 64Screen Replacement with Mocha
07:13 65CC 2019 Update - Native Mocha AE Plugin
05:08 66Quiz: Rotoscoping
67Using the Puppet Pin Tool
04:33 68Animating Your Puppet Pins
03:04 69Animated Blinking Eyes
08:21 70Adding Perspective with Animated Clouds
07:10 71CC 2018 Update - Advanced Puppet Pin Tool
02:08 72Quiz: Screen Replacements
73Applying Text Animation Presets
05:59 74Create a Page Turn Effect with CC Page Turn
10:05 75Radial and Linear Wipes
03:20 76Color Correction in After Effects
03:33 77CC 2019 Update - Selective Color Adjustments
03:25 78Quiz: Puppet Tool Animations
79Motion Tracking Basics
09:51 80Tracking Text and Visual Effects to Video Clip
06:21 81Tracking Rotation and Scale
11:33 82Adding Details to Our Text
04:04 83Quiz: Motion Tracking
84Intro to Character Animations
01:31 85Design Your Character
14:32 86Rigging Your Character
02:50 87Animating Our Character
09:55 88Adding the Animated Background
09:12 89Adding Details to Character Movement
06:46 90Adding the Paper Cut Out Look
05:29 91Quiz: Character Animations
92Exporting an H264 File from After Effects
07:03 93Exporting from After Effects with a Transparent Background
04:03 94Exporting from After Effects through Adobe Media Encoder
04:40 95CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder
02:14 96Create an Animated GIF from After Effects CC 2017
07:03 97Audio Tips for After Effects
02:19 98Working with Premiere Pro
05:54 99Quiz: After Effects Workflow & Tips
100Expressions Basics
07:24 101Animate a Flickering Light with Expressions
17:35 102Quiz: Expressions
103Conclusion
00:44 104Final 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
Ratings and Reviews
Student Work
Related Classes
Adobe After Effects