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

Awais Ali

프로젝트 설정 및 초기 텍스트 생성

10초 길이의 '시그니처 로고 애니메이션'이라는 새 After Effects 컴포지션을 만듭니다.

'How's Yetly 서명' 글꼴(설명의 다운로드 링크)을 사용하여 텍스트를 추가합니다.

텍스트를 가운데에 배치하고 글꼴 크기를 200px로 설정하고 -5도 회전합니다.

둥근 캡이 달린 펜 도구를 사용하여 시작 경로를 그립니다.

다듬기 경로를 추가하고, '시작' 및 '끝' 값에 대한 키프레임을 설정하고, 쉽게 쉽게 적용하세요.

시작 줄을 미리 작성('Ctrl+Shift+C')합니다.

나머지 라인 만들기 및 애니메이션

각 문자에 선 경로를 그리고 둥근 대문자를 설정하고 색상 변형을 추가합니다.

알파 매트를 사용하여 텍스트 레이어 위에 '콜드 마스크' 레이어를 만듭니다.

끝줄을 미리 작성('Ctrl+Shift+C')합니다.

텍스트 애니메이션 및 세부 정보 추가

트림 경로를 사용하여 텍스트에 애니메이션을 적용합니다.

원을 사용하여 'I' 점을 만들고 애니메이션을 적용합니다.

시작 라인과 유사하게 종료 라인에 애니메이션을 적용합니다.

레이어를 복제하고 기본 텍스트에 색상 변형을 추가합니다.

시그니처 로고 애니메이션의 최종 렌더링입니다.

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

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

스크립트