애프터 이펙트 기초 - 로브 어크로스 타임과 오토 오리엔테이션

안녕하세요 [맛있는 디자인 애프터 이펙트 CC 2024]의 저자 피치파이입니다.

이번 시간에는 애프터 이펙트의 다양한 키프레임 종류 중에 [Position]에만 사용할 수 있는 조금은 특별한 키프레임인 [Rove Across Time]에 대하여 알아보고 오리엔테이션을 자동으로 설정해 주는 Auto-Orient 도 알아보겠습니다.

1. 곡선 애니메이션 만들기

① 다음 그림과 같이 화면에서 하트 그래픽이 자유롭게 곡선을 그리며 날아다니게 만들려고 합니다. 편의상 10 프레임 간격으로 다양한 좌표의 6개의 키프레임을 만들었습니다. 곡선 움직임을 만들고 싶지만 기본 설정이 리니어 키프레임이므로 직선 운동을 하고 있습니다.

 

② 도구바에서 [Convert Vertax] 도구를 클릭합니다. 레이어의 [Position]에 설정된 모든 키프레임을 선택합니다. 그리고 [Composition] 패널에서 조절점 중 하나를 클릭하면 다음 그림과 같이 직선이 모두 곡선으로 바뀝니다. 그러나 곡선이 자연스러워 보이지는 않습니다.

 

* 애프터 이펙트에서 Convert Vertex Tool은  패스(경로)를 수정할 때 사용하는 도구입니다. 이 도구는 패스(경로) 상의 점을 변경하거나 곡선 모양을 조정할 수 있도록 도와줍니다. 기본적으로 펜 툴과 함께 사용되며, 벡터 그래픽을 세밀하게 다룰 때 유용합니다.

 

③ [Composition] 패널에서 조절점의 베지에 핸들을 클릭하고 드래그하면서 곡선을 둥글게 다듬어 줍니다. 애니메이션을 재생해 보면 곡선을 따라 부드럽게 움직입니다.

 

 

2. Rove Across Time 적용하기

동선은 자연스러워졌지만 10 프레임 간격으로 별다른 기준 없이 다른 좌표로 이동했기 때문에 어느 부분은 다소 빠르게 움직이고 어느 부분은 다소 느리게 움직이는 문제점이 있습니다. 프로그래밍을 사용하지 않고 수동으로 키프레임을 설정하면 이런 현상을 피할 수 없습니다. 하트 그래픽이 등속운동, 즉 모든 구간의 속도가 같아야 할 경우에는 [Rove Across Time]을 적용하여 이 문제를 해결할 수 있습니다.

[Position]에 적용된 모든 키프레임을 선택하고 마우스 오른쪽 버튼을 누른 후 풀다운 메뉴에서 [Rove Across Time]을 클릭합니다.

 

첫 번째와 마지막 키프레임을 제외한 중간 키프레임이 동그란 모양으로 바뀌고 10 프레임 단위로 균일하게 있던 키프레임의 위치가 변경된 것을 확인할 수 있습니다.

 

* [Rove Across Time]은 애프터 이펙트에서 키프레임 애니메이션을 보다 부드럽고 자연스럽게 만드는 기능입니다. 이 기능은 시간에 따른 키프레임의 위치를 자동으로 조정하여 애니메이션의 속도와 움직임을 더욱 매끄럽게 만듭니다.

3. [Auto-Prientation] 적용하기

하트 그래픽이 곡선 운동을 하는데 회전값이 그대로이기 때문에 부자연스러워 보입니다. 곡선에 따라서 자연스럽게 회전되는 애니메이션을 만들려면 Rotation에 키프레임을 설정할 수도 있지만 많이 번거로울 뿐 아니라 자연스럽게 연출하기도 어렵습니다. 이런 경우에는 [Auto-Orientation]을 적용하면 문제를 해결할 수 있습니다.

[Position]에 적용된 모든 키프레임을 선택하고 [Layer]-[Transform]- [Auto-Orientation] 메뉴를 선택합니다. 

다음과 같은 대화상자가 열리면 [Orient Along Path]를 클릭하고 [OK]를 클릭합니다.

 

 

곡선을 따라서 자연스럽게 회전하며 등속 운동을 하는 애니메이션이 완성되었습니다.

* [Auto-Orientation](오토 오리엔테이션)은  레이어가 움직일 때 자동으로 방향을 조정해 주는 기능입니다.

 

이 예제는 [맛있는 디자인 애프터 이펙트 CC 2024] 도서에 수록되어 있습니다.

내용이 도움이 되셨다면 공감과 댓글 부탁드립니다.

여러분의 공감과 댓글은 콘텐츠 제작에 큰 힘이 됩니다. 

감사합니다.