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

Description

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

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

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!

Commonly Asked Questions:

1. Business Model Innovation: Acknowledge the reality of a legitimate enterprise! Our approach involves the coordination of a collective purchase, in which the costs are shared among the participants. We utilize this cash to acquire renowned courses from sale pages and make them accessible to individuals with restricted financial resources. Our clients appreciate the affordability and accessibility we provide, despite the authors’ concerns.
2. UI Design & Animation Masterclass – Figma, Principle & After Effects Course

• There are no scheduled coaching calls or sessions with the author.
• Access to the author’s private Facebook group or web portal is not permitted.
• No access to the author’s private membership forum.
• There is no direct email support available from the author or their team.