Using motion design to animate with purpose and create delightful experiences

Requirements A computer → You’ll get your hands dirty! This Masterclass is not just theory. A working version of After Effects and a design app such as Figma, Sketch or Adobe XD. No previous knowledge of Adobe After Effects required.

Description We will start understanding Vue design patterns and how this framework can add interactivity easily and without too much effort to your websites, including how to navigate between different screens using the same page, known as a Single Page Application.

Then we will add what’s needed to distribute your web app not just within the browser but as an offline-capable installable app, including browser publishing and App Store distribution. After this course, you will be ready to offer apps design and development to your service portfolio.

You will learn

How to integrate motion to your designs with purpose in mind How to use motion to give personality, guide and inform the user How to prepare and export your design files (Figma, Sketch and XD) for After Effects How to create amazing After Effects animations (micro-interactions to fullscreen transitions) How to export your animation as movies or as Lottie files (ready for html integration)

The course includes

3 hours of of real-life projects-based knowledge Practical exercices to create your own After Effects animations Step-by-step After Effects process (from importing your files to exporting your newly created animation) Course Documentation Project files: After Effects Useful links and resources List of valuable plugins to download for free Certificate of completion