Shop Blog Templates Bundles Login

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...

How to Animate a 3D Card Flip in After Effects

Follow along and download the free the '3D card' After Effects project assets

I wanted to show you the fastest and best way to build a 3d card flip in AE.

Long story short I was using my medical app that connects me to my doctor and noticed that they violate one of the cardinal rules of UI...

Continue Reading...

How to animate an icon in After Effects

Follow along and download the free 'How to animate an icon' in After Effects project assets

In this tutorial, I show you step by step how to animate an icon in After Effects. 

We’ll be creating shape layers from the Adobe Illustrator file, applying trim paths on each shape, and...

Continue Reading...

How to animate a form in After Effects

Follow along and download the free 'How to animate a form' in After Effects project assets

In this tutorial, I'm going to show you how to animate a form in After Effects.

I was working on a project a few weeks back and wanted to share with you how I would animate the cool growing line form...

Continue Reading...

Motion design in digital products: a white paper

Download article as PDF

In this article, I spell out the value of motion in digital products. I explain and dispute four myths held by designers, engineers, and stakeholders. Then I examine six challenges when it comes to delivering motion. I list the three ways that motion supports...

Continue Reading...

How to animate a sticky nav in After Effects

Download the 'sticky nav' After Effects source file

In this video I show you how to create a sticky nav in After Effects. 

Sticky navs are weird, especially to mock up with motion in After Effects.

I actually didn’t fully appreciate how tricky they are until I was helping my...

Continue Reading...

How to create a motion path in After Effects

In this video I show you how to create a motion path in After Effects. 

Typically in UX, you aren’t dealing with a lot of motion paths unless you’re creating motion for material design projects, radial progress bars, or something game related.

The easiest way by far is to just...

Continue Reading...

How to create a finger tap gesture in After Effects

Download the 'finger tap gesture' After Effects source file for free

In this video, I'm going to show you how to create a finger tap gesture in After Effects. 

Ok, let’s talk about the art of the finger tap gesture in After Effects.

First of all, as you know, there are multiple...

Continue Reading...
1 2
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.