How to Animate Text Stroke in Adobe After Effects


SUBSCRIBE! It’s free and I will continue to give out free downloads!

If you are looking to create an outstanding text animation then this tutorial is best for you.

In this tutorial, you will learn animate text strokes in Adobe After Effects. I have made so many tutorials on text animation but this tutorial is different. I will show you an easy method to animate text strokes. I recommend you watch my video on YouTube.

Here’s a Step by step Tutorial:

Step 1: Open Adobe After Effects. Go to the composition and create a new composition. Rename it to Animate Stroke or whatever you like. Set the resolution to 1920×1080 Pixels Set the frame rate to 30 frames per second and set the duration to 10 seconds.

Step 2: Pick the type tool and add your text. Increase the Text size then align the Text to the center.

Step 3: Right-click on the text layer. Select Create Masks from Text. It will create a mask around the text.

Step 4: Select the Text outline layer. Go to the Effects Menu > Then Generate. Search the Effect Stroke. Drag and drop the stroke effect to the text outline layer.

Step 5: Go to Effect Controls settings then Check the All Masks. Change the Paint Style from the original image to Transparent. Increase the Brush Size to 3.5. Increase the brush hardness to 100%
Decrease the spacing to 0%. Click this little clock icon to add a keyframe. Reduce the end value to 0%.
After two seconds, Increase the value to 100%.

Step 6: Select the Stroke outline layer and Press U on the keyboard to open keyframes. Select both keyframes.
Right-click and go to keyframes Assistant and choose Easy ease.

Step 7: Our Stroke animation will work sequentially. Let’s change it to animate separately.

Step 8: Go to Effect Controls and just uncheck the Stroke Sequentially.

Adding Colors to the Strokes:

Step 9: Select the stroke outline layer. Press Control+D Key on the keyboard to make it duplicate. Slightly move the layer to the right side. Change the stroke color. We are going to add 5 colors to the stroke. So duplicate the stroke layer 6 times then change the stroke color to each layer.

Step 10: Let’s unhide the text layer and check it again.

We are done! Our Stroke Text animation in After Effects is ready.

Here you can download the free project file (31 KB)

Check Also

Disco Ball Animation in After Effects

Create a Disco Ball Animation in Adobe After Effects

It’s free and I will continue to give out free downloads! If you want to …

error: Content is protected !!