동작 흐림과 들어오기 및 나가기로 매끄러운 텍스트 애니메이션 만들기

어떤 애니메이션은 움직임이 다소 부자연스럽거나 끊겨 보입니다.

저는 Sarah입니다.

이번 시간에는 텍스트 애니메이션이 화면에서 매끄럽게 지나가게 하는 몇 가지 간단한 방법을 살펴보겠습니다.

먼저 텍스트 레이어를 만들고 컴포지션에서 애니메이션의 종료 지점이 되는 최종 위치에 배치합니다.

이를 시작하는 방법을 자세히 알고 싶다면 컴포지션에 텍스트를 추가하는 방법에 관한 튜토리얼을 확인하세요.

각자의 예술적 감각에 따라 텍스트를 배치하면 되지만 레이어 항목의 배치를 보기 좋게 정돈하고 싶다면 맞춤 패널을 사용하면 편리합니다.

두 레이어를 선택하고 원하는 방식의 정렬 버튼을 클릭하면 됩니다.

예를 들어 이 두 레이어를 정렬해 보겠습니다.

두 레이어가 선택된 상태에서 세로로 정렬 버튼을 눌러 같은 높이에 맞춥니다.

텍스트를 알맞게 배치했으므로 이제 애니메이션을 적용해 보겠습니다.

먼저 이 레이어들의 현재 위치에 위치 키프레임을 만들기 위해 속성 패널의 스톱워치를 선택합니다.

그런 다음 타임라인의 시작 부분으로 이동하고 다이아몬드를 선택해 키프레임을 세 개 더 만듭니다.

현재 시간 표시기(CTI)를 첫 번째 키프레임에 맞춰 놓고 위치 값을 조정하여 텍스트 레이어가 모두 텍스트가 애니메이션될 방향의 화면 밖으로 나가도록 합니다.

이제 타임라인에서 텍스트 레이어의 시작점이 어긋나도록 드래그하여 각각 다른 시간에 나타나도록 하겠습니다.

키프레임들을 가까이 배치하여 빠르게 등장하도록 해보죠.

원하는 타이밍으로 조정한 다음에 살펴보면 텍스트 애니메이션이 멋지게 완성되었지만 훨씬 더 매끄럽게 만들 수 있습니다.

동작 흐림을 켜보죠.

컴포지션 패널 상단으로 이동하여 컴포지션의 동작 흐림을 활성화합니다.

그런 다음 모든 텍스트 레이어를 선택하고 동작 흐림을 켭니다.

이 옵션이 보이지 않으면 레이어 패널 하단에 있는 스위치/모드 전환을 선택하여 표시합니다.

이제 애니메이션을 미리 보면 흐림 효과가 적용된 것이 보입니다.

애니메이션을 더욱 매끄럽게 만들기 위한 또 다른 방법은 키프레임에 들어오기 및 나가기를 적용하는 것입니다.

이를 위해 모든 키프레임을 드래그하여 선택합니다.

키프레임 중 하나를 마우스 오른쪽 버튼으로 클릭하고 키프레임 도우미 옵션으로 이동하여 천천히 들어오기 및 나가기를 선택합니다.

키프레임들이 선택된 상태에서 단축키 F9를 사용해 이 설정을 활성화할 수도 있습니다.

효과는 미묘하지만 애니메이션을 더욱 매끄럽게 만들어 레이어가 갑자기 멈추지 않고 자연스럽게 천천히 이동하다가 최종 위치에 멈추게 됩니다.

최종 결과물이 처음보다 훨씬 더 세련되어 보이고 어떤 모션 그래픽에도 잘 어울릴 것 같습니다.

이 유용한 팁을 기억하고 프로젝트를 진행하시기 바랍니다.

즐겁게 애니메이션을 만들어 보세요.