Using the Graph Editor
Philip Ebiner
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
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
Ratings and Reviews
Student Work
Related Classes
Adobe After Effects