UI Animations and Interactions with After Effects

Name: UI Animations and Interactions with After Effects
Rating: 4.0 (34 reviews)

Learn how to create smooth interactions for your products

Created byKarim Balaa

Last updated 10/2019

English

English [Auto],

What you'll learn

UI animations and interactions with Adobe After Effects

Course content

2 sections • 7 lectures • 55m total length

Introduction0:37

Essential Training and Shortcuts8:16
Explore my After Effects setup, essential shortcuts, and plugins such as Motion V2 and EU X for easing, sketch-to-After Effects import, and streamlined keyframe workflows.
Planning for the Interactions and Animations2:02
Attached you will find the Sketch file I've used. Feel free to use it to follow along with the course.
Importing the Designs and Getting Started9:38
Sliding Cards Animation8:16
Learn to craft engaging sliding cards animations in After Effects, using four cards with keyframes, easing, rotation, and motion v2 for offset timing and subtle bounce.
Transition to Detail Screen20:31
Mockup and Ready to Share6:06

Requirements

All you need is Adobe After Effects and a design tool like Sketch

Description

In this class, you will learn how to import your designs into After Effects and create beautiful interactions to show off in your next product demo. The ability to show how a screen moves and interacts is a crucial part of the UI process and this class is meant to help you take that process to the next level and give you the tools to create beautiful interactions for your products.

Who this course is for:

UI/UX, Interaction & Product Designers

UI Animations and Interactions with After Effects

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 1min

Essential Training and Shortcuts6 lectures • 55min

Requirements

Description

Who this course is for: