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

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.

Using the Graph Editor

Using the Graph Editor

Lesson Info

14. Using the Graph Editor

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