Blog
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 animation us...
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 U...
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 for...
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 mental mo...
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 girlfriend who is...
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 copy and paste. Yo...
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 gestures inc...
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 pretty skeptical about wor...
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 often ne...
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 plugin is insane. I wanted to cr...
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 After Effects.
They have great instructions on th...
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 other layer pr...
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 âcolor correctionâ UI anim...
Iâve been spending a bit of time getting into the mechanics of Authentic Motion and wanted to share this technique. Essentially, this is two separate animations, one for the âhamburgerâ icon transforming into a back arrow and the other is where the content cards disappear radially.
I cover the PS...
With the publishing of Google Material Design, a whole world of animation possibility has opened up. In this quick tutorial, youâll learn how to set up and animate a âpoint of originâ effect, which is insanely useful. You can find this discussion and animation reference here on the Google Material...