키프레임 보간

보간은 알려진 두 값 사이에 알 수 없는 데이터를 입력하는 프로세스입니다. 키프레임을 설정하여 일부 주요 시간에서 속성 값을 지정합니다. After Effects가 키프레임 사이의 모든 시간에 대해 해당 속성 값을 보간합니다.

보간 시 키프레임 사이(between)에 속성 값이 생성되므로 보간을 트위닝(tweening)이라고도 합니다. 키프레임 사이의 보간은 이동, 효과, 오디오 레벨, 이미지 조정, 투명도, 색상 변경 및 기타 여러 가지 시각 및 오디오 요소에 애니메이션을 적용할 때 사용됩니다.

시간에 따라 값이 변경되도록 키프레임 및 동작 패스를 만든 후에는 이러한 변경 내용이 발생하는 방식을 보다 정밀하게 조정하는 것이 좋습니다. After Effects는 사이의 값이 계산되는 방식에 영향을 주는 몇 가지 보간 방법을 제공합니다.

시간 보간은 시간 값 보간을, 공간 보간은 공간 값 보간을 의미합니다. 불투명도와 같은 속성에는 하나의 시간 구성 요소만 있는 반면 위치와 같은 속성에는 여러 개의 공간 구성 요소가 있습니다.

시간 보간 및 값 그래프

그래프 편집기의 값 그래프를 사용하여 애니메이션용으로 만든 시간 속성 키프레임을 정밀하게 조정할 수 있습니다. 값 그래프에서 x 값은 빨간색으로 표시되고 y 값은 녹색, z 값(3D에만 해당)은 파란색으로 표시됩니다. 값 그래프는 컴포지션의 모든 시간 지점에 있는 키프레임 값에 대한 종합적인 정보를 제공하고 이를 제어할 수 있도록 합니다. 또한 정보 패널에는 선택한 키프레임의 시간 보간 방법이 표시됩니다.

공간 보간 및 동작 패스

위치와 같은 속성에 공간 보간을 적용하거나 변경하려는 경우 컴포지션 패널에서 동작 패스를 조정합니다. 동작 패스의 각 키프레임은 모든 시점의 보간 유형에 대한 정보를 제공합니다. 정보 패널에는 선택한 키프레임의 공간 보간 방법이 표시됩니다.

레이어에서 공간 속성을 변경할 경우 After Effect는 기본 공간 보간으로 자동 베지어를 사용합니다.

간혹 위치 키프레임을 위한 자동 베지어 공간 보간을 사용하면 값이 동일한 두 키프레임 사이에 원치 않는 왕복(부메랑) 동작이 발생하는 경우가 있습니다. 이러한 경우에는 앞의 키프레임을 변경해서 고정 보간을 이용하거나 양쪽 키프레임을 모두 변경해서 선형 보간을 이용할 수 있습니다.

키프레임 보간 방법

레이어 막대 모드에서 키프레임 아이콘의 모양은 키프레임 간의 간격에 대해 선택하는 보간 방법에 의해 결정됩니다. 아이콘의 절반이 진한 회색 인 경우 진한 회색 부분은 해당 측면에 인접한 키프레임이 없다는 것을 나타내거나 이전 키프레임에 적용된 고정 보간에 의해 해당 보간이 재정의되었음을 나타냅니다.

기본적으로 한 키프레임에는 하나의 보간 방법이 사용되지만 두 가지 방법을 적용할 수도 있습니다. 예를 들어 현재 시간이 키프레임에 도달할 때는 속성 값에 들어오는 방법을 적용하고 현재 시간이 키프레임을 벗어날 때는 속성 값에 나가는 방법을 적용할 수 있습니다. 들어오고 나가는 보간 방법을 서로 다르게 설정할 경우 레이어 막대 모드에서 키프레임 아이콘이 그에 따라 변경됩니다. 즉, 아이콘의 절반은 들어오는 보간 방법에 대한 아이콘이고 다른 절반은 나가는 보간 방법에 대한 아이콘입니다.

After Effects에서 사용되는 모든 보간 방법은 키프레임 사이의 변환을 제어할 수 있도록 방향 핸들을 제공하는 베지어 보간 방법을 기반으로 합니다. 방향 핸들을 사용하지 않는 보간 방법은 제한된 버전의 베지어 보간으로, 몇 가지 특정 작업에 유용합니다.

여러 가지 보간 방법이 시간 속성에 어떤 영향을 주는지 알아보려면 [불투명도]와 같은 시간 레이어 속성에 대해 값이 다른 키프레임을 세 개 이상 설정하여 실험하고 보간 방법을 바꿔 가면서 [타임라인] 패널의 그래프 편집기 모드에서 값 그래프를 확인해 보세요.

여러 가지 보간 방법이 동작 패스에 어떤 영향을 주는지 알아보려면 [위치]와 같은 공간 레이어 속성에 대해 값이 다른 키프레임을 세 개 이상 설정하여 실험하고 보간 방법을 바꿔 가면서 [컴포지션] 패널에서 동작을 확인해 보세요.

