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
FREE
Enroll now
Fundamentals on UI Animation in AE
A free structured online course on interface
animation in After Effects
Free
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
5
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
- 2 Scripts to automize and simplify your workflow
- The easiest way to upgrade your portfolio
Fundamentals on UI Animation in After Effects
A free 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.
Level
Basic
?
You’ve already started taking the first steps in the sphere and have a basic understanding of the work principles of this soft.
Lessons
5
Duration
1h 30m
Free
Enroll now
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.
- choosing a selection results in a full page refresh
Pay later in 4 installments. No fees.
Follow these simple steps. Note: available for US customers only.
Proceed to checkout
Choose Payment option “Buy now, pay later with Klarna”
Enter your debit or credit card information
The first payment is taken when the order is processed and the remaining 3 are automatically taken every two weeks.
100% money back guarantee within 14 days after the purchase. Only applies to the purchases with no discount code applied.
