키프레임을 사용하여 애니메이션을 만들어 봅니다.
필요 항목
샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 에셋입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오.
학습한 내용: 키프레임의 기록 및 편집, 키프레임 보간 변경, 동작 패스 조정 방법
키프레임 기록
- 애니메이션을 적용할 레이어를 선택합니다.
- 레이어 이름 왼쪽에 있는 화살표를 클릭하여 애니메이션을 적용할 매개 변수를 엽니다. 아래 화살표를 열어 변형 속성과 같은 특정 매개 변수 그룹을 표시합니다.
- 타임라인에서 레이어의 매개 변수를 스크러빙하거나 컴포지션에서 개체를 드래그하여 첫 번째 키프레임에 대해 컴포지션에서 레이어의 위치를 변경하거나 조정합니다.
- 매개 변수 옆에 있는 초시계를 클릭하여 키프레임을 기록합니다. 키프레임이 현재 시간 표시기가 있는 위치에 놓여집니다.
현재 시간 표시기를 애니메이션의 시간에 맞게 이동
- 매개 변수에서 첫 번째 키프레임을 기록한 다음에는 타임라인에서 현재 시간 표시기를 다른 프레임으로 옮기고 설정을 다른 값으로 변경하면 새 키프레임이 자동으로 생성됩니다.
애니메이션의 시작 및 끝 속도 조정
- 선택된 키프레임을 마우스 오른쪽 버튼으로 클릭하고 키프레임 도우미 > 천천히 들어오기 및 나가기를 선택하여 로봇처럼 딱딱한 선형 동작 설정을 자연스럽게 들어오고 나가는 키프레임 동작으로 변경합니다.
동작 패스를 변경하려는 경우
- 타임라인에서 위치 키프레임이 선택된 상태에서 둥근 핸들을 밖으로 드래그하여 동작 패스의 모양을 변경합니다.