Skip to main content

Animated Blinking Eyes

Lesson 69 from: Adobe After Effects Fundamentals

Philip Ebiner

Animated Blinking Eyes

Lesson 69 from: Adobe After Effects Fundamentals

Philip Ebiner

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

69. Animated Blinking Eyes

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

Animated Blinking Eyes

Okay, so let's take this animation to the next level. So first let's add a background. So in this composition, our flying, I'm gonna press command y and choose sort of a light blue for the sky and I'm going to rename it sky, click OK and put this beneath the owl and then lock it because I'm not really going to do anything with it. Okay. Next let's actually add the blinking eyes. So we're gonna go into our owl pre composition. And I'm actually not going to do this with the puppet tool, but we're gonna use some skills that we've learned in the past lessons to do so. So zoom in pressing Z to get the zoom tool clicking and using the space bar to get my hand told to move it into the center so I can work with it properly. We're going to use the shape tool to cover up the eye. So take the lips tool. It doesn't really matter what color this is because we're going to use it as a track matte. So but just click the brown right there to make sure it's the same color so we can cover the eye complet...

ely. Now I'm going to click in the center and then holding command and shift down, I'm going to create that perfect circle that we all know how to create. Now until it's about the same size as the eye, pressing V. To get my selection tool and then putting it over the eye. That seems perfect if I need to increase the size, I can go into scale pressing up S and bring up the scale just slightly cool. Now I'm going to call this right I or left. I actually actually it's the AL's right eye, but to me it's left high. So this is going to be a track map for the blinking eyelids. So we have to create the blink the eyelid. So let's take the rectangle tool this time it is important that it is the brown. So use the color picker picker to choose the brown or you can make it sort of like a slightly off brown. And then let me turn off the left eye lid. And then I'm going to just draw two rectangles one. I'm going to draw, it's going to be the lower half of this eyeball and then the next one I'm going to draw. It's going to be the top half and you notice that I just clicked and dragged. I didn't create a new layer for each rectangle. There are two rectangles on this one shape layer and that just makes it easier to work with left eye lids, let's put the eyelids underneath the left eye for the track matte option for left eyelid, choose alpha matte left eye. If you don't see the track matte option, click the toggle switches, modes button, that's right down here. Now the left eyelids only show where this left eye is. So let's animate these eyelids up and down. So drop open the rectangle one and rectangle. Two options go down into transform and go to about half a frame or half a second and set a key frame for the position for each of these for the transform rectangle to And then the transform rectangle one then to make it a little cleaner. Press you just so we have those two key frames open Now go back about five frames. So I'm just pressing command left arrow On my keyboard about five frames. Then take each eyelid and move it up and down. So over the top one I'm going to move up For the bottom one. I'm going to move down now this closes like so Then go five frames forward. Command 12345. That's control on APC. And I'm gonna copy this first key frame that I had just created so that's the up position. So now we have our basic blink. So let's keep easy easy so select them. Press F. nine on our keyboard. Go into our graph editor. And for this one we're just going to go into the middle key frame and I can let me zoom in on my timeline so you can get the handles And to take those handles from the Middle one out because it really kind of slows into that one. That looks pretty good. Okay let's get out of our graph editor. And now what I'm gonna do is just copy and paste these key frames kind of sporadically. So I'm gonna just go up here, paste them Go up here. Do one that's kind of quicker. So again right there One right here and May one at the end. Then maybe I will speed some of these up these blinks and kind of it's a funny owl. It's a cartoonish owl so it'll look funny if some are faster. Some are slower. So for this Middle one I'm just going to select all of these three key frames. Press option on my keyboard and then dragged the last one in. That would be all for pc users. Same for these ones. I'm just gonna make a little bit faster just like so so now if we play through this we have our eyelid kind of going in and out. Opening and closing. I think motion blur would will really help. So click that on for this layer. And then also enable it up here. Now to easily make this do this for the right eye. What we can do is just like both of these layers duplicate them by pressing command D let's rename them so we know what we're working with right I. And then for this one right eye lids. And now if I press P what's cool is you know we animated the position of the rectangle within the right eyelids but we didn't animate the position of the actual layer itself and that's what this position is that I just brought up. So now I can literally just move this to the side and it actually probably helps if I go to the key frame where the eye is closed on the timeline drag to the right and now you can see that I can position it exactly where I want it. What I thought looked kind of funny is staggering. The eye blinks with the al just a couple of frames so I'm selecting both these layers and dragging to the right so now they'll left eye closes before the right eye. So let me zoom out and let's see what this looks like. Awesome. So the reason why I did this in the pre comp is it would be a lot harder to do on this layer that's already having the animation with the puppet pins and the position. And you might be saying well fill, you could have done it here in this sequence or this composition and then just parented the eyes and the eyelids to the owl layer. So even if you move it around what happens to the owl layer happens to the eyelids. Well that's true but not for the puppet pin tool. So when you affect the puppet pin tool it doesn't affect things that are parented to it. So that's why I do it in the pre comp. So that now when I puppet pin the pre comp say that 10 times fast everything within that pre comp is affected. So hopefully that makes sense. So now if I add motion blur to the owl, let's see what this looks like. Alright, bringing this up full screen with the tilde key. Alright I think this looks pretty darn cool. We're gonna add some clouds in the next lesson to give some more perspective to this animation. But this is awesome. This is what you can do with free images that you find online. If you search for free icons or free graphics, there's lots of sites out there that give you free, you know, graphics like this. I didn't design this out. This is something I found for free creative commons, animation or graphic and we're able to animate it like this which looks pretty darn natural. So in the next lesson I'm gonna add those clouds. But hopefully you've been enjoying this. I think this was a very fun project. I've had fun and I hope you're having fun learning

Class Materials

Bonus Materials with Purchase

Practice Files