Handwriting Effect Animation the Easy Way with After Effects

In this video, I will show you how to write and export animated letters and words in handwriting with After Effects. It is not difficult to make, quite practical.

I added an image to the scene, a green themed image. I right click on this image. I create a composition with New Composition from Selection in these image dimensions. Since the size of the image is 1920 by 1080, I applied such a method. If your images in a different size, you can right click and select New Composition to create a composition that suits you.

Since we are going to animate a text in this video, we first need to write a text. I select Type Tool in the toolbox above and I will write some text on the scene. I wrote my text. Let’s size it and position it in the middle of the scene. Now this text currently has plain text. Since our aim is to animate the handwriting, it would be nice to have our font in the form of a handwriting. You can download handwritten fonts from sites that provide free fonts, such as DaFont. This is how I changed my font. And after recentering the page, we can now move on to the handwriting animation.

In this effect, the thing we need to pay attention to when choosing a font is that since we will be masking the characters one by one, the characters shouldn’t overlap each other. It would be better if you choose the font accordingly. We may run into trouble using this technique. As the letters currently overlap each other, therefore I’ll need to open the gaps so that they don’t touch each other.

Now I right click on the text and select Create Masks from Text under Create. With this selection created a new layer here, as you can see here, the most important feature of this layer is that it turns all the letters into a separate mask, and we need the Stroke effect to make this handwritten animation. With this layer selected, we choose Effect > Generate > Stroke effect. We will need the Effect Controls panel. If you don’t see this panel, make sure the Effect Controls panel under the Window is checked. And with this effect, we need to bring the Paint Style parts to Reveal from the on Original option. When we change this, the white color will disappear and a thin line will appear here. We need to thicken this line, this thin line. Using the brush size I resize it to cover it completely, making sure the letter is completely filled. Applied this effect to the first letter only. If we want other letters to have this effect, we need to select the All Mask option, make sure the Stroke Sequence option just below is checked as well. When we check in this way, we see that all the letters are filled.

Now we can give animation. I move the timeline to the very beginning of the scene and property we will use to animate is the End property here. I set the End option to 0. I click on the key frame icon on the left of it, and let’s move the timeline a little further, change the End value to 100%. Now when I play the animation, this is the result we get. In this way, we can give animation in the fastest way.

Let’s soften them by selecting the key frames, pressing F9 on the keyboard and open the Graph Editor and do a little editing. If it doesn’t look like this right click and make sure the Edit Speed Graph option is checked, sometimes other options are also selected. With the Speed Graph active, let’s select the key frames here and move them to the left. So it will look like this. We can switch to the normal view by clicking the graph editor icon again. Of course this method doesn’t give perfect results. However, this is how we do handwriting animation quickly and practically. There are many different methods, but if you are looking for a practical solution in your works, such as chalk effect on the blackboard or writing effect on paper, you can use this effect in this way.

By the way, let me show you how you can change this color. Because it’ll be white and changing these colors will not work either. With the newly created layer selected, we select the Tint effect under Color Correction below the effect. In this section, you can change the Map White To option, that is the white option to a color you want, that is, to the color you want to change the handwriting. The result will still not change. Your effect will remain the same. However, the white colors will change with the color you specify. I’m making these white again. After applying this animation, if it feels fast, you can expand the key frames you have given a little more. I just selected the layer on the keyboard and press the letter U to open the key frames. The letter, you only shows us the active keyframes. You can make the animation slower by moving the key frame on the right to the right.

Popular Tutorials

Export Settings We Need to Know for Transparent Texts

In this video, I will show you how we can export the…

Full Control on Keyframes | Free After Effects Plugin Keyframe Wingman

In this video, I will talk about a little convenience on keyframes….

Speed Effect with Star Wars Lines in After Effects

In this After Effects, tutorial, I will show you how to make…

Animate Text Along Any Path in After Effects

In this After Effects tutorial, I will show you how to make…

Audio Spectrum in After Effects | Sound Wave Effect Without Music

I show you have to make a simple sound wave with After…

Creating Digital Background Animation in After Effects

I’m going to show you how to make a digital background without…