Shop Workshops Blog Templates About Bundles Login

🔥 Save 15% on any UI animation course or bundle on uxinmotion.com

Click here for coupon

How to start your UI Animation GIF on a specific frame in After Effects

 

Click here to download the source files and follow along

Here’s another pro UI animation tip I wanted to share with you. 

The idea is this: when you go to a site like Dribbble, you can see that the first frame of the animation is used as the ‘poster’ frame. 

...
Continue Reading...

How to export using Bodymovin to Lottie from After Effects

 

Click here to download the source files and follow along

I meant to record this tutorial like 6 months ago. Then I did record it, but it was for my free UI Animation Fast Start course. Anyway, long story short, I just recorded the complete workflow as a standalone tutorial. You should...

Continue Reading...

How to transition from a motion background into UX

A few weeks ago I received a really good question: how do you transition from a motion background into UX and product design?

The motion designer who wants to transition into UX and product design

Many of the folks who reach out to me about this question fall into this group.

They have...

Continue Reading...

Animating data

 

Today, Google just released a great new design resource for data. 

You can check it out here: https://material.io/design/communication/data-visualization.html#principles

If you scroll to the bottom, you’ll see some pretty cool data animations. 

In my experience, stakeholders, team...

Continue Reading...

Announcing 2 new UI animation course bundles (save big)

Based on feedback I've received from my customers, I'm announcing the creation of 2 new UI animation course bundles.

Micro-interactions & Dashboard Animations bundle

There here are a LOT of designers who have picked up my most popular UI animation course (UI Animation Fundamentals). You...

Continue Reading...

How to animate ‘UI jelly’ in After Effects

There’s something inherently powerful and cool about transforming the material of UI. By allowing the user to stretch and distort the material, the experience can become much more engaging and dynamic. Of course it can be abused as well, to the point where it impacts usability, so be...

Continue Reading...

How to create a jelly UI effect in After Effects

If you’ve already watched my first tutorial on UI jelly, you’ll be pleased because this one offers something a little different. There are fundamentally two different ‘UI jelly’ treatments I’ve come across.

Here are some references that illustrate what I mean...

Continue Reading...

How to integrate UI animation strategically into your portfolio

Over the years of teaching UI animation and helping designers and animators integrate motion into their online portfolios, I've noticed a major trend: designers do not integrate motion well into their online portfolios.

When it comes to the strategic design of your portfolio, it's important to...

Continue Reading...

How to curve your UI in After Effects

How to curve your UI in After Effects
…….

In this tutorial, I show you step by step how to curve your UI in After Effects.

This tutorial will let you add your UI to any curved screen in After Effects.

We’ll be covering the ‘Bezier’ effect, which gives you handles...

Continue Reading...

My top 12 After Effects feature requests for UI animation

Here is my list of 12 After Effects UI Animation feature requests. 
 
The backstory: some folks at Adobe reached out to me about my UI animation workflow and pain points. I think the larger context is that Adobe is really trying to figure out UX prototyping and they're starting to...
Continue Reading...
1 2 3 4 5
Close

🔥 Take 15% off your first purchase

90% Complete