Skip to content
UI Animation Essentials
Try before you buy

We have a free lesson waiting for you

Try free lecture
Free lecture

What is this course about?

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.

Level

Basic

Format

Online

Lessons

12

Duration

7h+

Required Software

Adobe After Effects

Language

English

COURSE CURRICULUM

What will I learn in UI Animation?

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.

AE Basics

LESSON #2

Import and export

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.

Import and export

LESSON #3

Functionality

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.

Functionality

LESSON #4

Animating 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.

Animating in Principle

LESSON #5

Scripts for Superlight Workflow

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.

Scripts for Superlight Workflow

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 animations of preloaders and better understand how to work with shape layers.

Animating Shapes and Preloaders

LESSON #7

Morphings

This lesson will be dedicated to morphings for micro-interaction animation. We’ll figure out how to create complex animation that looks natural and neat.

Morphings

LESSON #8

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!

Export to JS

LESSON #9

Visual Language

The interface segment already has a set of 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.

Visual Language

LESSON #10

Animating Infographics

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.

Animating Infographics

LESSON #11

Footage Integration

This set of lessons will help you figure out how to embed footage in other videos, simulating the augmented reality

Footage Integration

LESSON #12

Making a Showreel

You’ll design a full-fledged stylish showreel using additional cool techniques.

Making a Showreel
+ Bonus

Get Our Scripts for Free

Get our bestseller scripts for free together with the course.
We’ve included them to ensure you will get the best
experience without buying additional products!

Check Scripts
UI Animation Essentials

The skills of an interface animator to help you get into the industry as fast as possible.

New and fresh approaches to already known programs.

Experience of working with stylish designs.

Updated and accelerated workflow.

Understanding of how to work with our exclusive plugins to speed up your working process and automate interface animation tasks.

UI Animation Essentials

A structured online course on interface animation in After Effects and Principle. You will learn how to animate almost any interface, from desktop to smartwatch. Well packed animator skillset for UI designer Precisely structured workflow to solve any animation task 2 Scripts to focus on problem solving instead of routine

LEVEL

You’ve already started taking the first steps in the sphere and have a basic understanding of the work principles of this soft.

Basic

LESSONS

12

DURATION

7h+

Product guarantee
100% money back guarantee

If unhappy with the course, you can request a refund within 14 days after the purchase and get every cent back. Courses purchased before the actual starting date refund can be requested up to 14 days after the first lesson becomes available. Note: not applicable if purchased with a discount coupon

    Your Cart