본문 바로가기
컴퓨터 사용 설명서/프리미어 프로 독학기

키프레임(Keyframe) 알아보기

by 칼랭 2024. 3. 28.
반응형

영상에 삽입된 이미지가 움직인다거나, 자막의 크기가 줄었다 커진다거나, 어딘가에서 '짠~'하고 나타난다거나 하는 애니메이션 효과를 표현할 때 필수적으로 사용해야 하는 기능이 '키프레임'입니다. 알아두면 여기저기 써먹을 데가 많은데요. 그래서 이번 글에서는 '키프레임'의 정의와 기본적인 사용 방법에 대해 정리해 보려고 합니다. 꼼꼼하게 살펴보시고 영상 제작에 참고하세요!

 

▣ 키프레임이란

속성값에 변화를 줄 수 있는 프레임을 키프레임(Keyframe)이라고 합니다.

 

 

 

 

속성은 위치, 크기, 각도 등을 말하는데요. 효과 컨트롤 패널에 '애니메이션 켜기/끄기(Toggle Animation)' 아이콘이 있는 속성은 모두 키프레임 적용이 가능합니다.

 

 

 

 


 

▣ 키프레임 만드는 방법

① 키프레임 적용할 '클립'을 '타임라인 패널'에서 선택합니다.

    png 파일을 영상 위에 얹은 뒤에, 이 클립에 선택해 키프레임을 적용해 보겠습니다.

   (png 이미지는 '배경'이 없는 이미지를 말하는데요. 영상 위에 얹어 키프레임 적용하면 다양한 연출이 가능합니다. 따로 받은 이미지가 없다면, 자막을 새로 만들어서 실습에 활용해 보세요!)

 

 

 

 

꽃 영상에 벌 이미지를 추가해 봤어요.

 

728x90

 

② 이미지 클립을 선택한 뒤, 효과 컨트롤 패널을 엽니다.

 

 

 

 

크기(Scale)가 100%로 설정돼 있습니다.

인디케이터를 클립의 맨 앞으로 이동시킨 뒤 키프레임을 추가해볼게요.

 

 

 

 

애니메이션 켜기/끄기(Toggle Animation)을 클릭하여 활성화시킵니다.

    키프레임이 생성됩니다.

 

 

 

 

④ 크기(Scale)가 기본 100%로 설정돼 있는데요.

    0%로 설정해볼게요.

 

 

 

 

    프로그램 모니터 패널을 보면, 벌이 안 보이죠?

 

 

 

 

    키프레임은 하나이기 때문에 인디케이터를 뒤쪽으로 이동시키더라도 동일한 크기(0%)로 보이게 됩니다.

 

 

 

 

 

⑤ 인디케이터를 끝으로 이동시키고, 크기를 100%로 설정합니다.

    (숫자 입력하고 Enter를 치거나, 다른 공간을 클릭해 입력을 완료해줍니다.)

 

 

 

 

    키프레임이 새로 생겨납니다.

 

 

 

 

프로그램 모니터에는 100% 크기의 이미지가 보이게 되죠.

 

 

 

 

인디케이터를 크기 5% 설정된 부분부터 크기 100% 설정된 부분까지 드래그하여 움직여 보면 크기가 0%에서 100%로 점점 커지는 것을 알 수 있습니다.

 

 

 


▣ 키프레임 추가(Add Keyframe)하는 방법

1) 토글 애니메이션이 활성화된 상태에서 속성값에 변화를 주면 키프레임은 자동으로 추가됩니다.

 

 

기존 값과 다른 값을 입력하면 새로운 키프레임이 생성됩니다.

 

 

2) 아래 이미지에서 가운데 동그란 점이 '키프레임 추가/제거' 아이콘입니다.

    이 아이콘을 클릭하면 키프레임이 추가됩니다.

 

 

 

 

 


 

▣ 키프레임 간 이동 Go to Previous Keyframe

    여러 개의 키프레임이 생성된 상태에서 키프레임 생성 키 앞뒤에 있는 '이전 키프레임으로 이동'/'다음 키프레임으로 이동' 버튼을 눌러주면 현재 선택된 키프레임의 앞이나 뒤로 키프레임 선택을 이동시킬 수 있습니다.

 

 

 

 

    왼쪽 방향 화살표 아이콘을 누르면 왼쪽에 있는 키프레임으로 한 칸씩 이동하고

    오른쪽 방향 화살표 아이콘을 누르면 오른쪽에 있는 키프레임으로 한 칸씩 이동합니다.

    키프레임을 수정할 때 이용하면, 유용하겠죠?

 

 

 

 


▣ 키프레임 삭제하는 방법

1) 인디케이터를 삭제할 프레임에 위치시키면 키프레임 추가/제거(Add/Remove Keyframe) 버튼 색이 파란색으로 변경되는데요. 이것을 클릭하면 색상이 회색으로 바뀌고 타임라인 영역에 있던 키프레임은 삭제됩니다.

 

 

 

 

2) 키프레임을 드래그하여 선택한 뒤, Delete 키를 누르면 삭제됩니다.

 

 

 

3) 제거하려는 키프레임을 마우스 오른쪽 버튼으로 선택하면 메뉴가 표시됩니다. 여기서 지우기(Clear) 명령을 실행하면, 키프레임을 지울 수 있습니다.

 

 

 

 


▣ 키프레임 한번에 삭제하는 방법

1) '애니메이션 켜기/끄기(Toggle Animation' 아이콘을 클릭해 '비활성화' 시키면 해당 속성에 추가됐던 모든 키프레임을 한번에 지울 수 있습니다.

 

 

 

 

 

2) 효과 컨트롤 패널의 타임라인 영역에서 마우스 오른쪽 버튼을 클릭하면 메뉴가 표시되는데요. 

 

 

 

 

여기서 '모든 키프레임 지우기(Clear All Keyframes)'를 실행하면  해당 시퀀스에서 사용된 모든 키프레임이 지워집니다.

 

 

 

 

 

애니메이션 효과를 만드는 데 기본적으로 사용되는 '키프레임'의 기본 사용법에 대해 알아봤습니다. 

다음 글에서는 '키프레임'을 실제 적용하여, 애니메이션 효과를 표현해볼게요.

 

감사합니다!

 

 

 

 

※ 본 콘텐츠 내용(글, 이미지)의 무단 사용을 금합니다.

 

 

728x90
반응형

댓글