본문 바로가기
에펙레시피 간편 튜토리얼

[에펙레시피] 터널 텍스트 모션 만들기

by 에펙레시피 2024. 9. 23.

 

 녕하세요 에펙레시피입니다!
이번 레시피는 "터널 텍스트 모션" 레시피입니다.

 

 

단축키[Ctrl+N]로 FHD사이즈로 컴프창을 만들어주세요.

 

 

컴프창을 선택하고 단축키[Ctrl+T]로 텍스트를 입력해 주세요.

사진을 선택한 후 단축키[Ctrl+Alt+F]로 화면을 채워주세요.

 

 

단축키[P]를 눌러 Position 값을 열고 X축에 2880을 입력해 주세요

0초에 애니메이션 키를 주고 1초에 X축에 960을 입력합니다

2초로 작업바를 옮겨주고 애니메이션 키를 주세요

3초로 작업바를 옮기고 X축에 -960을 입력합니다

애니메이션 키를 전부 선택하고 단축키[F9]를 눌러 애니메이션 키를 베지어로 만들어주세요

 

 

그중 하나만 [Alt+더블클릭]해 Keyframe Velocity창을 열어줍니다.

양쪽 Influence 값을  60%를 입력하고 OK를 눌러주세요.

 

 

애니메이션을 확인 후 텍스트레이어를 단축키[Ctrl+D]로 복사해 주세요.

단축키[Ctrl+6]로 텍스트 설정 창을 열고 복사된 레이어를 구분을 위해 색을 변경했습니다.

복사된 레이어를 뒤로 밀어서 움직임을 맞춰주세요.

텍스트 레이어들을 전체를 앞으로 당겨서 처음부터 텍스트가 있도록 해줍니다.

 

 

붉은색 텍스트 레이어를 단축키[Ctrl+D]로 복사하고 다음 움직임에 맞춰서 레이어를 이동합니다

 

 

레이어들을 전부 선택하고 단축키[Ctrl+Shift+C]로 컴프화 합니다.

 

 

단축키[Ctrl+Y]로 솔리드레이어를 생성해 배경을 만들어줍니다.(필요에 따라 작업해 주세요)

 


컴프 화면창 아래 가이드 옵션을 눌러 Proportional Grid를 선택합니다.
가이드라인이 생기면 그 기준으로 작업하면 더 편할 거예요.

 

 

단축키[Ctrl+5]Effects & Presets창을 열어 Corner Pin 검색해 

 

 

컴프레이어 적용합니다.

Corner Pin는 각 Pin들을 움직여서 레이어를 변형시킬 수 있습니다.

 

 

제 기준(FHD)으로 Upper Left 값은 450, 900 Upper Right 값은 1480, 900 입력합니다.

 

 

Effects & Presets창에서 CC RepeTile 검색해 

 

 

컴프레이어에 적용해 주는데,  중요한 점은 Corner Pin 이펙트 위로 넣어주셔야 합니다. 

 

 

Expand Up 값에 3240 값을 입력하면 4줄 정도 표현됩니다. 

 

 

컴프 레이어를 선택하고 [엔터]를 눌러서 이름을 “TEXT Down”을 입력합니다. 

텍스트 레이어를 단축키[Ctrl+D]“복사하여 TEXT L”으로 수정합니다.

 

 

 

Upper Left 값은 320,140으로 Upper Right 값은 320,940으로 입력하고

Lower Left 값은 0, 0으로 Lower Right 값은 0, 1080으로 수정해 주면 왼쪽으로 붙습니다.

 

 

나머지 오른쪽과 윗부분도 같은 방식으로 복제하여 만들어주세요.

오른쪽 레이어 수치는 (Upper Left 1600,940 Upper Right 1600,140)

(Lower Left 1920,1080 Lower Right 1920,0)이고

 

 

위쪽 레이어 수치는 ( Upper Left 1600,900 Upper Right 1600,140)

( Lower Left 0,1080 Lower Right 1920,1080)입니다.

 

 

움직임을 확인해 보면 윗면 방향이 아래와 같은 방향으로 움직이는데

이 부분은 애니메이션을 따로 수정해야 합니다.

 

프로젝트 창에 들어가서 TEXT 컴프를 단축키[Ctrl+D]로 복사해 주세요

복사된 컴프 레이어를 선택하고 [엔터]를 눌러서 이름을 “TEXT Up”을 입력합니다. 

작업창의 “TEXT up” 컴프를 선택, 프로젝트 창 “TEXT up”[Alt+드래그] 교체합니다. 

 

 

 “TEXT Up”컴프레이어를 더블클릭해서 들어와서 아까 작업했던 애니메이션 방향을 반대로 작업해 주세요.

Position값만 반대로 입력해 주고 마무리는 동일하게 레이어를 배치하면 됩니다.

 

 

간단하게 터널 텍스트 모션을 만들 수 있는 레시피입니다.

저는 간단한 텍스트의 움직이만 줬지만 다른 움직임이나 효과를 줘도 멋진 영상이 될 것 같아요 :)

 

 

 

 

혹시 포스팅으로 알기 어려우신 분들은 아래 유튜브 영상을 참고하시면 좋으실 것 같습니다!
감사합니다!

https://youtu.be/DFxSkOtdWDA

 

- YouTube

 

www.youtube.com

 

 

반응형

댓글