[애프터이펙트] 트림패스를 이용하여 서명하는 모션 만들기

내 글을 보고 있는 사람이라면 애프터이펙트의 기초를 공부하고 싶은 사람일 것이다. 초기에도 말했지만 나는 애프터이펙트의 고수는 아니다. 전문적으로 공부한 적도 없고, 디자인을 전공하지도 않았다. 하지만 현재 나는 애프터이펙트로 돈을 벌고 있다. 매달 100만원 이상은 부업으로 꾸준히 벌고 있는 것 같다. 내 글을 보고 공부를 한 사람들도 나와 함께 돈을 벌었으면 하는 마음에 글을 쓰는 것이다. 어떻게 보면 각 글들이 프로그램에 대한 입문서로 보일 수는 있겠지만 이것들만 익혀도 충분히 돈을 벌 수 있기에 나는 실전서라고 말하겠다. 이 실전서를 보고 모두 조금씩이라도 수익의 맛을 봤으면 좋겠다.

 

트림패스를 이용한 선이 나타나는 모션작업

 

이번시간에는 “Trim Path(트림패스)”에 대해 간략히 설명하려고 한다. 트림패스는 패스다듬어 자르기라고 하는데 쉽게 설명하면 윤곽선을 자르는 효과정도로 이해하면 될 것 같다.

 

먼저 위 사진과 같이 컴포지션에 선 하나를 그려준다. 펜툴을 이용해 직선하나를 그렸다. 점하나를 찍고 선을 긋고자 하는 반대편에 Shift키를 누른 상태에서 마우스를 찍어주면 직선이 생긴다.

 

그다음 트림패스를 적용시켜 주기 위해 Add를 눌러 메뉴를 활성화해준 후 위에 보이는 것과 같이 Trim Paths를 눌러준다.

 

위 그림처럼 메뉴를 열어주면 트림패스 메뉴를 볼 수 있는데 여기서 주로 다룰 항목은 Start와 End 이다. Start는 시작점을 기준으로 선을 다듬는 것이고, End는 끝점을 기준으로 선을 다듬는 것이라고 생각하면 된다. 여기서 나는 선이 왼쪽에서 오른쪽으로 나타나는 모션을 만들어 보려고 한다. 그럼 End를 조정해 주면 되는데 키프레임 적용은 아래와 같이 하면 된다.

 

0프레임 End 값 : 0%

1초 End 값 : 100%

 

위와 같이 키프레임 적용을 하면 위 이미지와 같이 선이 왼쪽에서 오른쪽으로 나타나는 모션이 적용된다.

 

위 이미지에서 더 나아가서 선이 생긴 후 왼쪽에서 오른쪽으로 선이 사라지게 하려면 어떻게 해야 할까? 아래와 같이 키프레임을 적용한다.

 

0프레임 End 값 : 0%

1초 End 값 : 100%

1초 Start 값 : 0%

2초 Start 값 : 100%

그럼 위와 같이 만들고자 했던 선이 생겼다가 사라지는 모션이 완성된다. 트림패스는 말 그대로 선을 다듬어 자르는 기능으로 예제로 보여줬던 직선만 해당되는 것이 아니라 곡선, 도형의 윤곽선도 동일하게 적용이 가능하기 때문에 활용도가 굉장히 높은 기능 중 하나라고 말할 수 있다.

 

 

트림패스를 활용하여 서명하는 모션 만들기

 

예전에 누군가 나에게 서명 그림 파일을 주면서 정지된 서명이미지가 아니라 서명을 하는듯한 모션을 만들어 달라고 했던 적이 있다. 트림패스를 이용하면 간단하게 작업이 가능하다. 바로 설명 들어간다.

 

먼저 서명 파일을 컴포지션에 불러온다. 그 후 펜툴을 이용하여 선이 끊어지지 않도록 직접 쓰듯이 서명 이미지를 따라서 쭉 그려준다. 이때 주의할 점은 선이 이미지를 다 덮어야 하기 때문에 선 굵기를 잘 선택해 줘야 하고 이미지에 선들이 겹치지 않게 잘 그려줘야 한다.

 

위 그림처럼 선이 끊기지 않도록 잘 그려준다.

 

선 색을 채우게 되면 위 그림처럼 될 것이다. 그다음 해줘야 하는 것이 트림패스이다. 위에 설명했던 것과 동일하게 선레이어를 선택하고 선색을 Add를 눌러 트림패스를 활성화해주자. End값에 키프레임을 적용해 줄 건데 0초에서 0% → 2초 정도에서 100%로 킷값을 주면 아래 그림처럼 될 것이다.

 

 

이젠 서명이미지에 저 선을 트랙매트를 입혀줄 것이다. 선 색을 검은색으로 변경한 후 레이어 위치를 서명이미지 아래로 위치해 준다. 그다음 위 사진과 같이 트랙매트를 열어 알파매트를 적용해 주면 아래 이미지와 같은 서명 모션이 완성된다.

 

 

오늘은 트림패스의 기본개념과 트림패스를 활용하여 서명하는 듯한 이미지를 만드는 법에 대해 배웠다. 트림패스 기능은 상세페이지 등을 작업할 때 정말 많이 사용되는 기능이기 때문에 예제파일을 한번 보고 연습 후 이것저것 다른 도형들에도 적용시켜 연습해 보는 것을 추천한다.

 

트림패스는 인포그래픽에도 많이 활용되는데 그 부분은 또 다른 글에서 설명할 수 있도록 하겠다.

 

서명파일.png

0.01MB

예제.트림패스연습.aep

0.45MB