Shop Workshops Blog Templates About Bundles Login

How to stroke to your jelly UI animation in After Effects (more awesome)

How to jelly your stroke in After Effects (more awesome)
…….

In this tutorial, I show you step by step how to jelly your stroke in After Effects.

This tutorial is an improvement over a previous tutorial wherein I show you how to quickly and awesomely create the ‘jelly’ UI effect, where blobs form from other blobs. In this tutorial, I show you a better way to make it happen, as well as a way to apply this to just a stroke. This technique avoids pre-comps, and is extremely versatile and powerful. Check it out!

The steps I will be covering include:

1. Import assets
2. Create shape layer with circle
3. Apply the ‘blur’ and ‘matte choker’ effect
4. Duplicate the shape inside the layer (not the shape layer itself)
5. Animate your layers
6. Duplicate the shape layer itself
7. Make that new layer a track matte
8. Apply layer style stroke

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)
  • 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

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

🔥 Take 15% off your first purchase

90% Complete