3 TUTORIALS | 4 HOURS | 3 BONUSES
UI Animation Fundamentals is the perfect introduction to UI Animation with Adobe After Effects. Create polished, professional animations from your design files whether they come from Photoshop, Illustrator, Sketch, or Adobe XD. No animation experience required.
✓ Master the UX/UI prototyping workflow in After Effects
✓ Learn how to animate screen transitions
✓ Learn how to animate gesture based interactions
✓ Learn how to animate page builds
✓ Learn how to create smooth, polished animation
Are you a UX/UI or Product Designer? Do you have a project that you’re working on that could benefit from UI animation? Are you under a deadline and don’t have the time to invest 3 months in an online course?
Maybe you're looking to give your design portfolio that edge.
Maybe you're already a motion designer and need to improve your understanding of the UX workflow.
If so, you’re exactly who I created this FREE UI Animation Fast Start Course for.
I've been working on UI animation projects for over a decade. I've also been teaching UI animation to teams at places like Airbnb, Dropbox, and Slack, Kayak, and more.
Along the way, I’ve learned how easy it is for designers to learn After Effects. In fact, they're often surprised when they discover how easy it is to create beautiful, professional UI animation.
In this course, you’ll learn the UI animation workflow, as well as the basics of After Effects. You’ll also learn how to properly bring your UX/UI design source files into After Effects. And you’ll learn the fundamentals of beautiful timing.
I think you’ll love it.
Founder of UX in Motion, Instructor
“The UX in Motion video tutorials were key to my expertise with motion in UIs. I was able to take my expert skills in Illustrator and Photoshop to whole new level of interactivity. The tutorials do a great job of guiding you through the fundamentals of After Effects and how to realize your motion design ideas. This is one of the best investments you can make if you are interested in learning how to prototype motion and effects in user interfaces.”
– Prasant Sivadasan, Senior Program Manager at Microsoft, Seattle
“Iz the wizz (can I call you that? I feel like I can call you that.) This is great. Thank you. After about a half day so far, I’ve gone from being like ‘what the heck’s going on in here’ to ‘dang… I totally got this’. Thanks so much for getting me started and I’m looking forward to learning so much more with ya.”
– Zachary Gibson, Senior Designer at Google, San Francisco
My goal is to make your learning experience as seamless as possible. That’s why I’ve included all the design source files, downloadable video tutorials (to sync with your devices and watch offline), as well as the After Effects project files.
Depending on the project, this could include Photoshop, Illustrator, or Sketch. You don't need to have these programs to use this training.
HD video files for you to watch online or download and sync to watch later on your devices.
Use this file to follow along with the tutorial and even ideate your own solutions and iterations!
Tutorial #1: Presets and timing
Duration: 1 hour
In this first lesson, you will be learning plug-and-play type animation presets, and the basics of UI animation timing. You will also be learning simple and fast ways to block out your animation. Additionally, you will learn back pocket easing and duration numbers to speed up your process, as well as how to use the layer anchor point to quickly iterate multiple motion solutions.
Tutorial #2: Choreography
Duration: 57 minutes
In this second lesson, you will be learning how to choreograph a UI animation build. You will learn how to manage more complex projects with multiple layers, as well as analyze reference projects on a frame by frame basis, and finesse timing across multiple layers. You will also be learning how to use track mattes, an alternate way of masking content.
Tutorial #3: Longform
Duration: 2.2 hours
In this third lesson, you will be building on the previous projects and deep diving into a more dynamic prototype. You will be learning complex parenting, layer styles, finessing timing, and pre-composing your project. You will also be mastering vector masks, and syncing multiple complex movements involving multiple properties. Additionally, you will be learning how to structure your timeline for multiple longform transitions.
Watch a 60 second sample from the UI Animation Fundamentals course
These additional training and resources will help you to get up and running fast, with great content and access to Q&A
New to After Effects? Get up and running in less than an hour with this 3 part Fast Start video course.
Get your questions answered in this exclusive group of world class designers. Post, share, and critique inspiration. Get new tips and resources.
Print out and accelerate your learning with these 23 critical keyboard shortcuts just for UI animation. PDF included with purchase of course.
Issara Willenskomer is an award-winning designer and educator. With over 15 years of interaction and motion design experience, Issara has worked with an impressive list of clients including Facebook, Microsoft, Twitter, Nordstrom, Amazon, HBO, MTV, AT&T, Motorola, T-Mobile, UNAIDS, HTC, Philips, and more. Issara has personally trained the design teams at Dropbox, Slack, Airbnb, Salesforce, Oracle, and others. Issara currently teaches motion innovation both online and in the real world.