키프레임

키프레임(Keyframe) 개념 및 기본 원리

1. 키프레임(Keyframe)이란?

• 정의: 키(Key)와 프레임(Frame)의 합성어로, 애니메이션에서 특정 시점의 상태(위치, 크기, 회전, 불투명도 등)를 저장하는 기준 지점을 뜻합니다.
• 작동 원리: 애니메이션의 시작점과 끝점에 키프레임을 설정하면, 그 사이에 위치한 중간 값들은 프로그램이 자동으로 계산하여 채워줍니다. 이 과정을 보간(Interpolation)이라고 합니다.
• 비유적 설명: 키프레임은 "중요한 장면을 정해두는 마법의 포인트"입니다. 예를 들어 캐릭터가 A 지점에서 B 지점으로 이동할 때, A와 B에만 키프레임을 찍어주면 나머지 이동 경로는 프로그램이 알아서 자동으로 계산해 움직임을 만들어냅니다.
• 키프레임은 마름모 모양으로  키프레임이 있는 쪽은 밝은 회색 ,키프레임이 비활성화 되어있는 부분은 검은색입니다.

in 프레임(왼쪽에 검은색인 마름모)

out 프레임(오른쪽이 검은마름모)

2. 키프레임의 기본 구성 요소

• 프레임 (Frame): 영상을 구성하는 가장 작은 단위이자 낱개의 한 장면입니다.
• 키프레임 (Keyframe): 특정한 프레임 위치에 사용자가 직접 속성 값을 부여해 고정해 둔 지점입니다.
• 인터폴레이션 (Interpolation / 보간): 두 개의 키프레임 사이의 공백을 컴퓨터가 자동으로 계산하여 부드러운 변화를 만들어내는 과정입니다.

키프레임 사용 방법

1.시작 시간 설정(해당 시간으로 이동)

2. 시작 값 설정(포지션,스케일,로테이션,오퍼시티 등등)

3.스탑워치 클릭

 

4.최종 시간 설정

5. 최종 값 설정

 

그뒤에 추가 모션을 주고 싶다면 4번 5번 반복

 

실제 적용 예제

• 0초 위치에서 원이 왼쪽에 배치됨 (첫 번째 키프레임 생성)
• 2초 위치에서 원이 오른쪽으로 이동함 (두 번째 키프레임 생성)
• 애프터 이펙트(After Effects)나 프리미어 프로(Premiere Pro) 같은 프로그램은 이 두 개의 키프레임 사이를 자동으로 연산하여 원이 부드럽게 오른쪽으로 굴러가는 애니메이션을 생성합니다.

3. 키프레임의 종류 및 움직임 특성

키프레임의 종류에 따라 애니메이션의 속도감과 스타일이 완전히 달라집니다.

• 리니어 키프레임 (Linear Keyframe)
  • 특징: 처음부터 끝까지 변속 없이 직선적인 속도로 일정하게 변화합니다. (프로그램의 기본 설정 값)
  • 느낌: 다소 기계적이고 딱딱하여 부자연스러울 수 있습니다.
  • 비유: 자동차가 브레이크나 가속 페달을 밟지 않고 처음부터 끝까지 똑같은 속도로 주행하는 상태입니다.
• 이지 이지 (Ease In / Ease Out)
  • 특징: 현실의 물리 법칙처럼 자연스러운 가속과 감속을 적용합니다. 애프터 이펙트에서는 단축키 F9를 눌러 빠르게 적용할 수 있습니다.
  • Ease In: 천천히 움직이기 시작해서 마지막에 빠르게 종료됩니다.
  • Ease Out: 빠르게 움직이기 시작해서 마지막에 천천히 감속하며 종료됩니다.
  • 비유: 자동차가 출발할 때 매끄럽게 속도를 올리고, 정지할 때 부드럽게 브레이크를 밟으며 멈추는 상태입니다.
• 베지어 키프레임 (Bezier Keyframe)
  • 특징: 그래프 편집기(Graph Editor)를 활용해 속도 곡선의 커브를 조절함으로써, 사용자가 원하는 대로 자유로운 가속과 감속을 설정할 수 있습니다.
  • 비유: 운전자가 도로의 상황이나 코너에 맞춰 속도를 세밀하게 올리고 내리며 자유롭게 운전하는 상태입니다.
• 홀드 키프레임 (Hold Keyframe)
  • 특징: 두 키프레임 사이에 점진적인 중간 이동(보간) 과정이 전혀 없습니다. 유지되다가 지정된 시간이 되면 값이 갑자기 툭 바뀝니다.
  • 용도: 뚝뚝 끊어지는 느낌의 '점프 컷'이나 '갑작스러운 공간/형태 변화'를 연출할 때 사용합니다.
  • 비유: 정지해 있던 자동차가 출발 과정을 거치지 않고 다른 장소로 순간이동하는 상태입니다.

4. 키프레임 생성 및 적용 순서

타임라인에서 애니메이션을 구축할 때 반드시 순서대로 진행해야 하는 기본 프로세스입니다.

1. 시작 시간 설정: 타임라인의 인디케이터(시간 바)를 애니메이션이 시작될 시점으로 이동시킵니다.
2. 시작 값 설정: 피사체의 초기 상태에 맞춰 수치(Position, Scale, Rotation 등)를 조절합니다.
3. 스탑워치 클릭: 속성 이름 왼쪽에 있는 스탑워치 아이콘을 클릭하여 첫 번째 기준 키프레임을 활성화합니다.
4. 최종 시간 설정: 인디케이터를 애니메이션이 종료될 최종 시점으로 이동시킵니다.
5. 최종 값 설정: 피사체의 최종 변화 수치를 입력합니다. 수치를 바꾸는 즉시 타임라인에 최종 키프레임이 자동으로 생성됩니다.

• 추가 팁: 여기서 움직임을 더 연결하거나 추가 모션을 주고 싶을 때는 4번(최종 시간 설정)과 5번(최종 값 설정) 과정을 계속해서 반복해 나가면 됩니다.

 

 

가감속이 있는 키프레임

-우선 기본 키프레임(등속)을 설정하고 키프레임을 우클릭해서 이지 인(가속)/이지 아웃(감속)

 

그래프를 이용하여 변화량 조절

이펙트 컨트롤의 키프레임을 넣은 항목의 꺽세를 눌러 세부를 보면 해당 키프레임의 변화량이 그래프로 표기되어있고 핸들을 잡고 조정하여 조절할 수 있다.

다음과 같이 소스를 더블 클릭하면 프레임당 동선을 볼수있음(=모션패스)

모션 패스를 잡고 드래그하여 모션패스 변형이 가능하다

각각의 이지 적용하면  이렇게 됩니다. 위에서부터

• 이지 인(천천히 들어오기)
• 이지 아웃(천천히 나가기)
• 이지 이지(천천히 들어오고 천천히 나가기 )
• 토글 홀드(프레임 보간x,처음과 끝에만  프레임 존재)
• 노말(이지 적용x,등속 운동)