Lynda – 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.

Topics include:
- 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