Prototyping Microinteractions with After Effects

After Effects is more than a video effects application. For UX designers, it’s a go-to tool for prototyping. With After Effects, designers can create small but meaningful interactions—microinteractions—that communicate details such as timing and visual feedback to developers and clients. In this course, Tom Green shows how to build microinteractions in After Effects, using features such as the Graph Editor, easing, and Keyframe Velocity. Develop your skills as you work your way through simple projects, from taps to swipes, and then dive into more advanced projects that integrate Photoshop, Illustrator, and Adobe XD. In these hands-on exercises, you can learn how to prototype more complex designs, such as accordion menus and 3D interactions. Each lesson shows how to capitalize on the motion-driven workflow in After Effects to capture the subtle details of your design.

Learning objectives
Preparing your comps and your workspace
Adding keyframes and easing
Creating a cursor
Creating a single or double click
Creating drags and swipes
Building content in other Adobe apps
UI microinteractions
Animating containers
Zooming in a UI
Building 3D effects