키프레임을 사용하여 애니메이션을 만들어 봅니다.

필요 항목

샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 에셋입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.

학습한 내용: 키프레임의 기록 및 편집, 키프레임 보간 변경, 동작 패스 조정 방법

키프레임 기록

  1. 애니메이션을 적용할 레이어를 선택합니다.
  2. 레이어 이름 왼쪽에 있는 화살표를 클릭하여 애니메이션을 적용할 매개 변수를 엽니다. 아래 화살표를 열어 변형 속성과 같은 특정 매개 변수 그룹을 표시합니다.
  3. 타임라인에서 레이어의 매개 변수를 스크러빙하거나 컴포지션에서 개체를 드래그하여 첫 번째 키프레임에 대해 컴포지션에서 레이어의 위치를 변경하거나 조정합니다.
  4. 매개 변수 옆에 있는 초시계를 클릭하여 키프레임을 기록합니다. 키프레임이 현재 시간 표시기가 있는 위치에 놓여집니다.

현재 시간 표시기를 애니메이션의 시간에 맞게 이동

  • 매개 변수에서 첫 번째 키프레임을 기록한 다음에는 타임라인에서 현재 시간 표시기를 다른 프레임으로 옮기고 설정을 다른 값으로 변경하면 새 키프레임이 자동으로 생성됩니다.

애니메이션의 시작 및 끝 속도 조정

  • 선택된 키프레임을 마우스 오른쪽 버튼으로 클릭하고 키프레임 도우미 > 천천히 들어오기 및 나가기를 선택하여 로봇처럼 딱딱한 선형 동작 설정을 자연스럽게 들어오고 나가는 키프레임 동작으로 변경합니다.

동작 패스를 변경하려는 경우

  • 타임라인에서 위치 키프레임이 선택된 상태에서 둥근 핸들을 밖으로 드래그하여 동작 패스의 모양을 변경합니다.

 

다음 튜토리얼: 개체에 패스 애니메이션 적용

 

09/02/2020

Adobe Stock 콘텐츠 제공: alexhliv, rwgusev

디자이너: Ian Robinson

발표자: Ian Robinson

이 페이지가 도움이 되었습니까?