Skip to main content

Adding a Background that Matches the Foreground

Lesson 48 from: Adobe After Effects Fundamentals

Philip Ebiner

Adding a Background that Matches the Foreground

Lesson 48 from: Adobe After Effects Fundamentals

Philip Ebiner

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

48. Adding a Background that Matches the Foreground

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

Adding a Background that Matches the Foreground

unless you want this sort of unrealistic look a lot of times when you're using green screen footage, you'll want to add a background and put the foreground element, whether it's a dog, it's a person, whatever it is in that situation and try to make it look realistic. So let me delete this red solid. Go back to our project, take the grassy hill, jpeg image and drag it beneath our dog. Okay, so that doesn't look too good. So we want to move this around and reposition it. Let me take our selection tool, bring up scale, drop the scale, something like so and now we need to adjust the size of the dog to match the size of our background. So I'll take our dog, which I can rename dog here, bring upscale, drag it down, something that looks a little bit more natural and then bring this down so it looks like pup is sitting on the ground. Something like that looks pretty darn good. So that's the first thing is just playing with the sizing of your background and foreground elements to make sure it m...

atches. This is another area where I see a lot of beginners making mistakes. The next is playing with the color correction of our foreground or our background to make sure it matches this foreground element, The lighting wasn't perfect. And so it's really orange. So if we go into our effects controls, there's actually some foreground color correction tools within the key light effect that we can play around with. So first drop that down and then click enable color correction. We can decrease the saturation, which that in itself seems to be helping a lot. It's not too warm and we're still getting sort of like that color. This husky is mostly sort of a black and white brown dog and then the contrast, we want to make sure that we're matching the contrast of our foreground to the background and the background looks a little bit more contrast e than our dog. So I'm going to just bring this up just a little bit in this situation, I've placed this dog in this shadow of the tree, so decreasing the brightness, can kind of give that look as if it's in the shade, but I'm going to show you a different way to do that to make it look a little bit more organic in just a second. The last thing you might want to do is open up the color balancing tab and this is how you can play around with the color balance. So if we increase the saturation just a bit, I know I just decreased it, but just increase it and then we play with the hue, let me just go crazy with it. So if I increase the saturation a lot and then I play with the hue, you can see what's happening. So I might want to add a little bit, it was a little too warm, so I'll add a little bit of coolness to it, so something like blue like that, but I'll bring back our saturation, maybe a little bit too cool, just rotate it to warm now, Something like that looks pretty darn good to 31 and 5.1, So that's how you can color correct your foreground footage right within the key light, 1.2 effect. What if I want to add that sort of shadow to the front of this dog? Here's what I would do. There's different ways to do this, but here's just what I would do, duplicate your dog, I'm going to call this shadow. So remember, duplicate his command d right click go to layer style and choose color overlay. This basically makes this dog all red drop down the color color overlay settings, change the red to black. Now, what I want to do is drop the opacity, not here, under color overlay, but of this shadow itself. So with shadow selected, press t to bring up opacity and drop that opacity. So now we're getting a more natural shadow on top of the dog that matches the shape of the dog. But I want to actually bring in this mask a little bit more to make it a little bit more organic. So if I take the mask path or click on the shadow, I can bring in this mask, so you can see maybe I want the shadow to start right here, you know, you see the dog, you see the shadow from the tree, it kind of comes along here, so maybe something like so might be good. Now this is a harsh shadow, so I want to feather out this mask something like so the cool thing is now as the dog moves up and then if the dog puts his head down there we go, it looks like it's coming in and out of the shadows which just looks a little bit more natural. Okay so there you see the dog head is down in the shadow up, it's in the sun and that kind of makes sense if there was light shining through the trees right around here. One thing that I haven't touched upon yet in the class is parenting and this is a way to basically lock one layer to the next so that if you move one layer, it will also move another one. And because this shadow we want to lock to the dog, if we move the dog, I want to parent the shadow to the dog. So you have this parent column right here. If you don't see that, click the toggle switches modes button, that will be here to expand your timeline and you can do one of two things, you can either go to the drop down and select which layer you want it to parent too. So I would select dog. So now if I se take this dog and I want to scale it up, it also scales up the shadow. Another thing you can do in the easier way to parent an object to another one is to take what's called the pick whip which is this sort of twirly gig thing for the shadow and then drag it to the layer that we wanted to parent too. So again I'll drag it to dog which changes the column, it's just an easier way. So again if we move the dog layer the shadow layer will change as well because later on maybe we were like oh it's a little bit too big so let's make it smaller. Let me just bring in this clip. So we're just working in the first eight seconds or so or even like the first five or six seconds and then go to composition trim comp to work area and now if we play through this which because we're doing green screen we're adding a lot of mass, we're doing a lot of effects, it will slow down your playback. So remember what we learned earlier if you want to speed it up, change the resolution to like half or a quarter if you really want and you can see that it gets pixelated but it plays back more smoothly and more quickly. So now we have our green screen footage, we have the background, let's add a couple of those details to make it look even better because right now to be honest just this dog sitting on this image it looks a little fake so we're going to do as much as possible to make it look like a natural environment and that's coming up in the next lesson.

Class Materials

Bonus Materials with Purchase

Practice Files