Aashish Kumar – UI Design & Animation Masterclass – Figma, Principle & After Effects

Description

UI Design & Animation Masterclass – Figma Principle & After Effects, Aashish Kumar – UI Design & Animation Masterclass – Figma Principle & After Effects, UI Design & Animation Masterclass – Figma Principle & After Effects download, Aashish Kumar – UI Design & Animation Masterclass – Figma Principle & After Effects review, UI Design & Animation Masterclass – Figma Principle & After Effects free torent
Aashish Kumar – UI Design & Animation Masterclass – Figma, Principle & After Effects
UI Animation

Masterclass

The most comprehensive, step-by-step course covering everything from the basics of prototyping to advanced animations for mobile apps and websites.
Motion is that design spell that will set you apart from other designers

So you are interested in levelling up your game. You should be!

But you know the road is not easy. This course will give you immense power in your hands and it’s only up-to you how you take it further. UI/UX design is fasting growing field in US & Europe and someone who is capable of doing motion together with UI is the most in-demand right now.
This course is for you,

if you want
A career in design

This course is perfect for you if you want to start a career in design.

Creative freedom

Want a career which gives you creative freedom

To be a seasoned designer

This course is for beginners and for expert designers too.

To work with big clients

Want to understand interaction design and work with big clients

To showcase your designs with fluid animations

If you want to showcase your designs with fluid animations to your clients or stakeholders.

A well paid career

Want a career that’s well paid and in-demand
What if you could be an animation wizard

I know, that sounds far fetched. But what if this was possible? What if you could, on a whim, create interactions/animations that impress stakeholders, win clients, and even put you ahead in your career?
In this course, you’ll learn not only how to create interactions and animate interfaces well, but also how to do it quickly.
BUILT FOR

UI/UX Designers
CHAPTERS/MODULES

12 Modules

60+ Video Lessons
DURATION

7 Hours
3 DESIGN TOOLS

Figma, Principle and After Effects
Masterclass Curriculum

Take a look at the Welcome lesson of the masterclass and get a better picture of what is going to be there in the entire masterclass.
Student stories

Stories from courses, masterclass and mentorship sessions.
“Aashish is a very talented and creative designer. I have learned a lot from him. Thank you very much for that!”
Samuel Schneider

Senior Digital Marketing Manager
“The course was extremely easy to follow which made it really easy for me to learn and I also discovered Figma mirror which blew my mind”
Sanchari Saha

UI/UX Designer
“The great interaction designer I have ever seen. I have learned a lot from him. Seeing him creating such loveful interactions made me also learning the same. Aashish is an exemplary mentor.”
Anshul Bhatia

Product Designer
“For someone, who has transitioned her career from a chef to a designer. This masterclass has been a cherry on the cake with that level of expertise used in curating the masterclass.

This course is an amalgamation of different tools coming together and building up the best UI Animation Course out there.

I would strongly recommend young designers to enrol in the masterclass to give boost to their design career.”
Priyanka

Product Designer at Createbytes
“I did the figma course few days ago. Being a UI/UX Design student the course helped me in making my project more immersive as well as interactive. Specially breaking down the terms into small points was very convincing and understandable for me. Looking forward to watching more of your content in near future regarding UI Animations using after effects , Basic UI colors schemes & gradients, Font styles and their sizes.”
Pritam Saha

Designer
“He has a gift for precision, detail and user experience / empathy that few designer do. For anyone who’s learning UX/ UI design, I just have one piece of advice – learn as much as you can from Aashish.”
Shaikh Abdulbasit

Product Manager based out of Berlin, Germany
About Aashish
After watching a lot of YouTube videos, practicing for years, and a ton of trial and error, Aashish finally reached a point where he got down the fundamentals of crafting any kind of animation. Flash forward to today, Aashish has designed million dollar apps and websites in both web 2.0 and web 3.0 space.

‍

And unlike so many courses out there today, Aashish wanted to create a masterclass that cuts out the theory and provide you with the practical fundamentals that actually work.

‍

Aashish founded Million Frames Academy to teach designers special design and animation techniques which can help them monetize their skills and earn money.

