so to create this kind of animation where the drink is in color, we actually see the drink going up the straw and that's through an animation. That's not actually the drink going up through the straw and then the boy appears in color before the background. It's actually a simple sort of mask effect, mask animation. But first we have to make that selection of the cup. So let me duplicate this middle layer. Let me rename this cup, the Middle one will be boy and then the last one's background. So with the cup selected. Let me delete, delete the roto brush tool to start from scratch with the roto brush tool selected. Double click on this layer. I'm gonna zoom in just a little bit so I can get a little bit more close to my cup, go back to the front, very start of this composition and then just make this selection of the cup and we'll do the straw as well. Get in here between the fingers and as you see when I do this because the color of the boy's skin and the drink is more similar than comp...

ared to like his shirt and the background, a lot of his hand and arm gets selected. So I'm just going to option click to delete those parts of the selection. One other thing you can do before you start making all of your selections is play around with these settings right here. If I know that I'm going to add more feathering, I might want to increase my feathering now or shift the edge now. So I know when I'm making these selections, what it's actually going to look like another tricky spot was this logo right here next to his fingers because the lighting isn't perfect. We're getting a lot of these colors mixed together. So you have to go in and when I was actually editing this commercial or this graphic for the commercial, it took me hours going frame by frame to make sure that it's perfect because even as I'm clicking there, you know, it's a little difficult Getting his finger right there. So I'm gonna go through frame by frame. I encourage you to do the same, make your selections. I'm just gonna do it for the 1st 21 frames or so and then we're going to meet up and we're going to add that animation. Alright, this is by no means perfect. But let's go back to our composition. And now if I turn off the boy you can see that we have our our drink roughly selected. So to create that sort of animated straw drink going up the straw effect. I just used a simple mask animation. So I took my rectangle tool. I made a selection with the cup selected around the entire cup and then I went into our mask path and I set a key frame for this right here as our final spot and then I went forward in time or earlier and I moved this path down like so once that renders out you can see that now this part is deleted and if I turn back off the background you'll see what is actually happening. So the masses moving up and so is our drink and it takes a little while for the render to catch up. Let me just add just a little bit of feathering just so it's not this hard line moving up and so that's a cool way that I decided to make the animated drink go up the straw because at this point when it goes to the top let me press you to bring up my key frames. I want the saturation of the boy to start expanding. I was having some trouble with adding a mask animation to the boy which is basically what I did and sometimes when I have trouble, I think what we saw this maybe a pre composition will because sometimes when you add multiple effects such as the roto brush tool and the mask tool it doesn't work perfectly. And so what I'm going to do is actually pre compose the boy so make sure that the boy is on and then pre compose, right click pre compose, let's call this boy and now if I solo this layer, it's still just the selection of the boy. But what I want to do is take our lips tool, create a little circle around where the straw is Go under our mask properties and set a key frame for mask expansion here and actually I'm going to decrease this to negative 10 until What's inside disappears, I'm shrinking the mass so actually a little bit further negative 15. Still see a little bit right there so that works and then I'll go forward in time and then expand this mask so it goes from his mouth basically all the way and it doesn't have to go as fast. So I think I can decrease the pixels, add some feathering. So now I have this animation from -15 pixels to 872. So let's turn off the soloing so now we can see what is happening. We've got the color, the cop in color, we've got the boy fading on. It's really a lot faster than what I did in the actual ad. Then we'll just animate the saturation on this background layer. So what I'll actually do is I realize that I can't animate saturation. This is one of those instances where I don't have a stopwatch icon next to saturation. What I can do is just fade on and off this layer. So what I'll do is just press t to bring up a pasty set a key frame go forward in time And drop the opacity to zero. Of course that gets rid of the black and white version. So what I'll have to do is actually duplicate this layer, Take the bottom layer, Leave it at 100 delete our hue saturation. So now it's kind of subtle. But when this top layer right here fades off, this little animation right here, you can see the background layer starts, stays in color. So now this layer appears from the background, wow. So I know this is kind of a short and condensed version of the actual effect that I did for the commercial, but hopefully by now you get the process, you understand what I was doing, You understand that you can work with both masks and wrote a rush together. Sometimes it gets a little wonky. So you have to use things like pre compositions, make sure sure your selections are done properly. You got to spend a lot of time tweaking. I can see, you know his finger right here is selected. So I would have to go back and make sure his finger isn't selected. Make sure this full cup is selected. All of the juice you can see clearly. But these are the real world skills that you're learning, that you can apply today. You can go out today, you can start practicing with this by yourself and you can go out to people and say, hey, this is what I can do in after effects. And if you can create animations like this, you can get a job with your skills. Thanks so much for watching this section. If you have any questions about this or anything else related to the roto brush, please let me know. Otherwise we'll see you in another lesson.

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.

Finishing Our Rotobrush Animation

Finishing Our Rotobrush Animation

Lesson Info

60. Finishing Our Rotobrush 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