Though you can control the eases in After Effects, the choices available are minimal. In this video, learn how to use an expression to create and manage a bounce ease.
- [Male Instructor] In an exercise in the previous chapter,…we added a bounce by doing an overshoot in the graph editor.…As you may have noticed, common eases such as a bounce,…are simply not available in After Effects.…In this exercise, we're going to use an expression…designed for just that purpose.…To get yourself started, flame up your browser…and head over to motionarray.com/blog/…6-common-after-effects-expressions-you-should-be-using…and you'll come to this page.…
This page contains a number of Java Script expressions…that you can use in After Effects.…The one we're looking for is the inertial bounce expression…which is a little further down the page.…So, we'll just scroll down the page.…There's a wiggle.…And here's the inertial bounce.…So, what you're going to do is you're going to select…the code, so we'll just copy and paste it to the clipboard…right there.…There's the code.…We're going to copy it.…Command + C.…
If you're on a PC, you're going to use Control + C.…And you're going to paste it into a text document.…
Author
Released
4/30/2018- Prototyping motion
- Easing
- 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
Duration
Views
Related Courses
-
Illustrator for UX Design
with Brian Wood1h 55m Intermediate -
Modular UX Design with Photoshop
with Jesse Freeman48m 8s Advanced -
Photoshop for UX Design
with Dennis Meyer1h 33m Intermediate -
UX Design: 1 Overview
with Chris Nodder13m 48s Intermediate
-
Introduction
-
Welcome1m 12s
-
Exercise files1m 28s
-
-
1. Microinteraction Fundamentals
-
Prototyping motion7m 17s
-
The role of easing2m 22s
-
Using the Graph Editor5m 52s
-
Working with shapes6m 43s
-
Using masks4m 25s
-
The joy of parenting3m 43s
-
2. The Common Gestures
-
The tap gesture5m 48s
-
The double-tap gesture3m 52s
-
The long press4m 22s
-
The swipe gesture6m 40s
-
-
3. Design Patterns
-
Buttons and breadcrumbs9m 54s
-
Bottom navigation6m 21s
-
Making a switch9m 13s
-
Creating a progress bar3m 12s
-
Showing progress with value4m 23s
-
Working with modals8m 45s
-
Slide-out menus10m 48s
-
Cards7m 19s
-
-
4. Microinteractions
-
Morphing objects7m 48s
-
Building a bounce ease5m 33s
-
Creating the "jelly effect"8m 15s
-
Zooming content6m 16s
-
A pulsing cursor8m 21s
-
Floating action button7m 1s
-
Ripple effect6m 54s
-
Text input4m 38s
-
Adding cursors5m 58s
-
-
Conclusion
-
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.
CancelTake 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.
Share this video
Embed this video
Video: Building a bounce ease