[에펙레시피] 라벨 애니메이션 만들기

안녕하세요 에펙 레시피입니다!
이번 레시피는 "라벨 애니메이션"을 만들어보겠습니다.

 

- 단축키 [Ctrl+N] - 

 

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

 

- 단축키 [Ctrl+Y] - 

 

단축키로 배경될 솔리드레이어를 생성해주세요

좌물쇠를 체크해서 선택되지 않게 잠궈줄게요

도구창에서 Star Tool를 선택해 활성하고 더블 클릭으로 생성해주세요

도구창에서 Fill의 색부분을 눌러 원하시는 색을 바꿔주세요

>Polystar1 >Polystar Path 1을 누르셔서 옵션 창을 열어주세요  

Points를 30으로 늘려주시고 Inner Radius 300, Outer Radius 값은 320으로 주세요

Inner R...ness 150%, Outer R...ness 값은 150%로 입력해주세요 

 

 

 

단축키[R]를 눌러 Rotation 값을 0도에 애니메이션 키를 주시고 3초에 30도를주세요 

 

 

단축키[S]를 눌러 Scale 옵션을 열어주시고, 작업바를 20프레임에 두고

애니메이션 키를 주시고, 0초에 다시 Scale 값을 0%로 입력해주세요

단축키[U]를 눌러 매뉴를 열어주세요.

Scale 애니메이션 키를 전부 선택하고 [F9]로 베지어 상태로 만들어주세요 

20프레임의 키만 선택해주시고 그 중 하나만 [Alt+더블클릭]해주세요 

왼쪽 옵션을 100%로 입력해주시고 OK를 눌러주세요 

 

도구창에서  Ellipse Tool로 설정해주시고 더블클릭으로 원을 만들어주세요

>Ellipse 1 >Ellipse Path 1의 옵션을 열고 Size를 540,540으로 만들어주세요

원 역시 도구창에서 Fill의 색부분을 눌러 색을 바꿔주세요

 

단축키[S]를 눌러 Scale 옵션을 열어주시고 톱니 바퀴에 쉐이프 Scale 애니메이션 키를 단축키[Ctrl+C]로 복사해주세요

작업바를 0초로 옮겨주시고 원 레이어를 선택하고 단축키[Ctrl+V]로 붙여넣기해주세요

 

- 단축키 [Ctrl+Y] - 

 

단축키로 원하는 색상 솔리드레이어를 1920*100 사이즈로 생성해주세요

 

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

 

단축키로 ribbon 이름으로 묶어주세요

 

컴프안으로 들어가셔서 레이어 선택 후 [S]를 눌러 Scale 옵션을 열어주세요

1초 10프레임에 애니메이션 키를 주시고 연결 부분을 해제 후 0초에 Y축 값을 0%를 줍니다

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

 

그 중 하나만 [Alt+더블클릭]해서 양쪽에 50%식 입력해 주시고 OK를 눌러줍니다

 

도구창에서 pan Behind Tool를 선택해주시고 레이어 중심축을 왼쪽으로 옮겨주세요

[Ctrl+드래그]로 하시면 자석처럼 달라 붙기 때문에 편하게 하실 수 있습니다 

 

상위 컴프로 나와주시고 리본 컴프를 선택해주세요

컴프창 옵션에서 Proportional Grid를 켜주세요

 

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

 

단축키로 Mask를 만들어주세요. Mask를 더블 클릭해서 Mask 모양을 왼쪽 한칸으로 줄여주세요

 

- 단축키 [Ctrl+D] - 

 

레이어를 복사해주시고 마스크를 다음 칸으로 모양을 잡아주세요

 

- 단축키 [Ctrl+D] - 

 

다시 한번 복사해주시고 마스크를 4칸으로 모양을 잡아주세요

 

- 단축키 [Ctrl+D] - 

 

이 복사 작업을  반복해 한칸을 진행해 주세요

- 단축키 [Ctrl+D] - 

 

한번 더 복사해서 이 작업을 마무리해주세요

 

- 단축키[Ctrl+5] -

 

 Effects & Presets창을 열어 Fill 검색해서

 

2번 레이어, 4번 레이어인 중간 레이어들에 적용시켜주세요

색깔을 좀 더 어두운 분홍색으로 바꿔주세요(4번는 2번 이펙트를 복사 붙여넣기 해주세요)

 