다음 보간 방법 설명의 예제를 쉽게 파악할 수 있도록 하기 위해, 각 방법의 결과는 레이어 속성의 모든 키프레임에 해당 방법을 적용했다는 가정 하에 설명되어 있습니다. 실제로는 원하는 키프레임에 가능한 모든 보간 방법을 적용할 수 있습니다.

보간 없음

보간 없음은 레이어 속성에 키프레임이 없는 상태로, 이때는 초시계가 꺼져 있고 [타임라인] 패널에서 I 모양 아이콘 이 현재 시간 표시기 아래 나타납니다. 이 상태에서는 레이어 속성의 값을 설정할 때 표현식으로 값을 재정의하지 않는 한 레이어 지속 시간 내내 값이 유지됩니다. 기본적으로 보간 없음은 레이어 속성에 적용됩니다. 레이어 속성에 키프레임이 있는 경우 일부 보간 유형이 사용 중인 것입니다.

선형 보간

선형 보간은 키프레임 간에 균일한 변경 비율을 만들어 애니메이션에 기계적인 모양을 더할 수 있습니다. After Effects는 다른 키프레임의 값은 고려하지 않고 두 개의 인접한 키프레임 사이의 값을 최대한 직접적으로 보간합니다.

시간 레이어 속성의 모든 키프레임에 선형 보간을 적용하면 첫 번째 키프레임에 변경 내용이 즉시 적용되고 다음 키프레임에도 계속해서 일정한 속도로 적용됩니다. 두 번째 키프레임에서 변경 비율은 두 번째 키프레임과 세 번째 키프레임 사이의 비율로 즉시 전환됩니다. 레이어가 마지막 키프레임 값에 도달하면 변경이 즉시 중지됩니다. 값 그래프에서 선형 보간을 통해 두 키프레임을 연결하는 선분은 직선으로 표시됩니다.

베지어 보간

베지어 보간은 키프레임의 어느 한쪽에서 값 그래프 또는 동작 패스 세그먼트의 모양을 수동으로 조정하기 때문에 가장 정밀한 제어가 가능합니다. [자동 베지어] 또는 [연속 베지어]와 달리 [베지어] 키프레임의 양방향 핸들은 값 그래프 및 동작 패스에서 개별적으로 작동합니다.

레이어 속성의 모든 키프레임에 베지어 보간을 적용하면 키프레임 사이에 변환이 매끄럽게 이루어집니다. 방향 핸들의 초기 위치는 자동 베지어 보간에서 사용되는 것과 동일한 방법으로 계산됩니다. After Effects에서는 사용자가 [베지어] 키프레임 값을 변경해도 기존의 방향 핸들 위치가 유지됩니다.

다른 보간 방법과 달리 베지어 보간을 사용하면 동작 패스를 따라 곡선과 직선을 원하는 대로 조합하여 사용할 수 있습니다. 두 개의 베지어 방향 핸들은 서로 독립적으로 작동하기 때문에 [베지어] 키프레임에서 곡선 동작 패스가 갑자기 급격한 모퉁이로 바뀔 수 있습니다. 베지어 공간 보간은 지도의 경로 또는 로고 윤곽선과 같이 복잡한 모양으로 된 동작 패스를 그릴 때 적합합니다.

기존의 방향 핸들 위치는 사용자가 동작 패스 키프레임을 이동해도 그대로 유지됩니다. 각 키프레임에 적용되는 시간 보간은 패스를 따르는 동작 속력을 제어합니다.

자동 베지어 보간

자동 베지어 보간은 키프레임에서 부드러운 변경 비율을 만듭니다. 자동 베지어 공간 보간을 이용하면 곡선 도로에서 선회하는 자동차의 패스를 만들 수 있습니다.

[자동 베지어] 키프레임 값을 변경하면 자동 베지어 방향 핸들의 위치도 자동으로 변경되어 키프레임 간의 매끄러운 변환이 유지됩니다. 자동 조정에 따라 키프레임의 한쪽 면에서 값 그래프 또는 동작 패스 세그먼트의 모양이 변경됩니다. 이전 및 다음 키프레임에도 자동 베지어 보간을 사용할 경우 이전 또는 다음 키프레임의 반대쪽 끝에 있는 세그먼트의 모양 또한 변경됩니다. 자동 베지어 방향 핸들을 수동으로 조정하면 [연속 베지어] 키프레임 으로 변환됩니다.

자동 베지어는 기본 공간 보간입니다.

연속 베지어 보간

자동 베지어 보간과 같이 연속 베지어 보간은 키프레임에서 부드러운 변경 비율을 만듭니다. 하지만 연속 베지어 방향 핸들의 위치는 수동으로 설정할 수 있습니다. 사용자 조정에 따라 키프레임의 한쪽 면에서 값 그래프 또는 동작 패스 세그먼트의 모양이 변경됩니다.

속성의 모든 키프레임에 연속 베지어 보간을 적용할 경우 After Effects는 변환이 매끄럽게 이루어질 수 있도록 각 키프레임의 값을 조절합니다. After Effects는 사용자가 동작 패스 또는 값 그래프에서 [연속 베지어] 키프레임 을 이동할 때 이러한 매끄러운 변환을 유지합니다.

고정 보간

고정 보간은 시간 보간 방법으로만 사용할 수 있습니다. 시간에 따라 레이어 속성의 값을 변경하는 데 사용할 수 있지만 점진적 변환은 없습니다. 이 방법은 레이어가 갑자기 나타나거나 사라지게 하려는 경우나 섬광 효과에 유용합니다.

레이어 속성의 모든 키프레임에 고정 시간 보간을 적용할 경우 첫 번째 키프레임의 값이 다음 키프레임까지 그대로 유지되며 다음 키프레임에서 바로 변경됩니다. 값 그래프에서 [고정] 키프레임 을 따르는 그래프 세그먼트는 가로 직선으로 나타납니다.

고정 보간을 시간 보간 방법으로만 사용할 수 있더라도 동작 패스의 키프레임은 볼 수 있지만 레이어 위치 점으로 연결되지는 않습니다. 예를 들어 고정 보간을 이용해서 레이어의 [위치] 속성에 애니메이션을 적용할 경우 레이어는 현재 시간 표시기가 다음 키프레임에 도달할 때까지 이전 키프레임의 위치 값을 그대로 유지하고 다음 키프레임에 도달하면 레이어가 이전 위치에서 사라지고 새로운 위치에 표시됩니다.

[프레임 고정] 명령을 사용하여 레이어의 지속 시간 동안 현재 프레임을 쉽게 고정시킬 수 있습니다. 프레임을 고정시키려면 고정할 프레임에 현재 시간 표시기를 놓습니다. 레이어가 선택되었는지 확인하고 [레이어] > [시간] > [프레임 고정]을 선택합니다. 시간 다시 매핑이 설정되고 현재 시간 표시기의 위치에 [고정] 키프레임이 배치되어 프레임을 고정시킵니다.

키프레임 다음에 오는 프레임과 같이 나가는 시간 보간에 대해서만 고정 보간을 이용할 수 있습니다. [고정] 키프레임 다음에 키프레임을 만들면 새로운 키프레임에 들어오는 고정 보간이 사용됩니다.  

키프레임 보간 방법 적용 및 변경

모든 키프레임에 대해 보간 방법을 적용 및 변경할 수 있습니다. [키프레임 보간] 대화 상자를 사용하여 변경 내용을 적용하거나 레이어 막대 모드, 동작 패스 또는 그래프 편집기에서 키프레임에 직접 적용할 수 있습니다. After Effects에서 공간 속성에 대해 사용하는 기본 보간을 변경할 수도 있습니다.

[천천히 들어오기 및 나가기] 컨트롤을 사용하여 키프레임 간의 속도를 자동으로 변경하는 방법에 대한 자세한 내용은 키프레임 사이의 속도 제어를 참조하십시오.

키프레임 보간 대화 상자를 이용한 보간 방법 변경

[키프레임 보간] 대화 상자는 시간 및 공간 보간과 이동 설정(공간 속성에만 해당)을 위한 옵션을 제공합니다.

레이어 막대 모드에서 선택 도구를 사용하여 보간 방법 변경

그래프 편집기에서 보간 방법 변경

• 선형 보간과 자동 베지어 보간 사이를 전환하려면 [정점 변환] 도구 를 사용하여 키프레임을 클릭합니다.
• 하나 이상의 키프레임을 선택한 다음 화면 아래에서 [고정], [선형] 또는 [자동 베지어] 단추를 클릭하여 보간 방법을 변경합니다.

그래픽 편집기에서 베지어 방향 핸들 수정

그래프 편집기에서 베지어 보간을 사용하는 키프레임에는 방향 핸들이 부착되어 있습니다. 값 그래프에서 방향 핸들을 줄이거나 확장하거나 회전하여 베지어 보간 곡선을 미세 조정할 수 있습니다. 속력 그래프에서는 방향 핸들을 줄이거나 확장하여 곡선을 미세 조정할 수 있습니다.

기본적으로 방향 핸들을 줄이거나 늘일 때는 키프레임의 반대쪽 핸들도 함께 이동합니다. 방향 핸들을 분할하면 개별적으로 작동하는 두 개의 방향 핸들이 키프레임에 부착됩니다.

• 방향 핸들을 줄이거나 늘리려면 [선택] 도구를 사용하여 키프레임의 중심이나 바깥쪽으로 방향 핸들을 드래그합니다.
• 방향 핸들을 분할하려면 [선택] 툴을 사용하여 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 상태에서 키프레임을 드래그합니다. 핸들 유무에 관계없이 Alt 키(Windows) 또는 Option 키(Mac OS)를 누른 상태에서 키프레임 외부를 드래그하면 새로운 핸들이 생성됩니다.
• 인접한 두 키프레임의 방향 핸들을 동시에 조작하려면 키프레임 사이의 값 그래프 세그먼트를 드래그합니다.