Blog
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...
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 break it all down and the fastest and easiest way to export an MP4 out of After Effects and get it posted to Dribbble.
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...
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...
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...
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...
FREE AFTER EFFECTS COURSE
FREE LottieFiles Icon Animation Course For UX/UI & Product Designers
Create a Professional Icon Animation and Play it on Your Phone (no experience necessary)
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...
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...
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...
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...
In this video I show you how to use the amazing Adobe XD feature 'Export to After Effects'. Long story short, it’s pure awesomeness.
If you use XD, you are stoked. The XD team just added an ‘export to After Effects’ feature that they announced at Adobe Max.
I’m usually...
Download the 'frames to milliseconds' After Effects source file for free
Hey, I wanted to share my super nifty and awesome ‘frames to milliseconds’ converter widget that I made for After Effects.
Why did I create this?
When delivering UX projects that you make in After Effects, you...
How to use Sketch2AE to save a project to After Effects
Download Google’s plugin Sketch2AE for free here: https://google.github.io/sketch2ae/
…….
In this tutorial, I show you step by step how to use Google’s Sketch2AE plugin to save your project.
Ok so this...
How to install Sketch2AE for Sketch and After Effects
Download Google’s plugin Sketch2AE for free here: https://google.github.io/sketch2ae/
…….
In this tutorial, I show you step by step how to install Google’s Sketch2AE plugin both for Sketch and...
If you want to be a baddass in After Effects, there is no better way than to get started using simple expressions. Expressions are little pieces of code you can apply to a layer property like it’s position, rotation, scale, etc. If you can’t code, no worries, you can just select the...
Ok, I admit, it isn’t often your project has a color correction slider. And it’s probably even less often that you’d be online searching for for how to animate one, but just in case the perfect storm has transpired, I’m answering that question today.
The beauty of these...