Skip to main content

Using the Graph Editor

Lesson 14 from: Adobe After Effects Fundamentals

Philip Ebiner

Using the Graph Editor

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

14. Using the Graph Editor

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

20:20
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

04:34
32

CC 2019 Create Motion Graphic Templates

09:24
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

12:39
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

08: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

07:20
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

03:20
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

Using the Graph Editor

to play even more with the way the speed works with this animation. We'll use what's called the graph editor. The graph editor button right here opens up what's called the graph editor obvious Phil do right but we don't see anything down here. Let me just extend this panel the timeline so we can see a little bit more. We don't see anything. And that's because we have to choose our key frames that we want to view on the graph editor first. You can also do it later. But with these selected and then clicking the graph editor button we see these lines and these lines on this graph represents the speed of this value change. So for the position you can see and if I want to just highlight one of them I can just choose that property over on the left hand side. I can see that the position starts at zero pixels per second. And you have the values on the left on the y axis of the graph. And then it ramps up all the way to the middle Where it's at 1000 pixels per second. So remember how I was talk...

ing about with easy ease. It ramps up and without easy, easy. It's sort of this linear. It's always moving at the same pace. If I check off of the graph editor then I choose my position key frames and then click command, click them to clear that easy ease. Then go into the graph editor. You can see that the speed is this flat line right here. It just is always about. Well it says exactly what it is. 767.43 pixels per second for this entire animation. Let me undo that. So we have our easy ease. This is the speed graph. If you don't see the speed graph, you might have to go to this button which says choose graph type and options and select speed graph because you might be on value graph. This is another graph that shows the value of your property. So over here you have it starting at 13:08.919. And that's right here in our position And then it goes down all the way to 5:40. There's lots you can do with the graph editor but in this course we're mostly going to be looking at the speed graph. So how do we change up the speed? You'll notice that we have the key frames down here which when selected they have these handles. These these little yellow handles coming out from them. If we click on the yellow handle you can see that I can drag it around. I can drag it up and down but I don't necessarily want to do that. I just want to drag it to the right or left. And if I drag it to the right what's happening it creates more of a ramp and so it starts out even slower than before. So for the first half second it doesn't ramp up to speed as quickly as before when the handle was back here. So now we're ramping up the speed from zero. It's only going around 500 pixels per second at half a frame. And then it really spikes up to 2500 pixels per second. What does this look like? See that little pop at the end so it kind of slows in and then it pops up at the end. Let's reverse this. So let's take this first handle and put it all the way to the left. And then we'll take this second handle for the second key frame and drag to the left. So now it's gonna go really fast and then really slowly go into its final resting spot. One thing I like to do to give it just a little bit more of a pop is grab the handles and drag them both in. So let's drive both these handles in. So now it's going to go all the way up to pixels per second in the middle. And you can see this creates this sort of cool pop effect and we can do this with the scale to or with the rotation. So maybe we want most of the rotation to happen at the very end of this animation. Just select rotation, click on your key frame down here in the graph editor to get those handles and then drag to the right. So now there's not going to be much of a rotation here, but at the very end there will be this fast rotation kind of Cool, right? Or maybe you want it to be the opposite, but you can play around. So the graph editor is a cool way where you play with the speed of your animations. Now, if you've gotten this far and you're mostly comprehending what I am talking about bravo to you. It took me years before I even started working with the graph editor. So you're learning things that professionals are using all the time in their animations. And I wanted to just dive right into this topic because I want you to be making animations that look professional right now. A lot of newbies when they're starting out with after effects, they create these motion graphics and effects, but they look so simple. The motion doesn't look natural and that's because they're not using things like easy ease or the graph editor. So I hope you feel proud of yourself, I'm proud of you. And in the next lesson we are going to be creating a bouncing ball effect. So this is more of a real world application, putting everything that you've learned so far in this class, putting it together and we're going to create that animation coming up right next

Class Materials

Bonus Materials with Purchase

Practice Files

RELATED ARTICLES

RELATED ARTICLES