A structured online course on interface animation in After Effects and Principle. You will learn how to animate almost any interface, from desktop to smartwatch.
UI Animation Essentials
8h 19m 33s
English
Paid
UI Animation Essentials is a 18-lesson 8 hours 19 minutes self-paced course by Motion Design School. A structured online course on interface animation in After Effects and Principle.
Course facts
- Lessons
- 18
- Duration
- 8 hours 19 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Motion Design School
- Price
- Premium
This hardcore course will teach you how to animate almost any interface, from desktop to smartwatch. We'll start with the basics of interface animation and proceed to the hardcore techniques in After Effects.
We will also cover animation prototyping in Principle, features for exporting animation to use in web and mobile applications, and features for importing designs from various software for UI designers.
Who teaches UI Animation Essentials? Motion Design School
Motion Design School is a Latvia-based online school focused entirely on motion graphics and character animation, primarily using Adobe After Effects, Cinema 4D, and the broader 2D/3D animation toolchain. They are one of the largest dedicated motion-design education brands online, with a multi-thousand-student community.
The CourseFlix listing carries twelve Motion Design School courses spanning character animation, After Effects scripting, 3D for motion designers, and the production craft around generating broadcast-quality motion-design work. Material is paid and aimed at designers and motion artists building professional-grade animation skills rather than dabbling in basic After Effects edits.
What lessons are included in UI Animation Essentials?
0:00
/ #1: 1.1. AE Basics
All Course Lessons (18)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | 1.1. AE Basics Demo | 31:36 | |
| 2 | 1.2. Render Tips | 09:40 | |
| 3 | 2. Import and Export of Illustrations | 17:12 | |
| 4 | 3.1. Masks | 15:34 | |
| 5 | 3.2. Text Animation | 17:47 | |
| 6 | 3.3. Path Animation | 24:42 | |
| 7 | 3.4. Keyframes | 28:09 | |
| 8 | 4.1. Prototyping in Principle | 27:42 | |
| 9 | 4.2. Prototyping in After Effects | 23:24 | |
| 10 | 5. Motion Tools & Swiss Knife | 29:52 | |
| 11 | 6. Preloaders | 35:54 | |
| 12 | 7. Morphing | 35:52 | |
| 13 | 8. Export to Code | 48:16 | |
| 14 | 9. Visual Languages | 57:38 | |
| 15 | 10. Graph Rig | 40:35 | |
| 16 | 11. Footage Integration, Augmented Reality and 3D | 31:54 | |
| 17 | 12.1 Animations for Showreel | 23:10 | |
| 18 | 12.2 Make your Showreel | 00:36 |
Unlock unlimited learning
Get instant access to all 17 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to UI Animation Essentials?
Updated 3y agoMAD VFX in After Effects
By: Motion Design SchoolWant to add mad visual effects to your live-action videos? Learn how to work with 3D objects using Element 3D and how to create sci-fi effects to give your.9h 26m
Updated 3y agoCreate a Promo Video in After Effects
By: DesignCode (Meng To)In this course we will show you how to create a promo video using After Effects.2h 30m
UpdatedCreate a Cool Ice Effect Animation in Adobe After Effects
By: Envato Tuts+Learn to create a translucent ice effect and falling snow animation in After Effects using only native tools, no plugins required.1h 34m
Updated 3y agoRich Glitch VFX in After Effects
By: Motion Design SchoolUnlock the secrets of glitch art with our comprehensive After Effects tutorial. Discover the cool and stylish world of randomly changing pixels, backed by logic1h 10m
Updated 3y agoScience of Character Animation
By: Motion Design SchoolLearn how to create lively and charismatic characters from scratch and direct funny animation scenes on your own.9h 20m
UpdatedLogo Animation in After Effects
By: Motion Design SchoolA hands-on path into motion design through logo animation: morphing shapes, animating icons, and breaking down real successful examples.8h 18m5/5
UpdatedAfter effects in 90 minutes
By: UdemyA fast, 10-lesson introduction to After Effects covering layers, keyframes, and basic animation, built for complete beginners.1h 18m
Updated 3y agoCreate a Rainy Window Effect Animation in Adobe After Effects
By: Envato Tuts+Welcome to Create a Rainy Window Effect Animation in Adobe After Effects , a course where you will learn how to create a moody animation that you can use for.1h 42m
More courses by Motion Design School
- Updated 3y ago
MAD VFX in After Effects
Want to add mad visual effects to your live-action videos? Learn how to work with 3D objects using Element 3D and how to create sci-fi effects to give your.9h 26m 
Updated 3y agoMotion Practice with Ben Marriott
A practical structured course on combining frame-by-frame animation and After Effects.5h 8m
Updated 3y agoInfinite Crash using Cinema 4D
Everyone as a kid was fascinated by crash test footage and those poor crash test dummies.2h 5m
Updated 3y agoRigging in Moho
Character rigging and animation in MOHO. You will learn all important features of MOHO 13, rigging 2,5d characters, use of smartbone actions.1h 59m- Updated 3y ago
Rich Glitch VFX in After Effects
Unlock the secrets of glitch art with our comprehensive After Effects tutorial. Discover the cool and stylish world of randomly changing pixels, backed by logic1h 10m - Updated
Logo Animation in After Effects
A hands-on path into motion design through logo animation: morphing shapes, animating icons, and breaking down real successful examples.8h 18m5/5
Frequently asked questions
What prerequisites are needed before enrolling in this course?
The course does not specify formal prerequisites, but familiarity with digital design tools and basic animation concepts is helpful. Prior experience with Adobe After Effects or similar software would be advantageous, especially as lessons cover AE Basics and Prototyping in After Effects.
What types of projects will I be able to create after completing this course?
Upon completion, you will be able to animate a wide range of interfaces, including those for desktops and smartwatches. The course includes exercises in Text Animation, Path Animation, and creating Preloaders, as well as developing Animations for Showreels.
Who is the target audience for this course?
This course is aimed at designers and animators who want to specialize in interface animation. It is suitable for those looking to enhance their skills in After Effects and Principle to create engaging and interactive UI animations.
How does the depth of this course compare to similar courses?
The course offers a focused exploration of interface animation using After Effects and Principle. It covers a broad range of topics from basic AE techniques to advanced subjects like Export to Code and Footage Integration, providing a comprehensive foundation in UI animation.
What specific tools or platforms are covered in the course?
The course covers Adobe After Effects and Principle extensively. Lessons include AE Basics, Prototyping in Principle, and Motion Tools & Swiss Knife, ensuring you gain proficiency in these key animation tools.
What topics are not covered in this course?
The course does not focus on 3D modeling or extensive coding tutorials. While it includes Export to Code and Footage Integration in 3D, it primarily concentrates on animation techniques rather than exhaustive programming or 3D design.
What is the time commitment required to complete the course?
The course consists of 18 structured lessons. While the exact runtime is not specified, the comprehensive nature of the topics suggests a moderate time commitment is needed for practice and mastery of the skills taught.