에펙 텍스트 스트로크 - epeg tegseuteu seuteulokeu

Development Artist

After Effect

[After Effect] 텍스트 스트로크 효과 주기 1편 ( with Saber )

JMcunst 2021. 3. 27. 18:51

시작

 저번에 급하게 영상하나를 제작한다고 라인그리기와 마찬가지로 같이 사용했던 기술이 있었다. 한달이 다 되어 가는 지금, 그때 당시 시간이 없어서 정리 못한 것을 정리하고자 한다. 필자는 컴포지션이라는 단어도 잘 모르는 초보자이고, 개념적인 것에 대한 공부를 하고자 하는 욕구보다는 이 기술을 빠르게 사용하기 위해 영상을 참고해서 제작하는 점 양해를 구한다. 참고한 유튜브 링크는 아래와 같다. 

www.youtube.com/watch?v=LkJrSxPSbD4&t=391s

그리고 앞전의 포스팅에서 캡처 화면을 너무 크게 한 것 같아서 필요 부분이 잘 않보이는 것 같다. 따라서, 볼 필요가 있는 부분만 캡처 하도록 하겠다.

과정 1

에펙을 키고 [새프로젝트 - 해당 위치에서 마우스 우클릭 - 새 컴포지션] 을 해준다.

컴포지션 설정은 '사전 설정' 과 '지속 시간(Duration)' 만 확인하자. HDTV 1080 29.97 , 10.

텍스트를 하나 쓰려고한다. (3.1) 좌측 상단의 T를 눌러도 되고, (3.2)에서 마우스 우클릭으로 텍스트를 만들어도 된다.

'HELLO'로 쓰겠다. 우측에 보면 '문자' 탭에서 글꼴, 글씨크기, 색상 등을 설정할 수 있다. 크기는 250px, 글꼴은 나눔스퀘어라운드 bold채로 해주었다. (폰트가 없다면, 있는 폰트로 구성해도 좋다. 굵은 폰트면 될 것 같다.)

 추가로 '맞춤' 탭에서 가운데 정렬을 해준다. 텍스트를 마우스로 위치를 움직일 때는 단축키 V(선택)를 한 후에 진행한다. 좌측 상단에 화살표가 활성화 된 것이 선택모드라는 것을 알려준다. 그리고 H 좌측 아래에 꼭지점들 말고 표적모양이 하나 있다. 보았는가?

이것을 앵커 포인트라고 한다. 이것을 'HELLO'의 중앙에 오도록 설정을 하겠다. 단축키Y를 누르고, Ctrl을 누른채 마우스로 앵커포인트를 움직여보자. 가운데에 딱 온다.

이제 우리는 'HELLO'에 마스크를 하나 만들어줄 것이다. 좌측 아래의 'HELLO'에 마우스를 데고 우클릭-만들기(Create)-텍스트로 마스크 만들기를 한다.

그러면 이렇게 윤곽선이라고 하는 것이 하나 생겼다. 

우리가 사용할 것은 'HELLO 윤곽선'이기 때문에 'HELLO'는 지워준다. 'HELLO'가 선택 된채로 Delete를 눌러도 되고, '←'모양의 백스페이스를 눌러도 된다. 그러면 (9) 처럼 깔끔하게 사용할 것만 남게 된다.

다음으로, '효과 및 사전 설정' 으로 가서 '선'을 검색하고, '생성'탭 아래의 '선'을 클릭한다. (참고로 stroke=칠)

그러면 좌측에 '효과 컨트롤' 탭이 보이며 좀 더 아래 'fx 선'이 보인다. 그리고 아래에 보면 fx가 적용된 것을 확인할 수 있다. (fx=함수)

여기서 '모든 마스크'를 체크해주고, 페인트 스타일을 '투명 위에'로 표시한다.

그러면 이렇게 라인만 남고 나머지는 사라진다. 아 그리고 효과컨트롤에서 '브러시 크기'를 4로 주었다.

그 다음, 끝(end)값을 0으로 준 다음에, 시계 아이콘을 클릭한다. 그러면 파란색으로 활성화가 된 것을 (14)와 같이 확인할 수 있다.

그리고 01s(1초)로 키를 움직이고 끝 값을 100으로 해준다. 그런 다음, 키를 0초에 두고 실행(스페이스바)해보면! 

다음과 같이 그려지는 것을 볼 수 있다! 하지만, 왼쪽에서 오른쪽으로 그리는 것이 아닌, 각자 그려지는 것으로 하고 싶다.

일단 키를 다음과 같이 두고(왼쪽 아래 분홍색 정도), '순차선'을 해제 한다. 그리고 실행해보면,  

다음과 같이 그려지는 것을 볼 수 있다. 여기서 조금 더 속도감같은 것을 적용하려고 한다. 모션그래픽적인 것을 적용시키려 한다.

일단 키값을 2초에 두고 '끝'의 1초에 있는 키프레임을 2초에 두고 F9를 누른다. F9는 Easy ease라는 것이라고 하는데, 일단은 넘어가자. 

그리고 (그림20의 분홍색1번)을 누르면 그래프모드로 전환이 되는데, 여기서 마우스 우클릭으로 속력 그래프 편집을 누르면 (그림20)에서 보이는 것처럼 완만한 곡선 모양을 볼 수 있다.

그리고 노란색 점을 잡고 왼쪽으로 끌어당긴다. 그러면 속력 0에 영향 100을 볼 수 있고 그 이상으로 안 끌려지는 것을 확인할 수 있다. 

시간이 갈 수록 점점 더 느려지는 것을 볼 수 있다. 속도감을 다르게 함으로써, 조금 더 생동감 있게 할 수 있다.

이번도 2편으로 나눠서 한번 해볼 예정이다. 그럼 다음 편에서 이어가겠다!

꿀잼!