​

사진이나 제품 이미지를 영상에 넣었는데

화면이 너무 정적으로 느껴질 때가 있습니다.

​

특히 쇼츠나 제품 소개 영상처럼

짧은 시간 안에 시선을 끌어야 하는 콘텐츠에서는

고정된 이미지만 이어지면 화면이 단조롭게 보일 수 있습니다.

​

​

이럴 때 이미지가 점점 커지거나 화면 한쪽에서 다른 쪽으로 이동하고,

로고가 회전하면서 등장하는 등

간단한 움직임을 더하면 화면에 변화를 줄 수 있습니다.

​

이처럼 특정 시간마다 이미지의 크기나 위치, 회전값 등을

바꿔 만드는 것이 동영상 애니메이션 효과입니다.

​

​

이러한 움직임을 세밀하게 설정할 때

많이 활용되는 기능이 바로 키프레임인데요

​

키프레임이라고 하면 복잡해 보이지만

원리는 생각보다 간단합니다.

​

0초에는 작게, 2초에는 크게처럼

시간마다 보여줄 값을 지정하면 됩니다.

​

​

오늘은 동영상 애니메이션 효과 넣기에 활용되는

키프레임의 기본 원리부터 확대·이동·회전 움직임을 만드는 방법까지

이해하기 쉽게 알려드리려고 합니다.

동영상 애니메이션 효과를 만들려면

먼저 키프레임의 역할을 알아두면 좋습니다.

​

키프레임은 특정 시간에 보여줄

위치나 크기 등의 값을 저장하는 기준점입니다.

​

​

예를 들어 사진을 2초 동안

점점 크게 만들고 싶다고 가정해 보겠습니다.

​

처음에는 크기를 0%로 지정하고

2초 지점에서는 100%로 지정합니다.

​

그러면 프로그램이 두 지점 사이를 계산해

0%에서 100%까지 커지는 움직임을 만들어줍니다.

​

​

반대로 위치 값을 다르게 정하면

사진이 한쪽에서 다른 쪽으로 이동합니다.

​

회전값을 변경하면 돌아가며 나타나고,

불투명도를 조절하면 서서히 나타나거나

사라지는 연출도 가능합니다.

​

​

즉, 키프레임을 활용할 때는

언제부터 언제까지 어떻게 바뀔지를

정하는 것이 핵심입니다.

이제 실제 영상편집 프로그램에서

키프레임을 적용해 보겠습니다.

​

곰믹스를 기준으로

0%에서 100%까지 2초 동안 커지는 효과를

만드는 과정은 다음과 같습니다.

​

​

1) 이미지 또는 클립을 타임라인에 넣습니다

​

먼저 움직임을 넣을 이미지나

백그라운드 클립을 타임라인에 배치합니다.

​

클립을 선택한 뒤

이펙트 → 변환 → 변환 순서로 이동해

변환 효과를 추가합니다.

2) 시작 크기를 0%로 설정합니다

​

효과가 적용된 클립을 더블클릭하면

이펙트 속성을 조절할 수 있습니다.

​

영상이 시작되는 00:00:00:00 지점에서

크기 값을 100% → 0%로 변경합니다.

​

시작 화면에서는

이미지가 보이지 않을 정도로 작아진 상태입니다.

3) 재생 헤드를 2초로 옮깁니다

​

다음으로 재생 헤드를

00:00:02:00 지점으로 이동합니다.

​

재생 헤드를 2초 위치로 옮긴 뒤

키프레임 추가 버튼을 누릅니다.

​

첫 키프레임을 추가하면

영상 시작 지점에도 키프레임이 함께 생성됩니다.

4) 2초 지점의 크기를 100%로 설정합니다

​

추가한 키프레임에서

크기를 100%로 변경합니다.

​

처음부터 영상을 재생하면

​

✅ 0초 : 0%

✅ 2초 : 100%

​

이미지가 2초 동안 점점 커지며 나타납니다.

​

이 설정은 사진이나 제품 이미지,

로고를 자연스럽게 등장시키고 싶을 때 활용하기 좋습니다.