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)