컴포지션에서 레이어 배치 및 분포

어느 순간에 누구나 컴포지션의 레이어를 구성하고 배치할 때 어려움을 경험하게 됩니다.

이때 적절한 툴과 기능을 사용하면 이 프로세스를 보다 손쉽게 진행할 수 있습니다.

프로젝트를 살펴보면 여러 레이어가 있는데 체계적으로 구성되어 있지 않습니다.

이러한 레이어를 구성하면서 여러 여행 아이콘을 중심으로 터치스크린 인터페이스를 만들어 보겠습니다.

아이콘은 파란색 막대를 따라 나열되어 있는데요.

파란색 막대가 주요 요소이므로 먼저 이 파란색 막대를 컴포지션에서 가로로 맞춰보죠.

아래로 내려가 타임라인에서 레이어 8을 선택하고 키보드에서 빠르게 UU를 누릅니다.

그러면 이 모양 레이어의 변경된 매개 변수가 열립니다.

사각형 1의 변형 옵션 아래를 보면 X 값이 18.5인데 이 값을 클릭하고 0.0으로 변경하겠습니다.

이제 이 레이어는 컴포지션에서 가로로 정확히 정렬됩니다.

이제 레이어 8을 축소하고 여러 아이콘을 살펴보겠습니다.

레이어 2를 선택합니다.

이 레이어는 맨 왼쪽에 있는 아이콘으로, 핸들이 표시됩니다.

컴포지션 패널에서 레이어 핸들을 클릭하면 레이어의 비율을 조정하거나 변형하고 왜곡할 수 있는데 이때 Shift 키를 누른 상태에서 드래그해야 레이어의 비율을 유지할 수 있습니다.

이 가운데 십자선은 실제로 기준점이라고 하는데 레이어를 회전할 때 이 기준점을 중심으로 레이어가 회전됩니다.

Windows에서 Ctrl + Z를 눌러 마지막 변형을 실행 취소합니다.

모든 아이콘을 선택하기 위해 타임라인에서 이 레이블 색상으로 이동하여 레이어 2의 레이블을 클릭하고 위로 올라가 레이블 그룹 선택을 선택하면 동일한 레이블로 된 모든 레이어가 선택됩니다.

이때 선택된 레이어는 모두 Illustrator CC 레이어입니다.

이제 이러한 아이콘을 정렬해 보죠.

상단의 창 메뉴에서 맞춤 패널을 엽니다.

맞춤 패널에 있는 레이어 맞춤 대상은 선택으로 설정합니다.

먼저 아래를 맞추기 위해 오른쪽에 있는 이 버튼을 클릭한 다음 각 레이어의 가운데를 기반으로 여러 레이어를 분포하기 위해 레이어 분포에 있는 이 버튼을 클릭합니다.

이제 파란색 막대 가운데에서 세로로 이러한 레이어의 위치를 변경해 보죠.

인터페이스 상단에 있는 스냅을 활성화하겠습니다.

이제 이러한 아이콘의 가운데를 이 파란색 막대 가운데와 일렬로 맞추기 위해 이 가운데 점을 직접 클릭하는 것이 아니라 가까운 곳을 클릭하여 이 아이콘의 위치를 변경하겠습니다.

이러한 레이어의 위치를 변경하면 이 가운데 점이 이 파란색 막대의 가운데 점에 스냅됩니다.

이제 보면서 가로로 정렬할 수 있습니다.

로고 크기가 여전히 큰데요.

S 키를 눌러 비율을 열고 비율 매개 변수 중 하나를 스크러빙하여 모든 아이콘의 비율을 줄입니다.

'Travel' 단어의 위치를 변경하려면 스냅을 사용하여 동일하게 작업합니다.

이번에는 왼쪽 하단 근처를 클릭해볼 텐데 이 장면의 다른 요소에 스냅할 지점이 됩니다.

이제 이 Left 아이콘의 왼쪽 상단을 기준으로 맞춰보겠습니다.

마우스 버튼을 놓고 위쪽 화살표를 사용하여 한 번에 한 픽셀씩 레이어를 위로 옮깁니다.

아래 화살표를 사용하면 아래로 옮길 수 있습니다.

After Effects CC에서 레이어의 위치를 설정할 때에는 항상 선택된 레이어가 무엇인지 신중하게 살펴봅니다.

그런 다음 레이어의 위치를 변경할 때 해당 레이어에서 클릭하는 정확한 지점을 확인합니다.

이때 스냅과 맞춤 패널을 사용하면 효율적으로 작업할 수 있습니다.