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.
The subtitles are automatically generated, so the quality of the captions may vary.7 sections • 19 lectures • 4 hours
-
Index1 lectures 01:37 mins
-
Introduction01:37 mins
-
-
Presentation time2 lectures 4:10 mins
-
Work experience02:52 mins
-
Showreel01:18 mins
-
-
Choose the best animation process2 lectures 7:55 mins
-
Experience approach4:06 mins
-
Product approach3:49 mins
-
-
Learn animation insights3 lectures 17:08 mins
-
Discover animation rules05:29 mins
-
Learn about easings & timings05:00 mins
-
Think in motion06:39 mins
-
-
Change your workflow2 lectures 24 Min
-
Get better with plugins20:32 mins
-
Optimize your workspace02:51 mins
-
-
Let’s animate!8 lectures 3 hours
-
Introduction05:05 mins
-
Logo36:47 mins
-
Landing page22:46 mins
-
UI kit - part 106:12 mins
-
UI kit - part 228:10 mins
-
Slideshow27:07 mins
-
Modules37:54 mins
-
CTA to next page16:41 mins
-
-
Wrap up1 lectures 03:52 mins
-
And now?03:52 mins
-
