Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

UI Animation Essentials.2019


Release date:2019

Author:Remove term: Motion Design School Motion Design School

Skill level:Beginner


Exercise files:Yes

This hardcore course will teach you how to animate almost any interface, from desktop to smartwatch. We’ll start with the basics of interface animation and proceed to the hardcore techniques in After Effects.

We will also cover animation prototyping in Principle, features for exporting animation to use in web and mobile applications, and features for importing designs from various software for UI designers.

What will I learn in the UI Animation Essentials course?

Lesson 1 – AE Basics
In the first lesson, you will learn basic animation workflow in After Effects. On the example of a simple interface, you will become familiar with the tools and learn how to correctly export the results of your work to any video format or GIF animation.

Lesson 2 – Import and Export of Illustrations
The most obvious way to save time and effort is to correctly import a design into After Effects. In this tutorial, we’ll take a look at the best ways to interact with Sketch, Figma, illustrator, and Photoshop.

Lesson 3 – Functionality Overview
The lesson consists of a series of video tutorials that cover animation with the use of masks, text animation techniques, and various methods to animate outlines and outline illustrations. These are 20% of the tools that can complete 80% of the tasks.

Lesson 4 – Animating Interactive Prototypes in Principle
You obviously don’t need a machine gun to shoot a sparrow. And some tasks don’t require After Effects, since they can be done easier and faster in software like Principle. We will review all its pros and cons, the tasks it suits better, and the tasks that still require After Effects.

Lesson 5 – Scripts for Superlight Workflow Try for free
After we figured out how to import and animate layouts, we’ll analyze the set of our scripts. They will significantly accelerate the working process and reveal new opportunities that are extremely difficult or even impossible to implement by conventional means.

Lesson 6 – Animating Shapes and Preloaders
We often get to know a mobile application or website starting with a preloader. In this lesson, you will learn how to make interesting animation of preloaders and better understand how to work with shape layers.

Lesson 7 – Morphings or Microinteractions
This lesson will be dedicated to morphings for microinteraction animation. We’ll figure out how to create complex animation that look natural and neat.

Lesson 8 – Lottie, Bodymovin, and export to JS
Is it possible to export animation so that it remains vector, takes little space, plays at 60 fps, and can be integrated into any website or mobile application as code? Yes, it is!

Lesson 9 – Visual Language
The interfaces segment already has a set of its distinctive visual languages. We will study the most popular guidelines from Google and Apple, understand what is needed for them, and practice in creating animated interfaces for iOS devices.

Lesson 10 – Animating Infographics and Expressions
After Effects animation isn’t only manual work. Some aspects of the process can be automated with the help of expressions. Using infographics, you will learn how to create animation with expressions, to get rid of a huge amount of routine work and make the animation work for you.

Lesson 11 – Footage Integration, Augmented Reality and 3D
This set of lessons will help you figure out how to embed footage in other videos, simulating the augmented reality

Lesson 12 – Advanced Animation: Making a Showreel
You’ll design a full-fledged stylish showreel using additional cool techniques.

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest


  1. Please consider update thefutur courses, specially The futur Core.
    also (The lettering 01) I’ve seen it uploaded recently on gfx
    and thank you so much

  2. Are you gonna upload anytime soon “Explainer Camp” from School of Motion?
    I’m looking forward to “Illustration for Motion” From School of Motion as well.

    Thanks for the great work!

  3. I am previous member and am now trying to upgrade my mediafile cloud account for new three months plan. It is not letting me. Can you please help me in doing so? Thank you.

  4. Hello sir,

    Could you please make the below course available on your platform?

    Thanks a lot sir.

Leave a Comment

Your email address will not be published. Required fields are marked *