모양 레이어에 애니메이션 속성 추가

이 비디오에서는 한 모양 레이어에 있는 여러 개체에 애니메이션을 적용해볼 텐데, 이때 패스 연산자인 흔들기 변형을 사용해 보죠.

먼저 프로젝트를 보면 장면 아래에 구름이 있고 one night sky라는 제목이 있습니다.

이 구름이 개별적으로 움직이도록 해보겠습니다.

먼저 Cloud5인 레이어 4를 선택해 보죠.

이 레이어를 단독으로 표시하면 이 레이어가 여러 모양으로 구성된 것을 알 수 있습니다.

콘텐트를 열면 개별 구름을 구성하는 여러 타원이 있습니다.

Cloud5 레이어가 선택된 상태에서 단독을 활성화하고 콘텐트 영역에서 추가 버튼을 누른 다음 흔들기 변형을 추가합니다.

흔들기 변형은 이 위에 있는 요소에 적용됩니다.

이때 동일한 그룹에 속한 경우만 가능한데 이와 같이 들여져 있으므로 동일한 그룹에 속해 있네요.

이제 흔들기 변형 옵션을 열고 아래에 있는 변형 옵션을 엽니다.

위치에서 X축은 약 10px로, Y축은 약 12px로 설정합니다.

스페이스바를 누르면 이러한 작은 원이 따로 움직입니다.

구름이 느리게 움직이도록 하려면 흔들기/초를 낮추면 됩니다.

현재 흔들기/초가 2로 설정되어 있는데 1로 설정하겠습니다.

이제 느리게 움직이네요.

이 정도가 마음에 들므로 이 흔들기 변형을 컴포지션의 다른 모든 레이어에 복사해 보겠습니다.

스페이스바를 눌러 재생을 멈추고 흔들기 변형 1을 선택한 다음 편집 메뉴에서 복사를 선택합니다.

Cloud5에서 이 옵션을 사용했으므로 Cloud5를 닫고 단독을 끈 다음 이 레이어를 잠가 선택되지 않도록 합니다.

이제 위로 올라가 Cloud7 레이어를 클릭해 선택합니다.

그런 다음 Shift 키를 누른 상태에서 Cloud1 레이어를 클릭해 모든 구름 레이어를 선택합니다.

이때 잠긴 Cloud5 레이어는 제외됩니다.

편집 메뉴에서 붙여넣기를 선택합니다.

구름을 모두 선택 해제하려면 여기 아래를 클릭하고 스페이스바를 누르면 각 구름의 작은 요소가 움직이는 것을 미리 볼 수 있습니다.

각 구름 위에 많은 효과가 적용되어 있기 때문에 렌더링하는 데 시간이 걸리는데요.

그래도 구름이 느리게 움직이는 것을 볼 수 있습니다.

스페이스바를 눌러 재생을 멈추고 현재 시간 표시기를 뒤로 옮겨 화면 섹션에서 렌더링된 프레임을 미리 봅니다.

다시 스페이스바를 눌러 이 섹션을 미리 보고 더 많은 프레임을 렌더링합니다.

이제 구름이 실제로 움직이는 것을 볼 수 있습니다.

모든 것이 로드될 때까지 기다렸다가 보면 결과를 훨씬 더 쉽게 이해할 수 있을 겁니다.

모든 것이 렌더링되면 멋진 흔들기 변형 기능을 확인할 수 있습니다.

이 방법을 이해하셨다면 흔들기 변형과 같은 패스 연산자를 사용하여 다양한 방식으로 매개 변수를 추가해 모양 레이어 애니메이션을 제어해 보시기 바랍니다.