[에펙레시피]그래프에 쓰일 움직이는 화살표 만들기

 

안녕하세요 에펙 레시피입니다!

이번 레시피는  "그래프에 쓰일만한 움직이는 화살표 만들기"입니다.

 

 

- 단축키 [Ctrl+N] -

 

FHD 사이즈 컴프를 하나 만들어주세요

 

 

Pen Tool를 이용해서 선을 만들어주세요. 

원하시는 선 모양을 클릭으로 찍어서 만들어주시면 되고,

Fill은 투명으로, Stroke는 전 55 두께로 약간 두껍게 하겠습니다 :)

 

 

이제 선이 생성되는 애니메이션을 주기 위해 셰이프 레이어의 메뉴에

> Contents 옆에 있는 Add 삼각형을 눌러주시면 메뉴가 뜨는데 그중 Trim Paths를 선택해주세요.

 

Trim Paths의 메뉴를 열어주시고 End 키를 0초에 0%로 시계 아이콘을 눌러 키를 주고 

 3초에 100%로 바꿔주시면 애니메이션이 됩니다.

 

화살표 머리를 달기 위해서 우선적으로 셰이프 레이어에 

> Shape 1 - > Path 1에 Path 이걸 꼭! 클릭해주시고 진행해주세요

 

메인 메뉴 중 Window메뉴 중 가장 아래쯤에 Create Nulls From Paths.jsx를 선택해주세요

 

그럼 창하나 가 뜨는데 3번째에 있는 Trance Path를 선택해주시고 꺼주세요

 

그럼 화면에 애니메이션이 있는 Null하나가 생성됩니다. 

> Trace Path에 Progess에 잡혀있는 애니메이션을 아까 키와 같은 3초로 맞춰주세요.

그리고 그아래 Loop가 on으로 되어있는데 off로 꺼주세요.

꺼주지 않으면 계속 반복하게 됩니다. 

 

이제 다각형 셰이프 레이어 툴을 이용하여 만들면 됩니다.

마우스를 때지 않는 상태에서 [Ctrl+마우스 휠]로 삼각형을 바로 만들어 주실 수 있어요.

삼각형은 Null위치에 맞춰주시고 Rotation을 이용해서 방향도 잡아주세요

 

그리고 Null에 Parent & Link를 이용해서 삼각형 셰이프 레이어를 종속시켜주세요

삼각형 위치 잡는 거랑 순서가 바꿔도 상관없습니다.

 

이제 3초대에 있는 애니메이션 키를 [F9]로 베지어 상태로 만들어주고 

[Alt+더블클릭]으로 키프레임 벨로시티를 열어 왼쪽 부분만 100%로 만들어주세요.

한 번에 설정이 안 되기 때문에 따로따로 해주셔야 하고 사실 안 하셔도 무방합니다

 

혹시 화살표 머리가 마구 회전한다면 Pen Tool를 꾹 누르 시면 < 이 아이콘이 있습니다 

이걸 선택하시고 선 셰이프 레이어의 모양을 수정하실 수 있어요. 

그럼 마지막 부부분을 클릭해서 쭉 늘려주시면 스샷처럼 조절할 수 있고, 회전하지 않을 거예요

 

- 단축키 [Ctrl+Shift+C] -

 

화살표는 완성되었습니다. 전부 선택하고 로 컴프로 묶어주세요.

이름은 화살표로 하겠습니다

 

 

여기서부턴 그저 꾸며주는 것이나 간략히 설명할게요 :)

- 단축키 [Ctrl+Y] -

 

FHD 사이즈 솔리드 레이어 하나를 하나 만들어주세요. 색깔은 상관없습니다

 

- 단축키 [Ctrl+5] -

 

Effects & Presets창을 열어 Gradient Ramp를 검색해주고 솔리드 레이어에 적용시켜주세요.

그 후 Start Color만 옅은 회색(혹은 옅은 분홍)으로 선택해주세요

 

바로  Gradient Ramp를 화살표 컴프에 적용시켜주세요.

Start Color는 짙은 붉은색.

End Color는 옅은 분홍색으로 선택해주세요.

 

 

 

마지막으로 Drop Shadow를 검색하셔서 화살표 컴프에 적용시켜주세요.

그리고 옵션은 마음대로 해주시면 됩니다만, 저 같은 경우는 shadow Color는 짙은 붉은색.

Direction : 149도 , Distance : 153 , Softness는 45로 입력해주었습니다 

 

 

 움직이는 화살표가 완성되었습니다.

 

 

그래프에도 쓰일 수 있고 PPT나 이미지 설명에 쓰기에 좋은 모션그래픽이니 

하나 만들어두시고 모양만 수정해서 사용하시면 좋을 것 같아요 :)

 

 

 

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

감사합니다!

 

https://youtu.be/h_eoEqiV9ug