Adobe After Effects UI

Create broadcast-quality UI animation. Master keyframing, easing, and Lottie export to ship vector animations to code.

After Effects is the industry standard for motion graphics. This course adapts it for UI design. You will learn to import Figma layers, master the Graph Editor for perfect easing, and use Track Mattes for masking. We focus heavily on the Lottie (Bodymovin) workflow, allowing you to export complex vector animations as JSON for developers to implement on Web, iOS, and Android. Create loaders, success states, and onboarding animations that dazzle.

✅ 100% Free & Lifetime Access

⏱️ 5-Minute Lessons (Bite-sized learning)

🚀 21-Lesson Path (Independent modules)

📱 Mobile Friendly (Learn anywhere)

Motion

Start Learning

Secure Enrollment via SSL

Complete Course Syllabus

1

AE Interface

Compositions, layers, and the timeline.
2

Keyframes & Easing

Using the Graph Editor for fluid motion.
3

Masking & Mattes

Revealing content dynamically using Alpha mattes.
4

Lottie Workflow

Exporting vectors to JSON for app implementation.
5

3D in UI

Using 2.5D layers and cameras for depth.

Estimated completion time: 21 lessons • Self-paced learning • Lifetime access

Career Outlook

Estimated Salary

$100k - $150k

Career Paths

Motion Designer $95k-$140k

UI Animator $100k-$150k

Digital Creative $90k-$130k

What You Will Learn

Create broadcast-quality UI animations in After Effects

Master the Graph Editor for custom easing curves

Export vector animations to JSON using Lottie/Bodymovin

Integrate 3D layers and camera movements into UI

Prepare motion assets for developer implementation

Skills You Will Gain

After Effects Lottie/Bodymovin Motion Graphics Keyframing Graph Editor

Who Is This For

Motion Designers

UI Designers

Animators

Prerequisites

Design Basics