중앙 리본 레이어만 보기 편하기 위해 레이어 색을 바꿔주겠습니다. 큰 의미는 없기때문에 안하셔도 됩니다.

5번 레이어는 4번레이어에,  4번은 중앙인 3번 레이어에 Parent & Link로 연결해주세요

 2번은 중앙인 3번 레이어에, 1번 레이어는 2번레이어에 Parent & Link로 연결해주세요

 

도구창에서 pan Behind Tool를 선택하고, 5번 레이어 중심축을 오른쪽으로 옮기시고

4번 레이어 중심축 역시 오른쪽 끝에 딱 맞춰서 옮겨주세요

2번 레이어 중심축을 왼쪽 끝으로 옮겨주세요

1번 레이어 중심축도 왼쪽 끝으로 옮겨주세요

 

리본 레이어들을 전부 선택 후 3D 레이어화 시켜주세요

 

4번 레이어를 선택 후 단축키[R]를 눌러 Y Rotation 값을 110도를 줍니다

5번 레이어를 선택 후 단축키[R]를 눌러 Y Rotation 값을 -120도를 줍니다

 

2번 레이어를 선택 후 단축키[R]를 눌러 Y Rotation 값을 -110도를 줍니다

1번 레이어를 선택 후 단축키[R]를 눌러 Y Rotation 값을 120도를 줍니다

 

중앙 3번 레이어를 선택후 단축키[R]를 눌러 X Rotation 값을 -10를 줍니다

 

도구창에서 Pen Tool을 선택하고 1번 레이어 마스크 오른쪽 중앙에 점을 하나 추가 후 

그 점을 안쪽으로 옮겨서 리본 끝모양으로 만들어줍니다. 5번 레이어를 선택하고 같은 작업을 왼쪽 편에 해줍니다

 

1,2,4,5번 리본레이어를 전부 선택하고 셰이프레이어 아래로 배치해주세요

1번 레이어를 선택후 단축키[S]로 Scale 옵션을 열고 연결을 푼 뒤 X,Y값을 조절해서 필요사이즈로 만들어주세요

 

 

 

컴프창 옵션에서 Proportional Grid를 다시 선택해 꺼주겠습니다

 

- 단축키 [Ctrl+T] - 

 

컴프창을 선택하고 단축키로 꾸며줄 텍스트를 입력해주세요

적당히 위치와 각도를 주고 리본 컴프보단 아래 배치해 주겠습니다

텍스트레이어에서 Animate :▶ 을 눌러 옵션을 열고 Position을 선택해주세요

 

20 프레임에 작업바를 두고 애니메이션 키를 주세요

0초로 작업바를 옮기고 [Ctrl+Shift+N]로 mask를 생성 후 Y축 방향으로 내려주세요

 

 

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

20 프레임 키 하나만 [Alt+더블클릭]해주시고 왼쪽 수치만 100%로 해주세요 

 

옵션 창을 닫아주시고 

단축키 [Ctrl+T]로 텍스트를 리본 위에 입력해주세요

색과 크기를 적당하게 맞춰 주시고 위치도 다시 잡아주세요

단축키 [Ctrl+Alt+Home]로 중심축을 중앙으로 옮겨주세요 

 

작업바를 7프레임에 옮겨주시고 단축키[S]를 눌러 애니메이션 키를 주시고

0초로 작업바를 옮겨주시고 Scale 값을 0%로 만들어주세요

단축키[F9]를 눌러 애니메이션 키를 베지어로 만들어주세요

 

20 프레임 키 하나만 [Alt+더블클릭]해주시고 왼쪽 수치만 100%로 해주세요 

컴프창을 선택하고 단축키[Ctrl+T]로 텍스트를 하나 더 입력해 줄게요 색과 크기를 바꿔서 배치해줍니다

20 프레임에 작업바를 두고 단축키[T] 눌러 Opacity에 애니메이션 키를 주세요

작업바를 0초로 옮겨주시고 Opacity값을 0%로 만들어줍니다

 

 

이제 애니메이션 나오는 타이밍을 레이어들을 옮겨 가면서 조절해주세요

 

램 프리뷰로 확인해주세요

애니메이팅이 많이 들어가 있는데 단순한 애니메이팅이니 어렵지 않으실꺼예요 

각자 필요하신 디자인으로 작업해 보시면 좋으실것 같아요 :)

 

 

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

https://youtu.be/IRJ8AeT4Ebw

- YouTube