Mastering Apple (UI) Animations with Adobe After Effects Course
Create smooth, Apple-inspired UI animations that captivate audiences and enhance engagement on social media.
This course teaches you how to go from Figma and Illustrator to After Effects, crafting Apple-like (UI) animations used by top creators like Dave, Seltix, Ali Abdaal, fern and more. You’ll learn how to create high-retention animations that keep viewers watching longer—whether for videos or shorts.
Contents
Introduction - What You’ll Learn
- What we are going to build
- Tools we'll use: Figma, Illustrator, Blender, Plasticity
- Plugins we'll use: Overlord 2, Deep Glow, Quick Aberration and more
- Alternative methods if you don’t have specific plugins
🎥 What we are going to build (5 mins)
🎥 Tools and Plugins (and alternatives) (19 mins)
⤵️ Course Resources.zip (70.8 MB)
Screen 1
Bringing Illustrator-generated designs into After Effects and creating seamless motion with paths and texts
- Animating along a path
- Lens distortion for a special look
- Turbulence displacement, glow effects, and layer styles
- Working with Illustrator files in After Effects (release to sequence, text import tricks)
- Keyframing Deep Glow, adding Bevel & Emboss and Noise for details
🎥 Screen 1: Illustrator to After Effects, Path and Text Animations & Effects (37 mins)
Screen 2
Building smooth UI animations from Figma assets
- Importing and organizing Figma layers in After Effects
- Creating smooth icon animations with motion curves
- Masking techniques for advanced reveals and interactions
- Using motion curves from Plugins for polished motion
- Where to get UI components
- Animating Animojis
🎥 Screen 2: Figma to After Effects, Icon Animation & Complex Masking (49 mins)
Screen 3
How to incorporate 3D elements into animations
- Using Blender/Plasticity to create 3D elements
- How to bevel in Blender for more interesting objects
- Blur shape color trick for more colors
- After Effects' Advanced 3D Renderer and its quirks
🎥 Screen 3: Blender/Plasticity to After Effects (3D Animations) (19 mins)
Screen 4
Bringing 3D objects into After Effects for seamless integration
- Designing a coin in Blender/Plasticity
- Importing 3D models into After Effects with proper lighting
- Advanced app icon animation techniques
- 3D camera animation
🎥 Screen 4 - Coin Creation, App Icon Animation, 3D Camera (50 mins)
Screen 5
Transforming flat UI designs into 3D-looking animations
- Creating a 3D app effect using 2D layers
- Depth, parallax motion
- Little bit of "scripting"
- Special effects to enhance UI screen details
🎥 Screen 5: Figma to After Effects, 3D App Animation (41 mins)
Transitions
Mastering smooth, high-end transitions
- Using a plugin for transitions
- How transition plugins work
- Building our own transitions for your unique style
🎥 Combining the animations (transitions) (21 mins)
Sound Design
How to enhance motion graphics with the right sound
- Choosing the right sound effects for UI animations
- Layering audio for impact and rhythm
🎥 Sound Design in Premiere Pro (17 mins)