How to animate ‘UI sticky jelly’ in After Effects

By September 3, 2015Tutorial

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 by ‘jelly.’ This lesson is quick and dirty and goes into the setup of this effect. We use adjustment layers, the blur effect, and the ‘simple matt choker’ effect. This technique couldn’t be simpler and there are a ton of great possibilities.

UI animation in after effects

UI animation credit: Kit Olink

UI animation in after effects

UI animation credit: Jelio Dimitrov

UI animation in after effects

UI animation credit: Jakub Antalík

Oh, and before I forget, if you’re totally lost here, head over to http://uxinmotion.net, put in your email, and I’ll send you the FREE fast start video. It teaches you how to animate your UI in Adobe After Effects. And if you want to go deeper with all this, I’ve put together a pretty dope online video course that gives you step by step instructions on how to create beautiful professional animations from your UI designs. You can get it here:http://uxinmotion.net/rapid-prototyping-with-adobe-after-effects-launch/

If you’re looking to pick up the super dope Material Design UI kit that I’m using in this tutorial, you can grab it here,