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.
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.
Course Table of Contents
What will you learn?
5 sections • 20 lectures • 3 Hours total length
-
Welcome4 lectures 11 Min.
-
Introduction4 Min.
-
Why use motion design?3:07 Min.
-
Types of animations and examples3:44 Min.
-
Project files: Pangram
-
-
Best Practices7 lectures 19 Min.
-
Intro1:31 Min.
-
Focusing attention and guiding the user1:53 Min.
-
Creating emotion and showcasing personality and brand1:53 Min.
-
Informing and giving feedback to the user3 Min.
-
Timing, easing and offset4 Min.
-
Finding inspiration3 Min.
-
Chapter conclusion2 Min.
-
-
Giving life to your design6 lectures 126 Min.
-
Intro2 Min.
-
After Effects - Importing your design files10 Min.
-
After Effects - Workspace and compositions13 Min.
-
After Effects - Animating your design45 Min.
-
After Effects - Creating your own motion design50 Min.
-
After Effects - Exporting your animation6 Min.
-
-
Lottie2 lectures 16 Min.
-
What is Lottie3 Min.
-
Animating and exporting your animation in Lottie13 Min
-
-
Conclusion1 lectures 2 Min.
-
Conclusion2 Min.
-
