Master new skills with our 21-day learning paths, broken into easy 5-minute daily lessons.

Start your journey for free.

design Advanced 21 lessons

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

Adobe After Effects UI FAQs

Hard?

Yes, AE is a deep, complex professional tool.

Lottie?

The standard for shipping AE animations to code.

Video editing?

No, focus is on UI animation, not film editing.

Expensive?

Requires Adobe Creative Cloud subscription.

Start Learning