Skip to main content

Text with Mask Path Animation

Lesson 38 from: Adobe After Effects Fundamentals

Philip Ebiner

Text with Mask Path Animation

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

38. Text with Mask Path Animation

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

Text with Mask Path Animation

Welcome to this new project. This one is about using mask animations to do cool stuff like this where you're having parts of the actual video environment sort of interacting with your text layers or really any other layers that you have, how this saw kind of covers up the D. I. Y. Text and of course I added a little animation after this video text falling over to the side after it gets chopped off. And I thought that was pretty cool. So you can use this project file, it's called text with mask animation. Or you can just bring in the saw MP four file. So once you do that, drag that into the new composition window and then let's find the part of this where we want to animate. So it's going to be right Here around six seconds and then it's going to go to around 13 seconds. So dragging our work area, go to composition trim, work comp to work area. Now let's add our two text layers. So let's actually what I'll do is just press T. I'll set my text to white. And what did I call this? D. I. Y.

Video. Yeah so I'll type in D. I. Y. Video. Okay and let's make this a little bit smaller. Actually what I'm gonna do this is going to be two separate layers. So let me take out video. One is going to be D. I. Y. And let's add a stroke to it. So clicking this button right here for the stroke we can add a stroke. Okay make it a little bit smaller so it's about the size of that pipe. Cool. And then also let's just rotate it a little bit. Press R. For rotation so it's kind of more aligned with this horizontal line on the the tool, the saw itself. Now what I can do is duplicate this just by pressing command d dragging it over and just double clicking and typing in video. So now we have our text. Now let's position it so it's going to be in the right position. So I want the video actually to be a little bit to the right more so it's more in front of the saw and D. I. Y. Over here so it's completely covered by the saw and then this saw blade cover. Okay cool. So first let's animate the D. I. Y. Text so it's sort of disappearing with this saw. So what I want to do is zoom in first, so I have a clear picture what I'm doing and then go to right before the saw would start to cover it. And then here with the D. I. Y. Text selected. I'm going to take the pen tool and I'm going to just mask around this saw. So just clicking over around blade cover something like that and around the blade and then up and around up and around. Doesn't have to be perfect. Once I close this mask, what happens is the text disappears because this is saying that I want the text to appear inside this mask. Let me drop down the mask properties and change it from add to subtract. So now it appears wherever the mask is not. Okay, so, so now it appears outside of the mask. So let me drop down the mask and let's add just a little bit of feathering Do like five points or something like that. And here I'm going to click the stopwatch next to mask path to set a key frame. They're telling after effects at this point I want the path to be right there. Then what I can do is just go either one frame at a time or sometimes you can jump ahead a few frames and I want to move this mask along with the sorry, So if I go forward in time and then with the mass path selected and then with my selection tool, I can just move this whole mask down just a little bit. Now let's go forward to about a second forward, move it down. So and if you want to make any adjustments to the individual points because you can see here and now when I zoom in the blade goes a little bit lower instead of clicking mask one or mask path, just click masks and now I can take the individual points and bring them down. Okay, so that looks a little bit better, you mean put that up like so cool. Now let's go forward another half second. Select the mask path again to bring everything down a little bit. But now again clicking mass to just bring down the blade part just a little bit more go forward even more. It's like mass path drop this down like so then here we'll again go into our mask points and bring that up just a little bit and then go to the very end, take our mass path and bring it all the way down like. So okay, so if I play through this close up you can see oh that looks that's pretty darn cool. I think it makes it disappear. Now you can play around with this and it looks like it's actually going behind the blade. Now I noticed that right around here it gets a little off and that's because the speed is a little off so I might have to set another key frame. So here let's make sure that it's not too far down and then go forward a little bit and then just bring it up a little bit for again bring up a little bit at the end, it kind of goes down a little bit faster so I think that looks a lot better. Cool so now let's zoom out and of course zoomed out with not as much detail, it'll look a lot better. Cool, so that's how you get that look of the text kind of being cut out from the back with this saw blade. Now what about this video sort of being sought off? And then dropping. Well that's just with a simple rotation animation and then a position animation. So let me close down the D. I. Y. Text. And right around here I want the video to start sort of being sawed off. So around nine seconds for video press are first I want to make sure that my anchor point is in the bottom left hand side of the video text. So if you take your pan behind tool, make sure that the anchor point is over here so that it rotates from that point. Not from say over here on the top left. Okay so make sure it's in that bottom left hand corner. Set a key frame right around here and then go about to where it would be completely cut off like so and then start rotating it just down as if it was starting to bend or something, you can play around with. This looks like it's pushing down so that let's see what it looks like. No. And then right around there it's going to drop. So here let's press p to bring up position and then go forward and it's gonna drop because it's already gone through and we're gonna drop it down. Let's add motion blur. And then let's just bring in our playback area and then we can just play with the speed of this. So if we wanted to go faster we can bring those together. But I also think that it needs to rotate a little bit more after it drops. So press you to bring up both the key frames for position and rotation. And I'll go here and just rotate it a little bit more like 37% Maybe even more like 53. Let's try that. Yeah, that looks pretty good. So that looks little bit more natural, like it's heavily weighted on the right hand side of the text and as it starts to fall it continues to fall that way and rotate that way. Cool, so let's play through this. That's pretty cool. You know, a lot of people use this kind of effect um when with with titles, you know having your titles interacting with the scene itself being revealed when people walk by, when cars go by, when all things kind of move throughout your frame and that's one thing that you can do to make some more advanced graphics, have them interact with the video itself, not just have them on top of the video but interacting with the video. Cool. Let me know if you have any questions about this project, otherwise we'll just see you in another one

Class Materials

Bonus Materials with Purchase

Practice Files

RELATED ARTICLES

RELATED ARTICLES