[에펙레시피] 책 페이지 넘어가는 모션 만들기

 

안녕하세요 에펙레시피입니다!
이번 레시피는 "책 페이지 넘어가는 모션" 레시피입니다.

 

 

 

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

 

 

 

단축키[Ctrl+Y]로 종이로 사용할 솔리드 레이어를 원하는 색으로 생성해 주세요.

 

 

 

빈칸을 눌러 Rectangle Tool을 이용해서 셰이프레이어로 직선을 그려주세요.

Rectangle Path 1 옵션에서 Size에서 체인을 풀고 330, 1으로 맞춰도 좋습니다.

Align(상단 메뉴 중 window > Align)를 이용해서 중앙에서 맞춰주세요

 

 

 

Add : ▶ 에서 메뉴창을 열어 Repeater을 선택합니다.

 

 

 

> Repeater 1 > Tranform: Repea.. 1을 열어주세요.

Position 옵션을 X축은 0으로 만들고 Y축을 늘려 선의 간격을 조절합니다.

 

 

 

> Repeater 1 > Copies 값을 늘려서 (25)줄을 채워주세요.

 

 

 

레이어를 전부 선택하고  page 이름으로 [Ctrl+Shift+C]로 묶어주세요.

 

 

 

단축키[Ctrl+Y]로 커버용으로 솔리드 레이어를 원하는 색으로 생성해 주세요.

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

Align(상단 메뉴 중 window > Align)를 이용해서 중앙에서 맞춰주세요.

 

 

 

텍스트와 솔리드레이어를 선택, [Ctrl+Shift+C]로 Cover 이름을 주고 묶어주세요.

그리고 Cover 컴프를 선택하고 나중에 사용하기 위해 [Del]로 삭제합니다.

 

 

 

단축키[Ctrl+K]로 컴프 사이즈를 1920,1080으로 수정해 주세요.

 

 

 

page 컴프를 3D레이어로 만들어 주세요.

컴프 창 메뉴에서 Classic 3d에서 Advanced 3D로 바꿔줍니다.

 

 

 

도구창에서 Pen Behind를 이용해서 중심축을 [Ctrl+드래그]로 왼쪽으로 붙여줍니다.

 

 

 

단축키[Ctrl+Alt+Shift+C]로 카메라 셋팅 창을 열어주세요.

Preset: 옵션을  35mm로 맞춰서 생성해 주겠습니다.

 

 

 

단축키[Ctrl+Alt+Shift+Y]로 Null를 생성해 3d 레이어화 합니다.

Parent & Link를 이용해(끈을 끌어당겨 연결) 카메라를 Null에 종속시켜 주세요.

 

 

 

page컴프를 살짝 오른쪽으로 옮겨주세요.

단축키[R]를 눌러 0초에 Rotation Y값에 애니메이션 키를 주고

1초로 작업바를 옮겨 180도를 입력해 넘기는 모션을 만들어 주세요 .

 

 

 

> Geometry Options 옵션을 열어 Curvature 옵션에 애니메이션 키를 주세요. 

15 프레임에 작업바를 옮기고 -70% 만큼 휘어지게 만들어 주세요.

Segments 값에 20을 줘서 부드럽게 휘어지게 만들어 주세요

 

1초로 옮겨서 Curvature 값을 0%로 만들어 넘겨주세요.

 

 

 

디테일을 높이기 위해 Scale 값도 0초와 1초엔 100%로 애니메이션 키를 주고

15프레임에 체인을 풀고 가로를 85%로 애니메이션 키를 주세요

 

 

 

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

 

 

 

단축키[Ctrl+D]로 자신이 필요한 만큼 복사합니다. 저는 8개를 복사하겠습니다.

 

 

 

page컴프들을 5 프레임 차이로 레이어를 잡고 뒤로 밀어주세요.

(공책을 더 빨리 넘기려면 간격을 줄여주면 됩니다)

 

Null을 선택하고 [R]를 눌러 X Rotation 조절해 다른 각도로 작업하겠습니다.

 

반응형

 

 

page 컴프들을 전부 선택하고 마우스 오른쪽 버튼을 눌러서 메뉴창을 열어주세요.

Time > Enable Time Remapping를 선택해 주세요.

 

 

 

이 효과가 적용되면 레이어를 앞뒤로 더 늘릴 수 있습니다. 

선택된 상태로 [ Alt+[ ]눌러서 작업창을 넘어가 버린 부분은 잘라냅니다.

 

 

 

단축키[P]를 눌러 page컴프들의 Position 옵션을 열어주세요.

가장 아래 컴프 Z 축에 -8을 입력하고 한 장씩 올라갈 때마다 +1을 해줍니다.

 

 

 

전부 선택해 시계 아이콘을 눌러 0초에 애니메이션을 줍니다.

 

 

 

2초 이상으로 작업바를 옮겨 page가 전부 넘어가게 해 주세요.

그리고 이번엔 아래서부터 -1, -2, -3, -4.. 순으로 반대로 입력해 주세요.

 

 

 

2초쯤에 생긴 애니메이션 키를 전부 선택하고 1초로 옮겨주세요.

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

 

 

 

 [U]를 눌러 포지션 애니메이션 키를 다른 애니메이션 시작점으로 맞춰주세요.

각각 레이어마다 맞춰줘서 애니메이션이 동시에 움직이게 만들어주세요.

 

 

 

프로젝트 창을 열어 맨 아래 page를 선택하고, Cover 컴프를 [Alt+드래그]로 교체합니다.

 

 

 

페이지를 넘기고 마지막 장 page컴프를 선택하고

> Solids > 검은색 솔리드레이어를 선택해 [Alt+드래그]로 교체합니다.

 

 

작업바를 옮겨 Cover의 뒷면이 보이는 순간이 어딘지 확인해 주세요. 

Cover 레이어를 선택하고 단축키[Ctrl+Shift+D]로 레이어를 잘라주세요.

잘린 뒷부분을 선택하고 프로젝트 창, 검은색 레이어를 [Alt+드래그]로 교체합니다.

 

 

 

단축키[Ctrl+Y]로 배경으로 사용할 솔리드레이어를 생성해 가장 아래 배치해 주세요.

 

 

 

배경 레이어를 3D화 시켜주고 [S]를 눌러 Scale 크기를 화면에 가득 차게 키워주세요.

 

 

 

단축키[Ctrl+Alt+Shift+L]로 라이팅 세팅 창을 열어주세요.

Light Type 값은 Environment으로, Casts Shadows를 체크해 주세요.

shadow Darkness값은 75%를 수정하고 OK를 눌러주세요.

 

 

 

라이팅 옵션에서 > Transform을 열어 Rotation값을 조절해 그림자를 조정할 수 있습니다. 

Null의 Rotation값을 카메라 위치도 조정해 주세요.

 

 

 

 

디테일 작업을 하면 훨씬 자연스럽게 만들 수 있겠지만 이 레시피에선 기본적인 내용만 담았습니다!

필요에 맞춰서 페이지를 채워서 작업하면 좋을 것 같아요 :)

 

 

 

 

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

https://youtu.be/S3roa5HjC54

- YouTube