키 프레임 간 애니메이션 보간 변경

키 프레임 보간은 두 키 프레임 사이의 시간 범위에서 속성 변경에 애니메이션 효과가 적용되는 방법을 나타냅니다. 키 프레임 간 보간을 수정하여 더욱 실감 나는 애니메이션을 만들 수 있습니다. 예를 들어 공을 튀기는 동작에 애니메이션 효과를 적용할 경우 키 프레임 간 보간을 수정하여 공이 튀어오를 때는 전환 속도를 줄이고 땅으로 떨어질 때는 속도를 높일 수 있습니다.

다음 표에서는 키 프레임 보간을 설정할 수 있는 세 가지 방법에 대해 설명합니다.

키 프레임 보간 방법	설명
느린 시작 후 가속 또는 빠른 시작 후 감속 값 선택 Windows Presentation Foundation (WPF) 프로젝트에만 적용됩니다.	키 프레임을 마우스 오른쪽 단추로 클릭하면 나타나는 드롭다운 메뉴를 사용하여 키 프레임으로/키 프레임에서 이동할 때 발생하는 보간을 변경할 수 있습니다. 드롭다운 메뉴에는 다음 보간 옵션이 포함되어 있습니다. 느린 시작 후 가속 타임라인 플레이헤드가 키 프레임에 근접할 때 속성 값이 변경되는 방법을 수정합니다. 0%(감속/가속 없음)에서 100%(전체 감속/가속, 편집된 키 프레임과 이전 키 프레임 간 시간 간격의 절반) 사이의 값을 지정하여 감속/가속을 설정할 수 있습니다. 빠른 시작 후 감속 시간이 키 프레임에서 멀어질 때 속성 값이 변경되는 방법을 수정합니다. 0%(감속/가속 없음)에서 100%(전체 감속/가속, 편집된 키 프레임과 다음 키 프레임 간 시간 간격의 절반) 사이의 값을 지정하여 감속/가속을 설정할 수 있습니다. 첫 번째 키 프레임에 대한 빠른 시작 후 감속 값이 0%이고 두 번째 키 프레임에 대한 느린 시작 후 가속 값이 0%이면 두 키 프레임 간 보간은 선형이 됩니다. 선형 보간은 키 프레임 사이에서 동일한 크기만큼씩 속성 값을 변경합니다.
KeySpline 그래프 사용	KeySpline 그래프를 사용하면 타임라인 플레이헤드가 키 프레임이 근접할 때 보간을 변경할 수 있습니다. 이 그래프는 선택한 키 프레임과 이전 키 프레임 사이의 시간 범위에서 애니메이션 효과가 적용된 속성 값의 변화를 보여 줍니다. 일반적으로 선의 경사가 가파를수록 해당 지점의 값이 더 빠르게 바뀝니다. 그래프가 왼쪽 아래 모퉁이에서 오른쪽 위 모퉁이로 이어지는 직선인 경우 보간이 선형으로 이루어집니다. 노란색 제어점 중 하나를 끌어 이전 키 프레임을 떠나 선택한 키 프레임으로 이동하면서 속성 값이 변경되는 속도를 바꿀 수 있습니다. 참고: KeySpline 그래프와 느린 시작 후 가속 및 빠른 시작 후 감속 값은 동기화됩니다. 느린 시작 후 가속 값을 수정하면 선택한 키 프레임의 KeySpline 그래프에서 오른쪽 위 제어점에 영향을 줍니다. 빠른 시작 후 감속 값을 수정하면 선택한 키 프레임 다음에 오는 키 프레임의 KeySpline 그래프에서 왼쪽 아래 제어점에 영향을 줍니다.
EasingFunction 선택 Microsoft Silverlight 프로젝트에만 적용됩니다.	키 프레임을 선택하면 속성 패널에 나타나는 EasingFunction 드롭다운 메뉴를 사용하면 타임라인 플레이헤드가 키 프레임에 근접할 때 보간을 변경할 수 있습니다. Microsoft Expression Blend에서는 다양한 기본 설정 감속/가속 기능을 선택할 수 있습니다. 감속/가속 기능은 KeySpline 그래프와 마찬가지로 타임라인 플레이헤드가 선택한 키 프레임에 근접할 때 발생하는 보간에 적용됩니다. In, Out 및 InOut 열 아래에 있는 단추의 이미지를 통해 사용할 감속/가속 기능을 결정합니다. In 열 아래의 단추는 KeySpline 시작 부분에 선택한 효과를 적용하고, Out 열 아래의 단추는 KeySpline 끝부분에 선택한 효과를 적용하며, InOut 아래의 단추는 효과를 시작 부분과 끝 부분에 모두 적용합니다. KeySpline 그래프를 표시할 방식을 나타내는 단추를 선택합니다. 사용자 지정 감속/가속 기능은 Silverlight SDK를 사용하여 프로그래밍할 수 있습니다. 자세한 내용은 MSDN의 EasingFunctionBase Class (System.Windows.Media.Animation)(EasingFunctionBase 클래스(System.Windows.Media.Animation))를 참조하십시오. Silverlight SDK에 대한 자세한 내용을 보려면 시작, 모든 프로그램, Microsoft Silverlight 3 SDK, 시작을 차례로 클릭합니다. 참고: EasingFunction을 선택하면 이전에 키 프레임에 적용한 보간 효과가 모두 제거됩니다.

보류 보간 옵션을 사용하면 키 프레임 간의 전환이 점진적이 아닌 순간적으로 수행되도록 할 수 있습니다.

[!참고]

다음 절차에서는 키 프레임이 들어 있는 스토리보드를 열었다고 가정합니다.

자세한 내용은 스토리보드 열기 또는 닫기 또는 스토리보드 만들기, 수정 또는 삭제를 참조하십시오.

팁:
다음 절차는 단일 키 프레임을 선택하는 경우 또는 Ctrl 키를 누른 상태로 여러 키 프레임을 선택하는 경우에 사용할 수 있습니다.

키 프레임으로부터의 전환 수정

다음 작업 중 하나를 수행합니다.

• 타임라인 표시줄에서 점진적 전환 효과를 적용할 키 프레임 을 마우스 오른쪽 단추로 클릭하고 드롭다운 메뉴가 나타나면 빠른 시작 후 감속을 가리킨 다음 목록에서 값을 선택합니다.

• 타임라인 표시줄에서 점진적 전환 효과를 적용할 키 프레임 다음에 오는 키 프레임 을 선택한 다음 속성 패널의 감속/가속에서 KeySpline을 클릭합니다. KeySpline 그래프 왼쪽 아래 모퉁이의 노란색 제어점을 끕니다.

• 타임라인 표시줄에서 점진적 전환 효과를 적용할 키 프레임 다음에 오는 키 프레임 을 선택하고 속성 패널의 감속/가속에서 EasingFunction을 클릭합니다. 없음 옆의 드롭다운 화살표를 클릭하고 감속/가속 기능 옆의 단추 중 하나를 선택합니다.

키 프레임으로의 전환 수정

1. 타임라인 표시줄에서 점진적으로 변경할 키 프레임 을 마우스 오른쪽 단추로 클릭합니다.

2. 다음 작업 중 하나를 수행합니다.

   • 드롭다운 메뉴가 나타나면 느린 시작 후 가속을 가리키고 목록에서 값을 선택합니다.

   • 속성 패널의 감속/가속에서 KeySpline을 클릭합니다. KeySpline 그래프 오른쪽 위 모퉁이의 노란색 제어점을 끕니다.

   • 속성 패널의 감속/가속에서 EasingFunction을 클릭합니다. 없음 옆의 드롭다운 화살표를 클릭하고 감속/가속 기능 옆의 단추 중 하나를 선택합니다.

키 프레임에 대한 순간적 전환 만들기

키 프레임 간의 전환이 점진적이 아닌 순간적으로 수행되도록 할 수 있습니다. 보류 보간 옵션을 사용하는 경우 플레이헤드가 새 속성 값이 기록되는 키 프레임에 근접하면 새 속성 값이 순간적으로 변경됩니다.

다음 작업 중 하나를 수행합니다.

• 타임라인 표시줄에서 순간적으로 변경할 키 프레임 을 선택하고 속성 패널의 감속/가속에서 보류를 클릭합니다.

• 타임라인 표시줄에서 순간적으로 변경할 키 프레임 을 마우스 오른쪽 단추로 클릭하고 드롭다운 메뉴가 나타나면 보류를 클릭합니다. 드롭다운 메뉴에서 보류 옆에 확인 표시가 나타납니다.

  [!참고]

  보류를 선택하면 이전에 키 프레임에 적용했던 모든 보간 효과가 제거되며, 타임라인 표시줄에서 앞의 키 프레임에 이전에 적용했던 아웃바운드 보간 효과도 제거됩니다. 타임라인 표시줄에서 후속 키 프레임에 적용된 인바운드 보간 효과는 그대로 유지됩니다.

참조

작업

키 프레임 삭제

키 프레임 만들기

키 프레임 붙여넣기 또는 이동

다른 키 프레임의 보간 값 재사용