[에펙레시피] 3D 막대 그래프 만들기

 

안녕하세요 에펙레시피입니다!
이번 레시피는 "3D 막대그래프" 레시피입니다.

 

 

 

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

 

 

 

도구창에서 Rectangle Tool를 더블클릭해서 셰이프 레이어 생성합니다.

Fill은 원하는 색, Stroke는 투명으로 설정해 주세요.

> Rectangle Path 1 > Size를 체인을 풀고 100, 100으로 입력합니다.

> Roundness값은 1을 입력해 베벨을 주세요.

 

 

 

정사각형 셰이프 레이어를 3D 레이어화 시켜주고, 

컴프 하단 옵션에서 Classic 3D를 Advanced 3D로(24 버전부터 생겼습니다) 바꿔줍니다.

 

 

 

> Geometry Options 메뉴를 열고 Bevel Depth 설정을 Convex로 바꿔주세요.

Extrusion Depth 옵션에 0초에 애니메이션 키를 주세요.

1초 10프레임으로 작업바를 옮기고, Extrusion Depth 값을 300 정도 줍니다.

 

 

 

> Material Options을 열고 Casts Shadows 옵션을 “on”으로 켜주세요.

 

 

 

셰이프 레이어를 클릭한뒤 단축키[R]를 눌러 X Rotation 값을 90도로 입력합니다.

작업바를 움직여보면 위로 막대가 커지는 것을 확인할 수 있습니다.

 

 

 

단축키[Ctrl+Alt+Shift+C]로 카메라를 생성해 주세요.

 

 

 

단축키[Ctrl+Alt+Shift+Y]로 Null를 생성해 3D 레이어화 해주세요.

Parent & Link를 이용해 카메라를 Null에 종속시켜 주세요.

 

 

 

Null을 선택하고 단축키[R]를 눌러 Rotation 옵션 값을 열어주세요.

X축은 -15, Y축은 -45, Z 축은 -10으로 입력합니다.

 

 

 

카메라를 선택하고 단축키[P]를 눌러 Z Position 값을 조절해 막대기의 크기를 정해주세요.

Null 선택하고 [P]를 눌러 Position 값을 이용해 원하는 위치에 배치합니다.

 

 

 

단축키[Ctrl+Y]로 3000, 3000 크기의 솔리드 레이어를 원하는 색으로 생성해 주세요.

 

 

 

솔리드 레이어를 가장 아래 배치하고 3D레이어화를 시켜주세요.

솔리드 레이어를 선택하고 [R]를 눌러 X Rotation에 -90를 입력합니다.

 

 

 

그리고 다시 선택 후 [P]를 눌러 Y축 Position을 543을 입력해 살짝 내려주세요.

 

 

 

단축키[Ctrl+Alt+Shift+L]로 Light 세팅창을 열고 

Light Type은 Environment 선택, 그리고 Casts Shadow에 체크하고 OK를 눌러주세요.

 

 

 

> Transform 옵션을 열고, Y Rotation에 10 정도만 입력해 주세요

X축과 Y축을 조정해 보면서 자신들이 원하는 빛의 방향을 설정해 주면 됩니다 :)

 

 

 

단축키[Ctrl+5]로 Effects & Presets창을 열어 Grid 검색해서

 

 

 

솔리드 레이어를 단축키[Ctrl+D]로 복사하고 복사된 레이어에 적용합니다.

 

 

 

Size From 옵션을 Width Slider로 바꿔주고

Width 값을 100, Border값은 1로 바꿔주면 바닥에 그리드 모양이 생깁니다.

 

 

 

단축키[Ctrl+Y]로 스포이드를 바닥을 찍어 같은 색 솔리드레이어를 생성합니다.

배경으로 사용되므로 가장 아래 배치해 주세요.

 

 

 

막대 레이어를 단축키[Ctrl+D]로 복사해 월드축을 이용해서 배치합니다.

Fill을 이용해서 다른 색으로 바꿔주고 복사된 막대를 선택 후 단축키[U]를 눌러 애니메이션 키 창을 열어주세요.

 

1초 10 프레임 애니메이션 키에 작업바를 두고 Extrusion Depth 값을 수정합니다.

본인이 생각하는 크기를 입력해 막대그래프의 키를 설정해 주세요.

 

필요한 만큼 막대 그래프 작업을 반복해 주세요.

 

반응형

 

 

막대그래프의 움직임에 텐션을 주려면, 애니메이션 키를 전부 선택하고

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

 

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

양쪽 Influence값을 80%로 입력해 OK를 눌러주세요.

 

 

 

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

단축키[Ctrl+6]로 텍스트 설정 창을 열고 원하는 크기와 색을 바꿔주세요.

 

텍스트를 3D레이어로 활성화하고 월드 축을 이용해서 원하는 위치에 배치합니다.

 

 

 

컴프 창을 선택하고 단축키[`]를 눌러 전체 창을 열고 우측하단에 있는

1 View옵션을 4 Views로 변경하면 보다 정확한 위치에 레이어를 배치할 수 있습니다.

 

 

 

그리고 중심축도 도구창에 Pen Behind를 이용해 텍스트 하단으로 옮겨주세요. 

 

돌아올 때는 역순으로 1 View를 선택하고 단축키[`]를 눌러 돌아오시면 됩니다

 

 

 

텍스트를 선택하고 [S]를 눌러 체인을 풀고 1초 10 프레임에 애니메이션 키를 주세요.

그리고 막대그래프 보단 늦은 시간에 작업바를 두고 Y축에 0을 입력합니다.

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

 

 

 

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

양쪽 Influence값을 80%로 입력해 OK를 눌러주세요.

애니메이션 움직임을 확인하면서 키값을 조절해 주세요.

 

 

텍스트 레이어를 단축키[Ctrl+D]로 복사하고 옆 막대그래프로 옮겨줍니다.

내용을 바꿔주고 [Ctrl+6]로 텍스트 설정 창에서 색도 바꿔줄게요.

다른 막대그래프에도 텍스트를 올리는 작업을 반복합니다.

 

 

 

Null을 선택하고 단축키[R]를 눌러 Rotation 옵션을 열어주세요.

Orientation값 중 Y축을 350도로 입력하고 0초에 애니메이션 키를 주고, 5초에 10도를 입력해 주세요.

 

 

 

막대그래프를 심플하게 표현해 보았습니다

벽을 세운다거나, 원형 기둥으로 표현해 보면 더 재밌는 영상이 될 것 같아요 :)

 

 

 

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

https://youtu.be/FskioWlIpl4

- YouTube