• You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.

    Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"

Awwwards - Design meaningful experiences through an animation system

Unfounded

Member
Jun 13, 2022
24
39
13
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.
Description

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.

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.

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.

You will learn

Discover the pros and cons of the 2 animation tactics for interactive projects
Understand the fundamentals rules of animation borrowed from animated movies and motion design studios
Apply those rules to actual interface elements
Use all the different lifesaver After Effects and Figma plugins
Set up your After Effects interface for UI animation
Animate an entire web page
Animate a custom logo on a loading screen
Animate an slideshow and a circular carousel
Understand the benefits of animated symbols
Create an animated UI kit for your project
Leverage the power of master components in After Effects

View hidden content is available for registered users!
 
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.
Description

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.

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.

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.

You will learn

Discover the pros and cons of the 2 animation tactics for interactive projects
Understand the fundamentals rules of animation borrowed from animated movies and motion design studios
Apply those rules to actual interface elements
Use all the different lifesaver After Effects and Figma plugins
Set up your After Effects interface for UI animation
Animate an entire web page
Animate a custom logo on a loading screen
Animate an slideshow and a circular carousel
Understand the benefits of animated symbols
Create an animated UI kit for your project
Leverage the power of master components in After Effects

*** Hidden text: cannot be quoted. ***
Thank you so much
 

Forum statistics

Threads
78,865
Messages
1,127,953
Members
246,580
Latest member
dongdude
AdBlock Detected

We get it, advertisements are annoying!

However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.

If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.

I've Disabled AdBlock