Skip to main content

Track Matte Animations - Make Layers Appear and Disappear

Lesson 23 from: Adobe After Effects Fundamentals

Philip Ebiner

Track Matte Animations - Make Layers Appear and Disappear

Lesson 23 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

23. Track Matte Animations - Make Layers Appear and Disappear

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

Track Matte Animations - Make Layers Appear and Disappear

Welcome to this brand new section of the After effects course in this section, I'm going to be going over a number of skills and effects that you should know how to do in after effects because they come up so often they don't really fit in with other sections about shapes or starting out your animations or three D. Or things like that. So I'm putting together them here because before we move on to those more advanced real world situations, I want you to know these ones. So the first one we're going to be looking at is how to make objects or text really any layer appear out of thin air like this and by knowing this sort of effect, you can do something like this where it appears as if it's coming out of a line and you actually know how to create a line like this and you actually already know how to create the animation for the line like this. It's a little bit trickier than what we've done before. But let's walk through this entire animation. What this is basically called is a track matt...

e animation. Alright, so start a new composition, you can name it, whatever I'll call it. Track matte 1920 by 10 80 pixels duration, five seconds is perfect. Let's start out with our background command. Why? For Mac users control y for pc users, I'll call this background and so now we have this background layer and I'll just lock it so we don't do anything to it. Next let's add some text. So I'll just take my text tool type in the middle, Say hello now with this, let's make sure that it is aligned to the center horizontally and vertically. And you can see that I'm using open songs and bold. Open songs is a free font you can find online before we actually animate this text. I want to talk about track mats, so to explain this, it's best if I just walk you through it. So take your rectangle tool, make sure that you have a fill set. You don't need a stroke. So you can turn stroke to zero and create a rectangle that covers your text like so doesn't matter what color it is. Alright, so this is basically a shape that we're going to have our hello text peer into. There's another column that I want you to look at in your timeline called track matte. And if you don't see that it might be because your screen is too small. And there will be a button down here that says toggle switches, modes, click that button to make sure that the track matte column appears. Change that for the hello layer from none to alpha matte. And make sure that your shape layer is above your Hello text. So select alpha matte shape layer one and I can just rename this actually track matte. Alright, so what happened was the track matte actually turned off but we're still using it because if we take our text with our selection tool, click on it and move it around. Look what happens the text appears where this rectangle is but not where it isn't. So now you can imagine we're just going to animate from down here to up here. So let's do that. So bring up your position for the Hello at one second let's set the position key frame where it is now and then say let's make it slide in from the left actually if we want. So let's drag to the left and I'm holding shift down so it locks to that sort of line and now we can play through and we have this text popping on, we can do our things like adding motion blur, enabling motion blur. F nine for easy ease. Go into our graph editor at our pop, you're all very accustomed to this. These are just the techniques that I use to make my animations look a little bit more dynamic and so now you can see that text popping in. Cool. So how do we make it pop in from a line? Well, we just have to put a line right at this point over here. So the easiest way to create a line is with the pen tool. So take the pen tool, set the stroke to say 10 pixels and now I just create a line, click at the top and then shift, click at the bottom so that it creates a straight vertical line and now we have that line going across there If we want to make sure that it's perfectly horizontally centered or vertically centered. Rather click the align tab and click the vertical center alignment. So now we have our text coming out of this line which is a pretty typical effect you see in modern commercials and modern videos. How do we animate this line on? Do you remember what we did in the last section? It's called a trim path animation. So under our line. So let's just title this line. Let's go in and add trim paths. If you drop down the trim paths menu and we have our start and end percentage instead of animating from 0 to 100. What we're going to do is actually set a key frame right now how it is for both the start and the end values. So that's at one second and then if we go back in time and actually we're going to play around with the timing of this. But if we go back here, Let's move the end percentage to 50, Which moves the line to the midpoint between these two points and then the start to 50. So now in between here let me just turn off our text so I don't see that for a second we have this line growing on. I'm going to add easy ease, make these a little bit faster, add motion blur to this. Then I'm also going to see when our text starts to appear. Oh let's turn on our text layer so our text appears right as the line is growing. Maybe I wanted to go a little bit later. I'll just click the text layer and drag to the right a little bit whoops, that's the track matte. The text later drag to the right, just a few frames. So now we have this line popping on and hello text sliding on and we can quickly maybe make this line disappear once the hello text has gone through the line by copying and pasting are starting and ending key frames copy paste. And now let's go forward and we can copy and paste these second ones. You'll notice something that's a little weird with the motion with the second one and we'll see if we go into our graph editor that the timing is a little off and that just happens when you copy and paste key frames. So if you want to add that pop we can select the key frames, drag them in, make sure that we have them both selected for both the start and the end. So I'll just click the start ones, add a little pop just dragging in the handles for both key frames. Okay, so if I select both of them by shift clicking, they should look pretty similar now if we play through pops on pops off. Pops on. Pops off. You'll notice though right here. It's kind of weird that you have you probably can't see it, but I can see the line right here, you know, that's just a little glitch in after effects. If I turn off motion blur, it's not there. But with motion blur, it's on, I don't know it necessarily why it's still there, but to get rid of it, I can just trim the right side of this layer. I can either click and drag this to the left, so then it just disappears after this frame right here. Or if I undo that there's a keyboard shortcut that I want you to know option right bracket, so option, right bracket or alt, right bracket. For Windows, users will trim the clip from the right side. If I want to trim from the left side, I can do option left bracket, see how that worked, undo. Option left bracket. So that's a quick way to trim layers. So now we have that animation. Cool, right, that's a track matte animation. You can do a lot of cool stuff with that in the next lesson, we're going to learn about pre compositions

Class Materials

Bonus Materials with Purchase

Practice Files

RELATED ARTICLES

RELATED ARTICLES