Shop Blog Templates Bundles Login

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

 

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,

Issara


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.


Become a UI animation pro this week and save $571 with my ‘Ultimate UI Animation Fundamentals bundle'


Find me on –

Facebook: https://www.facebook.com/uxinmotion
YouTube: https://www.youtube.com/channel/ux-in-motion
Medium: https://medium.com/ux-in-motion
Twitter: https://twitter.com/ux_in_motion
Dribbble: https://dribbble.com/issara

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.

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.