Hey everyone, welcome back to my After Effects tutorial. In this tutorial, we are going to learn how to create a handwriting logo animation or signature logo animation. So let's get started. Create a new composition called 'Signature logo animation', set the duration to 10 seconds long. Now write any text you want, or

you can import a logo image as well. Go to the toolbar, select the text tool. For the text, I use the 'How's Yetly Signature' font. You can download this font from the link pasted in the description. Now write the text. Now place this text in the center with the help of the alignment window or you

can drag it with the mouse cursor. I use the font size 200px. Now select the text layer, press 'R' for rotation, change the rotation value to -5. Now draw a starting path. Go to the toolbar, select the pen tool, and draw something like that. Change the line cap to 'round cap'

selection for layer contents, shape, stroke, then line cap set to round cap. Now adding a trim path for the line path animation. Go to 'Add', select 'Trim Paths', open 'Trim Paths', change the 'Start' value to 100. Set a keyframe on 'Start' and 'End', then move one second forward in the

timeline. Change the 'Start' and 'End' value to zero. Select all keyframes, press 'F9' for easy ease. Go to the graph editor, adjust the graph something like that. Again, go to the timeline, select the 'Start' keyframes, then move these keyframes 10 frames forward in the timeline.

Here is our start line animation. Select 'Shift', then press 'Control + Shift + C' for pre-composed called 'Start Line'. Now we're adding different colors in the line, so first duplicate these layers by pressing 'Ctrl + D' and place these shape layers with five frames distance in the timeline.

like that [Music] select the first shape layer, go to the toolbar, select stroke, then change the color like that. Now do the same with the rest of the two shape layers. [Music] Go to the main comp [Music] start line composition. Now go to the toolbar, select the pen tool, and draw a line path the same

as the alphabet, something like that [Music] rename this shape to 'S'. Again, change the line cap to round cap. [Music] Now again select this shape layer and draw a line path for the rest of the text like that [Music] again rename this shape [Music]

also change the line cap to round cap. Select the layer, rename this 'Cold Mask'. Place this layer above the text layer, then change the track matte to alpha matte. Again, adjust the line path like that. So our next step is to draw a line for the 'T' alphabet. Select the pen tool, then draw the path like that.

Make sure the starting point of the path connects with the 'E' alphabet for a smooth-going animation. Again, change the line cap to round cap. [Music] Plus shift plus C for pre-composed called 'End Line'. [Music] Now we are going to animate our text. Select the mask layer, go inside the 'S' shape.

[Music] then go to 'Add', select 'Trim Paths', change the 'In' value to zero. Adding a keyframe. Make sure you are at around one second in the timeline, then move forward around two seconds and change the 'End' value to 100. [Music] Now adding 'I' dots.

Go to the toolbar, select the rectangle shape, and press 'Q' for converting the rectangle shape to a circle shape. Then draw a small circle like that. Rename this 'Dot' and make it fill with the help of the toolbar and reduce the stroke size. Place this dot at the end point of

The S shape path select mask layer, press U to reveal the keyframe. Make sure you are at around 2 seconds in the timeline, then select dot layer, set keyframe on scale and position. [Music] Then change the position of Dot something like that. [Music]

Here is our DOT animation. [Music] We are going to animate the rest of the text. Go inside the mask layer, select the first layer, adding trim paths, then change the end value to zero. [Music] Then move forward 2 seconds in the timeline and change the value to 100.

[Music] Now animate the end line. Go inside the composition, doing the same steps as like we do with the start line animation. [Music] Also, changing color. Go to the main comp. Now we are adding different colors on the Main text. Select both the layers, mask and signature text layer, duplicate

these layers by pressing Ctrl+D and place the duplicated layers with 10 frames distance. Select the first signature layer, go to character, then change color like that. [Music] Do the same with the rest of the two signature layers. [Music] Here is our final signature logo animation. Thanks for watching this tutorial.

I hope you learned something new from this tutorial. Please hit a like button. See you in the next tutorial. [Music]

Handwriting Signature Logo Animation After Effect | After Effect Tutorial | No Plugin

Handwriting Signature Logo Animation After Effect | After Effect Tutorial | No Plugin

Scripts