UI Animation Fundamentals

4 TUTORIALS | 3 HOURS | BEGINNER

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, or Sketch. No animation experience required.

UI Animation Fundamentals with Adobe After Effects

The ultimate beginners training

Project renders from the training

Inspired by top trending Dribbble UI animations

15 years in the making

Issara Willenskomer brings 5 years teaching designers, and over a decade of UI Animations work for clients like XBox, Facebook, HBO, Twitter, Nordstrom, Amazon, and more. His teaching methods are taken from real world workflows and industry best practices.

Available Now for $59

Iterate & innovate fast

The key to innovation is knowledge of tools, techniques, how they come together, and when to use them. In this training, you will learn the following –

Anchor point

Parenting

Preparing your design files and assets

Masking

Precomping

Working with complex projects

How to create perfect timing

Adding a ‘tap’ indicator

Animation presets

Animating layer styles

Troubleshooting

And more!

Industry best practices

Learn how industry professionals concept, set up and iterate UI animations in real world contexts. Leverage this skill on current projects, upcoming pitches, and in your design portfolio.

Deconstruct and analyze references and inspiration

Iteration strategies

Planning and setup

Project management

“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

Watch anywhere

Download this video training and watch on the go. Sync with your mobile device and hang out at your favorite coffee shop while you learn After Effects.

How is this training different?

Tutorials on other sites teach individual tools. Real world projects rely on combining and stacking tools, techniques, mindsets, tactics and best practices. This training supports a professional workflow, connects the dots for you, and, sets you up strong in your real world projects.

Do I really need this?

When it comes to animating with Adobe After Effects, the sky is the limit and that’s the point. If you’re only needing to prototype ‘stock’ interactions where one screen swipes to another, don’t bother with this training. If you love to push innovation, and discover what’s possible then the answer is yes. You need this.

Aren’t there other prototyping tools, some even give you a fully functional prototype?

Absolutely. However there are times when the idea is more valuable than the interactivity itself. Having an appropriate sketching environment like After Effects allows you the freedom to create whatever you can imagine and even create a dev friendly spec (which you’ll learn about in the training).

Isn’t After Effects a tool that’s too hard to learn?

It can be, especially when you learn it the wrong way. After Effects is like a huge wood shop filled with hundreds of tools, and for UI animation, you only need to know one or two extremely well. That’s what this training does. Rather than focus on the WHOLE program, you learn the tools and techniques SPECIFICALLY for prototyping. You’ll be amazed at how fast and easy it is.

What do I get with the training?

4 hours of downloadable video tutorials, including project source files and renders. Sync with your devices and watch on the go!

How long do I get access to the training?

Lifetime access. Pure and simple. I do this because it’s what I would want from a training. Things comes up and sometimes you don’t have time to invest in learning. My commitment is that this training be there for you 365 days a year.

Learn to innovate with motion

Great UI Animations require a combination of countless techniques. Learning how techniques can be combined to create new animations allows you to create your own unique style, and innovate solutions for your individual projects.

Included in your download

My goal is to make your learning experience as seamless as possible. That’s why I’ve included all the PSD files, references to online projects, and the After Effects source files so you can learn and practice at the same time.