You’ve already started taking the first steps in the sphere and have a basic understanding of the work principles of this soft.
Fundamentals on UI Animation in After Effects
Fundamentals on UI Animation in AE
A structured online course on interface
animation in After Effects
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.
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.

- 2 Scripts to automize and simplify your workflow
- The easiest way to upgrade your portfolio
Fundamentals on UI Animation in After Effects
A structured online course on interface animation in After Effects. Learning how to create a high-quality animation with an optimized workflow has never been easier.
You’ve already started taking the first steps in the sphere and have a basic understanding of the work principles of this soft.
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
Not-so-good exchange rate? (i.e. India/Brazil). Get in touch to get a coupon. Student? Email us from your student email or attach your student ID.
Ready for more?
The world of interface animation is so much bigger than just parallax and slider animation! Explore our comprehensive course on the whole process of animating interfaces for apps, websites and wearable devices.