Using motion design to animate with purpose and create delightful experiences

Name: Using motion design to animate with purpose and create delightful experiences
Author: Louis Paquet

By Louis Paquet

Language: English
Certificate: of completion
Subtitles: Spanish, French, Japanese, Italian, Portuguese, English (Machine translation)
Duration: 3 Hours

Now

9.99$

/$100

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.

Category	Course format	Language	Duration	Level
Interaction, Animation	Online	English with Subt.	3 Hours	Intermediate & Professional

Requirements

A computer → You’ll get your hands dirty! This Masterclass is not just theory. A working version of After Effects and a design app such as Figma, Sketch or Adobe XD. No previous knowledge of Adobe After Effects required.

Description

We will start understanding Vue design patterns and how this framework can add interactivity easily and without too much effort to your websites, including how to navigate between different screens using the same page, known as a Single Page Application.

Then we will add what's needed to distribute your web app not just within the browser but as an offline-capable installable app, including browser publishing and App Store distribution. After this course, you will be ready to offer apps design and development to your service portfolio.

You will learn

How to integrate motion to your designs with purpose in mind
How to use motion to give personality, guide and inform the user
How to prepare and export your design files (Figma, Sketch and XD) for After Effects
How to create amazing After Effects animations (micro-interactions to fullscreen transitions)
How to export your animation as movies or as Lottie files (ready for html integration)

The course includes

3 hours of of real-life projects-based knowledge
Practical exercices to create your own After Effects animations
Step-by-step After Effects process (from importing your files to exporting your newly created animation)
Course Documentation
Project files: After Effects
Useful links and resources
List of valuable plugins to download for free
Certificate of completion

Modules

What you will learn
in this course.

Lessons

Chapters

Duration
Lesson 1

Welcome

3

11 Min.

View more
- Introduction
  
  4 Min.
- Why use motion design?
  
  3:07 Min.
- Types of animations and examples
  
  3:44 Min.
Lesson 2

Best Practices

7

19 Min.

View more
- Intro
  
  1:31 Min.
- Focusing attention and guiding the user
  
  1:53 Min.
- Creating emotion and showcasing personality and brand
  
  1:53 Min.
- Informing and giving feedback to the user
  
  3 Min.
- Timing, easing and offset
  
  4 Min.
- Finding inspiration
  
  3 Min.
- Chapter conclusion
  
  2 Min.
Lesson 3

Giving life to your design

6

126 Min.

View more
- Intro
  
  2 Min.
- After Effects - Importing your design files
  
  10 Min.
- After Effects - Workspace and compositions
  
  13 Min.
- After Effects - Animating your design
  
  45 Min.
- After Effects - Creating your own motion design
  
  50 Min.
- After Effects - Exporting your animation
  
  6 Min.
Lesson 4

Lottie

2

16 Min.

View more
- What is Lottie
  
  3 Min.
- Animating and exporting your animation in Lottie
  
  13 Min
Lesson 5

Conclusion

1

2 Min.

View more
- Conclusion
  
  2 Min.

Meet the teacher

Louis Paquet

Creative Director at TUX Creative Co, previously Locomotive.

He leads the digital team while staying a hands-on designer and creating brand narratives via interactive web experiences. When he's not working, Louis loves spending time in the outdoors with his canine crew: hiking, camping, climbing. He also shares his passion for the field by teaching Web Design classes in college.

Now