Finishing Our Rotobrush Animation
Philip Ebiner
Lesson Info
60. Finishing Our Rotobrush Animation
Lessons
Class Updates & My Favorite CC 2020 Updates
06:22 2Understand the After Effects Workspace
05:39 3Starting a New Composition
08:15 4CC 2018 Update - Starting a New Composition from Footage
01:55 5Adding Media to Your Project and the Timeline
05:08 6Using the Basic After Effects Tools
10:20Create a Perfect Circle, Alignment, and Shape Colors
03:04 8Working in the Timeline
10:59 9Layer Properties
08:57 10Quiz: After Effects Basics
11Animating in After Effects
07:35 12Position, Scale, and Rotation Animations
05:17 13Tips to Make Your Animations Look More Nautral
04:21 14Using the Graph Editor
05:32 15Challenge - Bouncing Ball
01:01 16Solution - Bouncing Ball
13:00 17Quiz: Animating with Keyframes
18Working with Solid Layers and the Ken Burns Effects
07:07 19Working with Shape Layers, Strokes, and Paths
06:24 20Adding Layer Styles like Drop Shadow, Bevel, and Gradients
03:44 21Shape Effects - Trim Path Animations, Wiggle, and Zig Zag
05:54 22Quiz: Shapes and Solid Layers
23Track Matte Animations - Make Layers Appear and Disappear
08:37 24Using Pre-Compositions to Group Layers
05:34 25Easily Reverse Complicated Animations
02:14 26Playing with Time
05:54 27Blend Modes
06:05 28Stabilize Shaky Footage
04:04 29CC 2018 Update - Previewing and Favoriting Fonts
00:46 30CC 2019 Update - Responsive Design Time
03:36 31CC 2019 Content Aware Fill
03:55 32CC 2019 Create Motion Graphic Templates
08:37 33Quiz: Important After Effects Skills
34Intro to Motion Graphics Projects
00:53 35Clean Lower Third
09:22 36Logo Reveal Animation Bumper
13:25 37Colorful Transition
16:59 38Text with Mask Path Animation
10:05 39Text Bubble Animation
13:39 40Weather App 1
16:41 41Weather App 2
08:21 42Weather App 3
06:59 43Quiz: Motion Graphics Projects
44Flat Animation Challenge
02:47 45Phil Designs his Flat Animation Scene
01:23 46Animating Fireworks with the Repeater Effect
15:02 47Removing Green Screen Background
06:46 48Adding a Background that Matches the Foreground
07:55 49Adding Motion to a Still Image with the Puppet Tool
06:26 50Adding Movement with the Ripple Effect
06:07 51Quiz: Flat Animation Challenge
52Intro to 3D
10:04 53Swinging 3D Text Animation
12:11 54Build Out Your 3D Composition
05:47 55Animating Our 3D Scene
07:38 56Create Stars in After Effects
05:11 57Quiz: Green Screen (Chromakeying)
58Using the Rotoscope Tool
06:55 59Cleaning Up Your Edges
07:21 60Finishing Our Rotobrush Animation
07:33 61Quiz: 3D Animations and the Camera Tool
62Easy Screen Replacement with Masks
09:56 63Replacing a Screen Version 2
13:49 64Screen Replacement with Mocha
07:13 65CC 2019 Update - Native Mocha AE Plugin
05:08 66Quiz: Rotoscoping
67Using the Puppet Pin Tool
04:33 68Animating Your Puppet Pins
03:04 69Animated Blinking Eyes
08:21 70Adding Perspective with Animated Clouds
07:10 71CC 2018 Update - Advanced Puppet Pin Tool
02:08 72Quiz: Screen Replacements
73Applying Text Animation Presets
05:59 74Create a Page Turn Effect with CC Page Turn
10:05 75Radial and Linear Wipes
03:20 76Color Correction in After Effects
03:33 77CC 2019 Update - Selective Color Adjustments
03:25 78Quiz: Puppet Tool Animations
79Motion Tracking Basics
09:51 80Tracking Text and Visual Effects to Video Clip
06:21 81Tracking Rotation and Scale
11:33 82Adding Details to Our Text
04:04 83Quiz: Motion Tracking
84Intro to Character Animations
01:31 85Design Your Character
14:32 86Rigging Your Character
02:50 87Animating Our Character
09:55 88Adding the Animated Background
09:12 89Adding Details to Character Movement
06:46 90Adding the Paper Cut Out Look
05:29 91Quiz: Character Animations
92Exporting an H264 File from After Effects
07:03 93Exporting from After Effects with a Transparent Background
04:03 94Exporting from After Effects through Adobe Media Encoder
04:40 95CC 2018 Update - Exporting an Animated GIF from Adobe Media Encoder
02:14 96Create an Animated GIF from After Effects CC 2017
07:03 97Audio Tips for After Effects
02:19 98Working with Premiere Pro
05:54 99Quiz: After Effects Workflow & Tips
100Expressions Basics
07:24 101Animate a Flickering Light with Expressions
17:35 102Quiz: Expressions
103Conclusion
00:44 104Final Quiz
Lesson Info
Finishing Our Rotobrush Animation
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
Ratings and Reviews
Student Work
Related Classes
Adobe After Effects