Currently Head of Design at Polynomial
Designed JustWatch, Berlin
Designed Million Frames, Berlin

What you’ll learn in the UI Animation Masterclass (Bundle)

Everything from thinking animation, enhancing UX with motion, prototyping, animation to sharing your prototypes with developers and stakeholders. Start to finish!
Chapter 1 – Basics of Prototyping & Animation
– Intro

– What is prototyping and UI Animation?

– Tools for Prototyping and Animation?
Chapter 2 – Understanding the use of Motion in UI
– Why do we need motion in Product Design?

– Purpose of UI Animations

– Is UI animation difficult?

– How motion enhances the UX of the products like websites and mobile apps?

– How does a Prototype and Animation work?

– What not to do while animating the UI?

Chapter 3 – Principles of UI motion design
– Realtime vs Non-Realtime interactions

– Principles of UX in motion

– Understanding motion choreography

– Understanding user interaction with mobile and web

– Breaking down an UI animation

Chapter 4 – Prototyping in Figma – Level I (Basic)
– Introduction to Figma

– Figma Interface & Prototyping Panel

– Understanding Triggers & Interation panel

– Creating our first transition based prototype

– Scrolling, Device Frames and Paging

– Smart Animation

– Overlays

– Creating basic Micro-interactions
Chapter 5 – Prototyping in Figma – Level II (Advanced)
– Creating complex micro-interactions

– Smart Animate + Dragging

– Creating an interactive mobile app prototype

– Previewing the prototype on mobile device

– Creating a text animation

– Creating animated backgrounds

– Creating animated dribbble shots

– Creating animated landing page of a website

Chapter 6 – Animation Styles & Transform Properties
– Animation styles in Action

– Creating animation in minutes by simple transform property changes

Chapter 7 – Prototyping in Principle – Level I (Basic)
– Intro, Installing Principle, Interface and Connecting screens

– Importing designs, Complex Animation & Animation Timeline

– Creating a footer bar micro-interaction

– Scrolling & Paging in Action

– Understanding Drivers

– Easing, Timing in Animation & Creating Delays

– Components

– Creating Fake Tap Areas & Playing Videos

– Creating an interactive mobile app prototype with video

– Previewing the interactive prototype on mobile device

– Exporting Video & GIF from Principle

Chapter 8 – Prototyping in Principle – Level II (Advanced)
– Rapid Prototyping a UX Solution to a problem

– How to think animation quickly?

– Creative onboarding flow animation

– Text animation & Landing Page Animation

– Splash Screen Animation

– AI Loading Animation

– AI Finding Movies Animation

– Smart Home App Animation
Chapter 9 – Animation in After Effects- Level I (Basic)
– Intro, Importance of AE in Design & Installing After Effects

– Breaking down the Interface of AE

– Importing Designs in AE & Basic Animation Workflow using a simple project

– Understanding Keyframes, Timeline and Effects by diving into a project

– Creating a Movie Product Page Animation using 3D

– Creating a Loading Animation using Shape Layers & Text Layers

– Exporting video prototypes & animations in AE

Chapter 10 – Animation in After Effects- Level II (Advanced)
– What is Lottie Animation & Bodymovin Plugin?

– Creating a Heart Icon Animation

– Exporting in JSON format

– Storyboarding a complex AI animation

– Creating a complex AI animation-Part 1

– Creating a complex AI animation-Part 2

– Creating a video prototype of an AI movie finder app

– Exporting the animated video

– Thoughts on After Effects
Chapter 11 – UI Animation handoff to developers
– Animation handoff to developers

– Animation handoff checklist

Chapter 12 – Final thoughts and Getting better at Animation Thinking
– What tools do I use to work with clients?

– How to get better at animation thinking?

– Resources you can take inspiration from

– Extro!

Bonus – Complex Animations with Principle & AE
– Phone charging feedback animation

– Complex Text animation in Principle
What you’ll learn in the UI Animation Masterclass (Bundle)

Everything from thinking animation, enhancing UX with motion, prototyping, animation to sharing your prototypes with developers and stakeholders. Start to finish!