Using motion design to animate with purpose and create delightful experiences
2h 52m 17s
English
Paid
Motion design creates movement, excitement and adds life to otherwise static experiences. When it comes to digital environments, it not only creates delight but also serves strategic purposes such as brand expression, accessibility, information and guidance.
Read more about the course
In this course, you will learn how to integrate motion to your designs with purpose in mind. We will cover topics ranging from micro-interactions to full screen transitions as well as how to prepare, animate and export your animations in After Effects and Lottie.
At this end of this class, you will be able to design with motion in mind and to animate your web models.
Watch Online Using motion design to animate with purpose and create delightful experiences
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Introduction | 04:04 |
2 | Why use motion design? | 03:08 |
3 | Types of animations and examples | 03:45 |
4 | Intro | 01:32 |
5 | Focusing attention and guiding the user | 01:54 |
6 | Creating emotion and showcasing personality and brand | 02:54 |
7 | Informing and giving feedback to the user | 03:02 |
8 | Timing, easing and offset | 03:59 |
9 | Finding inspiration | 02:49 |
10 | Chapter conclusion | 01:39 |
11 | Intro | 01:40 |
12 | After Effects - Importing your design files | 10:19 |
13 | After Effects - Workspace and compositions | 13:10 |
14 | After Effects - Animating your design | 45:02 |
15 | After Effects - Creating your own motion design | 50:26 |
16 | After Effects - Exporting your animation | 06:06 |
17 | What is Lottie | 02:35 |
18 | Animating and exporting your animation in Lottie | 12:41 |
19 | Conclusion | 01:32 |
Similar courses to Using motion design to animate with purpose and create delightful experiences

Logo Animation in After EffectsMotion Design School
Category: After Effects
Duration 8 hours 18 minutes 36 seconds
Course

Infinite Crash using Cinema 4DMotion Design School
Category: After Effects, Cinema 4D
Duration 2 hours 5 minutes 40 seconds
Course

Science of Character AnimationMotion Design School
Category: After Effects
Duration 9 hours 20 minutes 31 seconds
Course

Create a Rainy Window Effect Animation in Adobe After Effectstutspluscom
Category: After Effects
Duration 1 hour 42 minutes 57 seconds
Course

Motion Practice with Ben MarriottMotion Design School
Category: After Effects
Duration 5 hours 8 minutes 59 seconds
Course

MAD VFX в After EffectsMotion Design School
Category: After Effects
Duration 9 hours 26 minutes 58 seconds
Course

Create a Cinematic Text Animation in Adobe After Effectstutspluscom
Category: After Effects
Duration 1 hour 17 minutes 37 seconds
Course

UI Animation EssentialsMotion Design School
Category: After Effects
Duration 8 hours 19 minutes 33 seconds
Course

Create a Cool Ice Effect Animation in Adobe After Effectstutspluscom
Category: After Effects
Duration 1 hour 34 minutes 56 seconds
Course

Motion Design in After Effectsdesigncode.io
Category: After Effects
Duration 2 hours 59 minutes 44 seconds
Course