상위 항목 설정으로 여러 레이어의 애니메이션 제어

컴포지션에서 한 레이어가 다른 레이어를 따르는 애니메이션을 만들고 싶다면 상위 항목 설정 기법을 알아두면 좋습니다.

먼저 참조 컴포지션을 살펴보고 만들 애니메이션을 확인해 보죠.

프로젝트 패널에 있는 Finished Reference Composition 폴더에서 Finished Reference 컴포지션을 두 번 클릭한 다음 스페이스바를 누릅니다.

그러면 로봇 팔이 움직이고 A 문자가 자석처럼 로봇 팔에 붙습니다.

애니메이션에서 집중적으로 살펴볼 것은 이 팔 부분인데요.

문자 A와 자석 볼트에는 애니메이션이 적용된 상태입니다.

스페이스바를 눌러 재생을 멈추고 타임라인 왼쪽 상단의 이 부분을 클릭하여 Control with Parenting Start 컴포지션으로 돌아갑니다.

이 프로젝트 애니메이션을 만들려면 아래쪽부터 시작하여 레이어 관계를 설정해야 합니다.

(Background_Precomp) 레이어는 애니메이션이 필요하지 않으므로 생략합니다.

5번 레이어인 Base 레이어로 가 보면 역시 애니메이션이 필요하지 않습니다.

로봇 팔의 받침이 되기 때문이죠.

Arm_1을 선택하고 R을 눌러 회전 매개 변수를 연 다음 오른쪽 회전 매개 변수를 스크러빙해 보면 기준점의 위치가 잘못되어 있는데요.

이 기준점이 가운데 원을 중심으로 회전하도록 해보죠.

마지막 회전을 취소하고 툴 패널에서 뒤로 팬 툴을 선택합니다.

이제 이 기준점을 클릭하여 원의 가운데로 옮깁니다.

회전 툴로 스크러빙하면 제대로 회전하지만 이 레이어도 같이 따라 움직여야 하므로 이때 상위 항목 설정이 필요합니다.

선택 툴을 선택하고 마지막 회전을 취소한 다음 Arm_2를 선택합니다.

Arm_2가 Arm_1을 따라 움직이게 할 것이므로 Arm_2의 상위 및 링크 열에서 소용돌이 모양을 클릭하고 길게 누른 상태에서 Arm_1로 드래그합니다.

이제 Arm_2가 Arm_1을 따르게 됩니다.

같은 프로세스를 반복해 보죠.

Top 레이어를 선택하고 Top 레이어가 Arm_2를 따르도록 뚝딱 툴을 클릭하고 Arm_2로 드래그합니다.

스크러빙해 보면 모든 레이어가 함께 움직입니다.

마지막 회전을 취소하고 키프레임을 설정해 보죠.

레이어 2를 선택하고 Shift 키를 누르고 레이어 4를 클릭한 다음 R을 눌러 회전 매개 변수를 열고 초시계를 클릭하여 첫 번째 키프레임을 설정합니다.

타임라인에서 현재 시간 표시기를 0;00;00;15 프레임으로 옮기고 모든 레이어를 선택 해제하기 위해 레이어 사이의 빈 공간을 클릭합니다.

이제 Arm_1의 회전 매개 변수를 스크러빙하는데 레이어가 장면에서 수직이 될 때까지 밉니다.

69로 설정해 보죠.

Arm_2도 마찬가지로 팔이 지면과 평행이 될 때까지 회전 값을 스크러빙합니다. -17로 설정해 보죠.

Top 레이어의 회전도 설정하여 자석의 아랫부분이 지면과 평행이 되도록 합니다. -1로 설정해 보죠.

이제 스크러빙을 해 보면 애니메이션이 성공적으로 만들어졌고 스페이스바를 누르면 문자 A가 화면에 나타납니다.

다시 스페이스바를 눌러 재생을 중지해 보면 순서가 시각적으로 올바르지 않은데요.

이를 먼저 해결하지 않은 이유는 아래쪽 레이어부터 시작해 여러 레이어에 부모-자식 관계를 설정하기 위해서였죠.

이제, 원하는 연결 순서로 배열하기 위해 Top 레이어를 Arm_2 아래로 옮겨 보죠.

Top 레이어를 클릭하고 Arm_2 아래로 옮기면 제대로 보입니다.

(Magnetic A Precomp)을 선택하고 Arm_1 아래로 위치를 변경하겠습니다.

이제 모든 것이 제대로 설정되었고 애니메이션도 성공적으로 실행됩니다.

상위 항목으로 설정된 레이어로 작업할 경우, 특히 회전 동작을 사용할 때는 기준점의 위치에 주의해야 합니다.