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

Description

UI Design & Animation Masterclass – Figma, Principle & After Effects By Aashish Kumar – Instant Download!

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!

UI Design & Animation Masterclass – Figma, Principle & After Effects By Aashish Kumar, What is it included (Content proof: Watch here!)

• 0. UI Design & Animation Masterclass
• 1. C01 – Introduction
• 2. C02-Basics of Prototyping & Animation
• 3. C03-Understanding the use of Motion in UI
• 4. C04-Motion Choreography
• 5. C05-Prototyping in Figma – Level I
• 6. C06-Prototyping in Figma – Level II
• 7. C07-Understanding Animation Styles & Transform Properties
• 8. C08-Prototyping in Principle – Level I
• 9. C09-Prototyping in Principle – Level II
• 10. C10-Animation in After Effects – Level I
• 11. C11-Animation in After Effects – Level II
• 12. C12-Final thoughts