Brand new free course

Fundamentals on UI Animation in AE

Name: Fundamentals on UI Animation in After Effects
Brand: Motion Design School
SKU: 683960
Availability: InStock

A free structured online course on interface
animation in After Effects

Free

Watch Video

What's the result?

In this course, you’ll learn not only how to animate interfaces well, but also how to do it quickly. We’ll consider how to export the web page, which we’ve designed in Figma or Sketch, to After Effects. You’ll discover how to cope with all the difficulties of conversion and how to create a high-quality animation through an optimized workflow.

Level

Basic

Lessons

Duration

1h 30m

Who will benefit from this course?

Developers and UI designers

WHO WANT TO CREATE AND EASILY PROTOTYPE ANIMATIONS FOR DIGITAL PRODUCTS

We’ll show you how to bring an interface animation of any level to life, and to do it really quickly. Before the design and animation of interfaces will be translated into a code, concept animation will save developers a lot of time.

Motion designers

Who want to LEARN SPECIFIC TECHNIQUES, OPTIMIZE AND SPEED UP UI ANIMATION WORKFLOW

We’ll help motion design beginners to learn animation fundamentals, as well as lots of useful techniques and methods that can be used in different animation spheres. The course will help experienced motion designers to optimize and speed up their workflow.

Course Сurriculum

1. Figma & AEUX

Learn how to confidently extract whatever you need for animation from the project. Become familiar with the AEUX plugin that exports designs from Figma and Sketch. Collect all design elements in After Effects for its subsequent animation.

2. Basic Animation

Animate all design elements using various techniques and methods. We will set up the workflow in such a way that in the future we are able to perform repetitive tasks quickly, reducing the amount of monkey job and saving time for more important things.

3. Parallax

Next, we will assemble a fragmented animation into a complete picture and add the parallax effect to the whole interface.

4. Half-Automative Animation

In this tutorial you will create beautiful page scrolling using expressions and parallax, and add interesting techniques with automated and interactive animations.

Bonus: Render Tips

You will learn how to properly assemble the final project, and the best ways to render your animation into video formats and convert it. Do not forget to share your work with the world!

Extra Scripts

For more advanced users, we’ll explain in-depth what you can achieve with Motion Tools script that you will receive for free, and the Swiss Knife script which you can use for 3 months for free. It will save you tons of time in your future motion journey.

About the author

Hi there, I’m Denys Bondartsov

Together with Motion Design School, I have worked on the Motion Beast course and the Expressions Trip course. I have dozens of projects that have given me great experience in animating interfaces, characters, programming expressions and scripts.

2 Scripts to automize and simplify your workflow
The easiest way to upgrade your portfolio

Fundamentals on UI Animation in After Effects