개체에 패스 애니메이션 적용

이 비디오에서는 빨간색 자동차가 특정 패스를 따라 고속도로를 주행하는 애니메이션을 만들어 보려고 합니다.

차선을 유지하도록 해야 하는데요.

이 과정에서, After Effects CC 프로젝트의 레이어에서 패스를 위치 데이터로 변환하는 방법을 알 수 있습니다.

먼저, 도로를 따라 패스를 만들어야 하는데요.

타임라인에서 Background를 한 번 클릭하여 레이어 4를 선택하고 툴 패널에서 펜 툴을 선택합니다.

펜 툴이 보이지 않으면 클릭하고 길게 눌러 펜 툴을 선택합니다.

이제 컴포지션의 오른쪽 바깥에서 한 번 클릭하여 기준점을 만든 다음 곡선의 낮은 지점을 클릭하고 길게 누른 상태에서 드래그하여 제어 핸들을 표시합니다.

최소한의 기준점을 사용하여 곡선을 최대한 매끄럽게 만들고 싶으므로 다음 곡선의 높은 지점으로 가서 클릭하고 드래그하여 핸들을 길게 늘리고 왼쪽 바깥으로 나와서 한 번 클릭하여 다른 기준점을 추가합니다.

이제, 패스를 조정해야 하는데요.

두 번째 기준점을 클릭합니다.

한 번 클릭하면 핸들이 표시됩니다.

왼쪽 핸들을 클릭하고 드래그해서 늘려 도로의 굽은 모양과 일치시킵니다.

여기도 마찬가지로 핸들을 사용해 늘려 보죠.

클릭과 드래그로 모양을 조정하여 패스가 오른쪽 차선과 일치되게 합니다.

경우에 따라 이 점과 같이 기준점을 클릭하고 위치를 다시 잡아서 다른 차선과 일치하도록 패스를 옮길 수도 있습니다.

패스가 많이 다듬어졌죠.

이제, 패스를 만들었으므로 툴 패널에서 선택 툴을 선택하고 마스크를 선택하기 위해 레이어 4를 선택하고 M을 눌러 마스크 패스를 표시합니다.

마스크 패스 단어를 클릭한 다음 편집 메뉴에서 복사를 선택합니다.

빨간색 자동차가 패스를 따라가도록 해볼 텐데요.

Red Car라는 이름의 레이어 1을 선택하고 P를 눌러 위치 데이터를 엽니다.

위치를 클릭한 다음 편집 메뉴에서 붙여넣기를 선택하면 여기에 키프레임이 생성되고 애니메이션이 2초 동안 진행될 것입니다.

마스크 패스가 위치 데이터로 변환된 거죠.

스페이스바를 눌러 애니메이션을 미리 보면 자동차가 패스를 따라 움직이지만 곡선을 따라 방향이 바뀌지는 않죠.

다시 스페이스바를 눌러 재생을 멈추고 타임라인에서 현재 시간 표시기를 약 1초 지점으로 옮깁니다.

좋습니다.

이 패스를 따라 방향을 설정하기 위해 레이어 1을 한 번 클릭하여 선택한 다음 레이어 메뉴에서 변형을 선택하고 변형 옵션에서 "방향 자동 설정"을 클릭합니다.

"패스 방향으로" 옵션을 선택한 다음 확인을 클릭합니다.

자동차가 이렇게 회전하는데요.

Illustrator CC에서 패스를 만들 당시 완전히 똑바른 방향이 아니어서 그렇습니다.

R을 눌러 레이어 1의 회전 값을 열고 오른쪽 매개 변수를 클릭, 드래그하고 스크러빙하여 전조등이 왼쪽으로 향하도록 자동차를 돌립니다.

이쪽이 전조등인데요.

미등보다 좀 더 큰 걸로 알 수있죠.

스페이스바를 눌러 애니메이션을 미리 보면 자동차가 차선을 따라 주행하고 패스에 맞춰 방향을 틉니다.

스페이스바를 한 번 더 눌러 재생을 중지하고 애니메이션의 지속 시간을 변경하는 경우를 보여드리죠.

레이어 1을 선택하고 U를 눌러 애니메이션이 적용된 매개 변수를 엽니다.

키프레임이 보이는 상태에서 애니메이션이 조금 더 길게 지속되게 해 보죠.

맨 오른쪽에 있는 키프레임을 클릭하고 타임라인에서 약 4초 지점으로 드래그합니다.

상단의 정보 패널이 4초 지점을 가리키는 걸로 알 수 있죠.

스페이스바를 눌러 애니메이션을 미리 보면 자동차가 애니메이션 패스를 따라 느린 속도로 주행하지만 차선은 유지하고 있습니다.

지금까지 살펴본 것처럼 After Effects CC에서 패스를 사용하여 위치 키프레임을 만들 수 있습니다.