Get notified about new Adobe After Effects classes
At most one email a week. Unfollow anytime with one click.
Transcript
The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.
Show transcript
Introduction
This is what we will learn, the graph editor, which is often feared by beginners, turns out to be just a value graph and a speed graph. We will read both of them in the animation of a snowball rolling across a forest. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Easy Ease provides a standard easing, but for professional animations, we need to visually see and adjust the speed. That is the function of the graph editor. In this episode, we will learn about the two types of graphs.
Step 1: Snowball Animation
Create a composition from the snowy pine footage. Create a white circle using the ellipse tool as the snowball. Animate the position. At second 0 on the left, at second 3 on the right, then select both keyframes and press F9.
Step 2: Open Graph Editor
Click the position property so it is selected, then click the graph editor button above the timeline, or press Shift + F3. The layer's Ria bar turns into a graph.
Step | — Graph Editor
The property that is selected is the one displayed in the graph.
1 3: Value Graph
Select the edit value graph type. The red line is the X value, the green line is the Y value. The horizontal axis is time, the vertical axis is the value. The X line rises from left to right in an S-shaped curve, indicating the motion starts slowly, speeds up in the middle, and slows down at the end.
1g Speed Graph
Now select the edit speed graph.
Step 4: An Graph
This graph does not display values, but rather the speed in pixels per second. The curve results in a bell-shaped curve. Speed is 0 at the first keyframe, peaks in the middle, then returns to 0 at the last keyframe.
Step 5: Reading the curve without easing
As a comparison, select the keyframe and revert it to linear. The speed graph becomes a flat line, with constant speed from the first frame, then abruptly stops. Press F9 again, and the bell-shaped curve returns. Click the Fit Selection to View button below the graph so the curve fills the view.
Step 6: Fit Button and Preview
Close the graph editor by clicking the button again, then rotate the preview. Now we can imagine the bell curve every time we see the smooth ball movement.
Done!
Done! We have opened the graph editor with Shift F3, read the value graph for values, speed graph for speed, recognized the bell curve fill is and linear flat lines, as well as using the Fit button. In the next episode, we will adjust the curve shape with influence. Need a promotional video, logo animation, motion graphics for social media, or visual effects for short films? Cerdas Inovasi Digital provides motion graphics and visual effects services, as well as opening After Effects courses from beginner to advanced. Want to master the entire series? 104 episodes from the interface to the final project? All episodes, complete with PDF step-by-step guides, source footage, and project scripts, are available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want just one class? Buy a single class with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact our WhatsApp, or visit cerdasinovasidigital.com Thank you for watching, see you in the next episode. Thank you for watching!
Ask the class material
Type a question or keyword; we find the part of this episode that explains it and jump the video there.
My notes
Notes are saved with the current video time and are only visible to you.
Questions & answers
Stuck on a step? Ask here; the instructor and other learners can answer.
No questions yet.
Your instructor
Cerdas Inovasi Digital Team
Software developers, BIM & 3D engineers, and AI practitioners
52 video classes1,276 episodes
We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.
