Shop Blog Templates Bundles Login

How to use adjustment layers to blur your UI animation in After Effects

 

Click here to download the source files and follow along

I created a quick tutorial video to show you how to quickly create an adjustment layer, 3 ways to locate an effect, and 3 ways to quickly apply the effect to the layer.

One of the things that makes the UI animation workflow unique...

Continue Reading...

How to package your UI animation project files in After Effects

Click here to download the source files and follow along

This week’s tutorial is a simple and super helpful thing to know.

Sometimes you need to take all your linked UI animation files, copy them into a single location, and have all the links update in your After Effects project file....

Continue Reading...

How to import multiple UI Animation projects in After Effects

Click here to download the source files and follow along

This is a really cool After Effects feature. It’s so simple I hesitated sharing it with you.

However, it’s been pointed out to me that I’ve been struck with the ‘curse of knowledge’, as they say. I figured...

Continue Reading...

How to retime your UI Animation for client presentation in After Effects

Click here to download the source files and follow along

UI Animation needs to be fast and clean. There’s no two ways about it. If it’s slow, it appears unresponsive, and unprofessional.

In fact, the single biggest mistake I see designers make is that their motion design is way...

Continue Reading...

How to scale your UI Animation to any size in After Effects

Click here to download the source files and follow along

Sometimes I discover something amazing in After Effects. This is one of those times.

Over the years, it just so happens that occasionally I need to take my UI Animation composition and resize it.

I’ve found all kinds of creative...

Continue Reading...

How to create a video MP4 for Dribbble in After Effects

Click here to download the source files and follow along

Super awesome news if you’re a Dribbble user! Dribbble now supports video files.

I think this is amazing and people have been asking for this feature for years.

There are a few things to know and in this video I’m going to...

Continue Reading...

How to create a UI Animation process video in After Effects

Click here to download the source files and follow along

I’m super excited to share this technique with you.

Here’s the idea: sometimes you need to show a video render and actually show the layer handles and UI elements. It’s part of the ‘behind the scenes’ or...

Continue Reading...

The absolute best way to get your Sketch file into After Effects

I created a quick tutorial to show you the best way to get your sketch file to After Effects.

Here’s the backstory.

Over the last few years, Sketch has crushed the UX design workflow. Not to say that everyone uses Sketch, but a lot of designers do.

Getting your Sketch file into After...

Continue Reading...

How to turn an avatar into a header in After Effects

Follow along and download the free 'How to turn an avatar into a header' in After Effects project assets

In this tutorial I show you how to turn an avatar into a header in After Effects.

In After Effects there are always a million different ways of doing things. That’s what makes it so...

Continue Reading...

How to parent icons in After Effects

Follow along and download the free 'parenting icons' in After Effects project assets

I seriously couldn’t think of a better title for this tutorial, but trust me it’s got some seriously good tips.

Basically the idea is that I wanted to share how I would set up a simple parented...

Continue Reading...
1 2 3
Close

50% Complete

Get my free UI animation tutorials and resources emailed to you directly

Join 25k designers from around the world who have signed up to my UI animation newsletter. You'll be the first to get my new tutorials, articles, or courses on UI animation.