에펙 그래프 만들기 - epeg geulaepeu mandeulgi

안녕하세요 에펙 레시피입니다!
이번 레시피는 "순서대로 움직이는 그래프 모션"을 만들어보겠습니다.

- 단축키 [Ctrl+N] -

단축키로 FHD사이즈로 컴프 창을 만들어주세요

- 단축키 [Ctrl+Y] -

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

배경이 될 솔리드는 편의상 자물쇠로 잠가주겠습니다.

- 단축키 [Ctrl+Y] -

beam 01 이란 이름으로 솔리드 레이어를 하나 더 생성해주세요

- 단축키[Ctrl+5] -

Effects & Presets창에서 Beam을 검색해서

솔리드 레이어에 적용해줍니다

이펙트 컨트롤러에서 Length 100%, Starting Thickness 값은 5, Ending Thickness값을 5로 맞춰주시고
더 딱 떨어지는 이미지를 원하신다면 Softness값을 0%로 해주세요

해주세요

단축키를 이용해서 복사를 하시지 마시고 널 오브젝트를 2개를 생성을 해주세요.
복사를 하면 나중에 이름을 넣기가 귀찮아집니다.

Starting Point를 [Alt+클릭]으로 익스프레스를 활성화해주시고 Null 1의 Position값에 연결해주세요.

Ending  Point도 [Alt+클릭]으로 익스프레스를 활성화 해주시고 Null 2의 Position값에 연결해주세요.
연결이 되면 빈 공간을 눌러 주시면 적용됩니다. 적용이 되면 메뉴창을 닫아주세요

도구 창에서 원 쉐이프 레이어를 더블클릭해서 만들어주시고 색도 beam와 맞춰주세요.
> Ellipse Path2 > size를 15, 15로 크기를 줄여주세요.
셰에프 레이어 이름을 선택하고 엔터를 눌러서 이름을 “01”로 바꿔주세요

01 셰이프 레이어를 단축키[Ctrl+D]로 복사해주세요
01 셰이프레이어를 Parent& Link를 이용해서 [Null1]에 연결해주세요
02 셰이프 레이어는 Parent& Link를 이용해서 [Null2]에 연결해주세요

작업창을 선택하고 단축키 [`]를 눌러 전체 창으로 작업해 줄게요
beam 01 솔리드 레이어를 선택하고 단축키[Ctrl+D]로 복사해주세요
7개가 되도록 복사해주시면 됩니다
단축키[Ctrl+Alt+Shift+Y]로 Null를 7번까지 생성해주세요
02 셰이프 레이어를 선택하고 단축키[Ctrl+D]로 복사해주세요
07 레이어가 생길 때까지 복사해주시면 됩니다
각 셰이프 레이어 숫자와 Null숫자에 맞게끔 Parent & Link로 각각 연결해주세요

아래서 두 번째 beam 01를 선택하고 [U]를 두번 눌러서 익스프레스 창을 열어주세요
Starting Point에 있는 명령어를 선택하고 “Null 1”을 “null 2”로 수정해줍니다
Ending Point도 명령어를 선택하고 “Null 2”을 “null 3”로 수정해 줍니다
이 작업을 아래서부터 순차적으로 반복해주세요

마지막 7번째 Beam 01 레이어를 작업해주시면 되는데 헛갈리시면 레이어 이름을 바꿔주세요

메뉴창을 다 닫아주시고 “shy”옵션을 켜주고 작업창 옵션에서도 “shy”를 활성화시켜주세요

Null 만 남겨두고 다 숨겨주시면 되겠습니다

다시 [`]를 눌러 작업창을 축소시키고 Null 들을 원하시는 자리로 배치시켜주세요
Pen Tool로 가벼운 그래프 바닥을 만들어주겠습니다.
적당한 길이로 선을 하나 그어주시고 두께, 색을 설정해주시고
> Shape 1 > Stroke 1 > Dashes + 를 눌러서 점선으로 만들어주세요

Add : ▶ 를 눌러 > Repeater를 선택해주세요
> Repeater 1의 옵션을 열어주시고 Copies를 5로 주시고

> Transform : Repea.. 의 옵션을 열고 Position 값을 0,-117 정도로 주겠습니다
바닥 이미지를 중앙에 위치하시고 레이어도 배경 솔리드 위로 배치해주세요

Null 들을 이미지에 맞게끔 위치를 다시 조정해줍니다
작업바를 3초 부근에 옮기고 Null들을 전부 선택 후 단축키[P]를 눌러 Position 값을 엽니다
애니메이션 키 아이콘을 드래그로 전부 눌러주시고

작업바를 적당히 옮겨주시고 Null를 하나씩 그래프 바닥에 옮겨주세요
바닥 위치 값만 알면 Y축에 입력해주는 것만으로도 쉽게 작업하실 수 있습니다.
애니메이션 키를 전부 선택 후 [F9]로 베지어 상태로 만들어주겠습니다

다음은 텍스트 입력인데 취향껏 해주시면 됩니다.

애니메이션 키를 전부 선택해주시고 그중 하나만 [Alt+더블클릭]해주세요

왼쪽은 70% 오른쪽은 80%으로 입력하고 OK를 눌러줍니다

애니메이션 키를 Null 1부터 차례로 움직이게 끔 조정해줍니다

목적에 맞게끔 사용하시면 더 효과적이게 사용하실 수 있을 것 같습니다.
기본 작업만 하시고 입맛에 따라 수정해서 사용하세요 :)

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

- YouTube

www.youtube.com