Courses Workshops Motion Systems Blog About Get Certified Login

UI Animation Fundamentals

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

$57

Add to cart View bundle discounts

About this course

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.

Best,
Issara Willenskomer
Founder of UX in Motion, Instructor

Watch course intro

 

β˜…β˜…β˜…β˜…β˜…

“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

Used by designers at:

Files included in the course

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.

Design files

Depending on the project, this could include Photoshop, Illustrator, or Sketch. You don't need to have these programs to use this training. 

Video tutorial files

HD video files for you to watch online or download and sync to watch later on your devices. 

After Effects project files

Use this file to follow along with the tutorial and even ideate your own solutions and iterations!

What you will learn in this course

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 sample from this course

Watch a 60 second sample from the UI Animation Fundamentals course

 

Buy your course today!

Add to cart Replay

Course includes these 3 bonuses

These additional training and resources will help you to get up and running fast, with great content and access to Q&A

UI animation with After Effects Fast Start course

New to After Effects? Get up and running in less than an hour with this 3 part Fast Start video course.

Private UX in Motion Facebook group

Get your questions answered in this exclusive group of world class designers. Post, share, and critique inspiration. Get new tips and resources. 

UI Animation After Effects keyboard shortcuts

Print out and accelerate your learning with these 23 critical keyboard shortcuts just for UI animation. PDF included with purchase of course. 

Issara Willenskomer
Instructor

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.

🀝 30 day money back guarantee

If you are not 100% satisfied for any reason, I will give you a full refund. No questions asked.

Buy now

Don't own After Effects? Not a problem! Download the free 30 day demo of After Effects from the Adobe site.

Close

50% Complete

Two Step

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.