UI Animation Fundamentals with Adobe After Effects
The ultimate beginners training
Project renders from the training
Inspired by top trending Dribbble UI animations
3 years in the making
Issara Willenskomer brings 3 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.
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
- Preparing your design files and assets
- Working with complex projects
- How to create perfect timing
- Adding a ‘tap’ indicator
- Animation presets
- Animating layer styles
- 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
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.
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.
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.
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).
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.
4 hours of downloadable video tutorials, including project source files and renders. Sync with your devices and watch on the go!
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.Add to cart
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.