Skip to main content

Finishing Our Rotobrush Animation

Lesson 60 from: Adobe After Effects Fundamentals

Philip Ebiner

Finishing Our Rotobrush Animation

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

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

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

Bonus Materials with Purchase

Practice Files

RELATED ARTICLES

RELATED ARTICLES