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
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.
About the Author: 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.
Watch Online 18 lessons
| # | 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 |
Get instant access to all 17 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionCourse content
18 lessons · 8h 19m 33sShow all 18 lessons
- 1 1.1. AE Basics 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
Related courses
-
Updated 2y agoCreate a Cinematic Text Animation in Adobe After Effects
By: Envato Tuts+This is a course for artists and designers who are interested in motion graphics. In this course, Jonathan Lam will show you how to create a modern, atmospheric1 hour 17 minutes 37 seconds -
Updated 2y agoAdobe After Effects for Beginners
By: Envato Tuts+In this hands-on course, you'll learn how to use After Effects. In 4.5 hours of detailed instruction from video production expert Dave Bode, you’ll start at the4 hours 25 minutes 18 seconds -
Updated 2y agoMotion Design in After Effects
By: DesignCode (Meng To)After Effects is an amazing instrument to create beautiful animations, and we believe that it is a powerful tool for designers. In this section we will show you2 hours 59 minutes 44 seconds