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

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Philip Ebiner

Professional video & course creator, photographer & teacher to 1mil+ students; 10+ years experience with 1000+ videos.

2,000+ classes ranging from fundamentals to advanced techniques.

Text with Mask Path Animation

Text with Mask Path Animation

Lesson Info

38. Text with Mask Path Animation

Lessons

Class Updates & My Favorite CC 2020 Updates

Understand the After Effects Workspace

Starting a New Composition

CC 2018 Update - Starting a New Composition from Footage

Adding Media to Your Project and the Timeline

Using the Basic After Effects Tools

Create a Perfect Circle, Alignment, and Shape Colors

Working in the Timeline

Layer Properties

Quiz: After Effects Basics

Animating in After Effects

Position, Scale, and Rotation Animations

Tips to Make Your Animations Look More Nautral

Using the Graph Editor

Challenge - Bouncing Ball

Solution - Bouncing Ball

Quiz: Animating with Keyframes

Working with Solid Layers and the Ken Burns Effects

Working with Shape Layers, Strokes, and Paths

Adding Layer Styles like Drop Shadow, Bevel, and Gradients

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

Quiz: Shapes and Solid Layers

Track Matte Animations - Make Layers Appear and Disappear

Using Pre-Compositions to Group Layers

Easily Reverse Complicated Animations

Playing with Time

Blend Modes

Stabilize Shaky Footage

CC 2018 Update - Previewing and Favoriting Fonts

CC 2019 Update - Responsive Design Time

CC 2019 Content Aware Fill

CC 2019 Create Motion Graphic Templates

Quiz: Important After Effects Skills

Intro to Motion Graphics Projects

Clean Lower Third

Logo Reveal Animation Bumper

Colorful Transition

Text with Mask Path Animation

Text Bubble Animation

Weather App 1

Weather App 2

Weather App 3

Quiz: Motion Graphics Projects

Flat Animation Challenge

Phil Designs his Flat Animation Scene

Animating Fireworks with the Repeater Effect

Removing Green Screen Background

Adding a Background that Matches the Foreground

Adding Motion to a Still Image with the Puppet Tool

Adding Movement with the Ripple Effect

Quiz: Flat Animation Challenge

Intro to 3D

Swinging 3D Text Animation

Build Out Your 3D Composition

Animating Our 3D Scene

Create Stars in After Effects

Quiz: Green Screen (Chromakeying)

Using the Rotoscope Tool

Cleaning Up Your Edges

Finishing Our Rotobrush Animation

Quiz: 3D Animations and the Camera Tool

Easy Screen Replacement with Masks

Replacing a Screen Version 2

Screen Replacement with Mocha

CC 2019 Update - Native Mocha AE Plugin

Quiz: Rotoscoping

Using the Puppet Pin Tool

Animating Your Puppet Pins

Animated Blinking Eyes

Adding Perspective with Animated Clouds

CC 2018 Update - Advanced Puppet Pin Tool

Quiz: Screen Replacements

Applying Text Animation Presets

Create a Page Turn Effect with CC Page Turn