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

By August 22, 2017 August 31st, 2017 Tutorial

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

Click here to download the free source files and follow along:

Watch the FREE ‘UI Animation with After Effects’ fast-start tutorials:

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

Become a UI Animation pro in the next 4 hours with my ‘UI Animation Fundamentals’ After Effects tutorials:
Learn how to animate micro interactions with ‘Micro-interactions’ After Effects tutorials:



Watch the FREE 'UI Animation with After Effects' fast-start tutorials now. No animation experience required.