Back to Blog

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

after effects Apr 17, 2019


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 in After Effects is that there is so much iteration and feedback implementation required in the design process.

This means you have to build super clean ‘easy to update’ project files.

Personally, I view this as an opportunity to creatively find ways to not duplicate things. Like effects.

So, adjustment layers can help with this.

An adjustment layer is a blank layer that interacts with the layers below it. You can put effects (like a blur) on it and every layer below it will have that blur. The advantage is that it’s simple, fast, and easy to update when you get feedback or if you want to do versioning.

I also share a couple of my favorite keyboard shortcuts that make this whole enchilada easier and faster to implement.

Click here to learn how to make an adjustment layer!

Happy prototyping,


PS If you’re on a deadline and looking to prototype your projects at higher fidelity, check out my rapid learning UI animation courses for UX/UI/product designers.

Don't miss a beat!

New moves, motivation, and classes delivered to your inbox. 

We hate SPAM. We will never sell your information, for any reason.