The Graph Editor is one of the more overlooked gems in After Effects. In this video, learn how to use the Graph Editor to add easing and, more important, apply granular acceleration and deceleration control to an object in motion.
- [Male Instructor] Now that you know how to…apply easing to your motion,…let's answer a question you've probably been asking.…That's all well and good Tom but,…how do I control the motion in the ease?…Good question.…To answer it, open the 04 graph…editor file in your download.…When it opens, you will see easing…has been applied to our Twitter icon.…If I select the layer and press the U key,…I can see there's the easing that's been applied to it.…Let's really dig into easing because…control over this technique is essential.…
The ability to create custom easing…is done through the graph editor,…which is this little icon right here.…If I select my key frames and then…click on the graph editor, you will see a graph.…This side here is acceleration…and this side here is deceleration.…You're not looking at speed here.…We're going to take a look at speed more than anything else.…You're going to come down here to choose a graph type…and we're going to edit the speed graph.…Now we can really see speed.…
Our icon starts at zero, accelerates,…
- Prototyping motion
- Using the Graph Editor
- Working with shapes and masks
- Supporting tap, press, and swipe gestures
- Handling pinch and spread gestures
- Designing patterns
- Making navigation, buttons, and breadcrumbs
- Creating progress bars
- Working with modals, menus, and cards
- Zooming content
- Making a floating action button
- Handling text input and cursors
Skill Level Beginner
Modular UX Design with Photoshopwith Jesse Freeman48m 8s Advanced
1. Microinteraction Fundamentals
2. The Common Gestures
3. Design Patterns
Next steps1m 21s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.