애프터 이펙트 기초: 라인 애니메이션으로 패스 따라 움직이는 효과 완벽 마스터!

패스 애니메이션, 어렵지 않아요!

오늘은 애프터 이펙트에서 패스 애니메이션을 만드는 방법을 알아볼 거야. 패스 애니메이션은 말 그대로 선을 따라서 뭔가를 움직이게 만드는 건데, 라인 애니메이션이라고도 불러. 선이 움직이면서 그림을 그리거나, 글씨를 쓰거나, 길을 표시하는 등 다양하게 활용할 수 있어.

1. 라인 애니메이션 만들기

가장 기본적인 라인 애니메이션부터 시작해 보자.

1. 새 컴포지션 만들기: 애프터 이펙트를 열고 새 컴포지션을 만들어. (1920x1080, 23.976fps, 10초 길이 추천)
2. 펜 툴 선택: 상단 도구 상자에서 펜 툴(P)을 선택해.
3. 경로 그리기: 작업 화면을 클릭하면 점(앵커)이 찍히고, 클릭한 상태로 드래그하면 곡선(핸들러)을 만들 수 있어.
   • 직선 만들기: Alt 키를 누른 상태로 점을 클릭하면 직선으로 바뀌어.
   • 핸들러 다시 만들기: Alt 키를 누른 상태로 점을 클릭하고 드래그하면 핸들러가 다시 생겨.
   • 한쪽 핸들러만 조절: Alt 키를 누른 상태로 핸들러 한쪽만 움직이면 돼.
   • 점 지우기: Ctrl 키를 누르면 펜 툴이 마이너스로 바뀌는데, 이때 클릭하면 점이 지워져.
4. 쉐이프 레이어 설정:
   • 펜 툴로 원하는 경로를 그린 후, 타임라인에 생긴 쉐이프 레이어의 Fill(채우기)을 None(없음)으로 설정해.
   • Stroke(선) 색깔을 원하는 대로 바꾸고, 두께도 조절해 줘. (예: 빨간색, 두께 50)
5. 트림 패스 추가:
   • 쉐이프 레이어 속성을 열고 Add > Trim Paths를 선택해.
   • Trim Paths 속성에서 Start와 End를 조절해서 애니메이션을 만들 거야.
     • Start: 패스의 시작 부분을 조절해. 0에서 100으로 가면 패스가 지워지는 것처럼 보여.
     • End: 패스의 끝 부분을 조절해. 0에서 100으로 가면 패스가 그려지는 것처럼 보여.
6. 키프레임 설정:
   • 라인이 그려지게: 0 프레임에서 End 값을 0으로 두고 키프레임을 찍어. 50 프레임 뒤로 가서 End 값을 100으로 바꾸면 50프레임 동안 라인이 그려져.
   • 라인이 지워지게: 라인이 그려진 후 지워지게 하려면, End 키프레임이 끝난 후 몇 프레임 뒤로 가서 Start 값을 0에서 100으로 바꿔주면 돼.
7. 모션 부드럽게 만들기:
   • 키프레임들을 선택하고 F9 키를 누르면 모션이 부드러워져.
   • 그래프 에디터를 이용하면 움직임의 속도를 더 세밀하게 조절할 수 있어.

2. 도로 위 자동차 이동 애니메이션

이번에는 도로를 따라서 자동차가 움직이는 애니메이션을 만들어 볼 거야.

1. 소스 불러오기: 도로 이미지와 자동차 이미지를 불러와.
2. 도로 위에 패스 그리기: 펜 툴을 선택하고, 도로 끝에 맞춰서 자동차가 이동할 경로를 그려줘. (이때 쉐이프 레이어가 생성돼.)
3. 자동차 레이어 준비: 자동차 이미지를 도로 위에 놓고 크기를 조절해.
4. 패스를 자동차에 적용:
   • 쉐이프 레이어의 Contents > Shape > Path를 복사해. (Ctrl+C)
   • 자동차 레이어를 선택하고 P 키를 눌러 Position 속성을 열어.
   • 0 프레임에 인디케이터를 두고 Ctrl+V를 눌러 패스를 붙여넣으면 자동차가 경로를 따라 움직여.
5. 자동 회전 설정:
   • 자동차 모양이 이상하게 보인다면, 자동차 레이어를 선택하고 마우스 오른쪽 버튼 클릭 > Transform > Auto-Orient를 선택해.
   • Orient Along Path를 선택하고 OK를 눌러.
   • 만약 자동차 앞 방향이 잘못되었다면, 자동차 레이어를 선택하고 R 키를 눌러 Rotation 속성을 열어 원하는 방향으로 조절해 줘.
6. 이동 경로 표시:
   • 쉐이프 레이어의 Stroke 속성에서 Dashes를 추가해.
   • Dashes 값을 조절해서 점선 간격을 맞추고, Line Cap을 Round Cap으로 바꾸면 점선이 동글동글해져.
   • 자동차 이동 경로에 맞춰 점선이 생기게 하려면, Trim Paths를 추가하고 End 값을 자동차가 이동하는 마지막 프레임에 100으로 설정해 줘.

3. 글자에 패스 적용하기

이번에는 글자가 패스를 따라 움직이게 만들어 볼 거야.

1. 텍스트 입력: 텍스트 툴로 원하는 글자를 입력하고 크기를 조절해.
2. 패스 그리기:
   • 방법 1 (쉐이프 레이어): 텍스트 레이어를 선택하지 않은 상태에서 펜 툴로 경로를 그리면 쉐이프 레이어가 생성돼.
   • 방법 2 (마스크): 텍스트 레이어를 선택한 상태에서 펜 툴로 경로를 그리면 텍스트 레이어 안에 Mask가 생성돼.
3. 텍스트 패스 옵션 설정:
   • 텍스트 레이어를 선택하고 Path Options을 열어.
   • Path 항목에서 그린 패스(마스크)를 선택하면 글자가 패스에 달라붙어.
4. 옵션 조절:
   • Reverse Path: 글자를 패스의 반대 방향으로 이동시켜.
   • Perpendicular to Path: 글자가 경로에 수직으로 움직이게 할지 결정해. (보통 켜두는 게 좋아.)
   • Force Alignment: 글자가 경로에 꽉 차게 만들어. (움직임 애니메이션에는 보통 꺼두는 게 좋아.)
   • First Margin, Last Margin: 글자의 앞뒤 여백을 조절해.
5. 애니메이션 만들기: First Margin 값을 조절해서 키프레임을 찍고, 원하는 프레임으로 이동해서 값을 바꿔주면 글자가 패스를 따라 움직이는 애니메이션이 완성돼.
   • 빠르게 이동: Shift 키를 누른 상태로 마진 값을 조절하면 움직임 속도가 빨라져.

이 세 가지 방법이 패스 애니메이션의 가장 기본적인 원리야. 이걸 응용하면 훨씬 더 다양하고 멋진 애니메이션을 만들 수 있을 거야. 오늘 배운 내용들을 꼭 연습해서 익숙해지도록 해보자!