Motion design brings so much to the table when it comes to personality, user experience and storytelling. Today, every interface lives with motion and having this skill in your toolkit makes you a powerful creative asset.
In this class, we will learn how to choose the best animation process depending on the type of experience. From there, we will understand mandatory animation principles before we switch to hands-on After Effects demonstration. In this part, we’ll see how to bring life to your design through an animation system. It’s not only about grids and margins but also timing and emotions.
We’ll be animating a full page of a creative website. From importing in After Effects, to preparing your workflow, to animating different types of elements such as page transitions, buttons, images and text.
I’ll also show you what plugins to use to animate faster, and better as well as being able to hand over your animations to your dev team so you can be best buddies.
This masterclass is an advanced course for designers who already know the basics of interface motion design.
Pre-order. This special price is available as you are buying the course in advance. The course will be available by 28th February 2021. The price will increase as we get closer to the date and once it’s online it will be full price - so register now for a big discount.
6 sections • 24 lectures • 3 Hours total length
-
Quick introduction2 lectures 4 Min
-
Work experiences2 Min.
-
My creative process2 Min.
-
-
Choose the best animation process5 lectures 16 Min
-
Identify what experience you are designing4 Min
-
Adopt the product based approach4 Min
-
Showcase of a project2 Min
-
Adopt the storytelling approach4 Min
-
Showcase of a project2 Min
-
-
Learn animation insights5 lectures 35 Min
-
Learn mandatory animation principles15 Min
-
Emotion based easings15 Min
-
Timing is everything10 Min
-
Think your design in motion5 Min
-
Create your animation system10 Min
-
-
Change your workflow3 lectures 25 Min
-
Use an efficient setup5 Min
-
Get better with plugins15 Min
-
Understand with real use cases5 Min
-
-
Let’s animate!6 lectures 90 Min
-
Prepare and import your design5 Min
-
Define your project’s personality10 Min
-
Animate the full page40 Min
-
Create an animated UI kit20 Min
-
Add Final touches5 Min
-
Bonus5 Min
-
-
Wrap up3 lectures 10 Min
-
Wrap up2 Min
-
Find inspiration4 Min
-
Use parallel knowledge4 Min
-
