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.

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.

About the Author: awwwards.com

awwwards.com thumbnail
The awards that recognize the talent and effort of the best web designers, developers and agencies in the world. A meeting point, where digital design professionals from across the globe find inspiration, impart knowledge and experience, connect, and share constructive, respectful critiques. “Always questioning”, “always evolving”.

Watch Online 19 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 19 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (19)
#Lesson TitleDurationAccess
1
Introduction Demo
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
Unlock unlimited learning

Get instant access to all 18 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription