Certification Courses Live Zoom Workshops Blog Templates About Log in Get Certified Login

How to create a jelly UI effect in After Effects

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.

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.


UI animation credit: Kit Olink

UI animation credit: Jelio Dimitrov

UI animation credit: Jelio Dimitrov


FREE LottieFiles Icon Animation Course For UX/UI & Product Designers

Create a Professional Icon Animation and Play it on Your Phone (no experience necessary)
  • Learn how to make an icon animation in Adobe After Effects

  • Show-off your icon animation on your phone for your team, clients, or stakeholders

  • Build a portfolio-quality showcase UI Animation 

  • Export your assets for hand-off to engineers

You're a designer, you get paid to have opinions. Share them! 👇🏽

🔥 Take 15% off your first purchase

90% Complete