'KeySpline'에 해당되는 글 1건

  1. 2008/09/03 [Expression Blend 활용강좌] 가속도 애니메이션
안녕하세요. 짱묜입니다. ^-^

오늘은 가속도에 대해서 다뤄볼까 해요. 제가 이전에 튜토리얼 강좌를 진행하면서 빼먹은 부분이었던것 같네요. 굉장히 쉬운 내용입니다~ ㅎㅎ

블렌드에서 가속도를 줄 수 있는 부분은 2곳이 있습니다. 하나는 키프레임에서 마우스 오른쪽 메뉴를 눌러 Ease In(빠르게 시작)Ease Out(느리게 시작) 을 조절해 주면 객체가 이동할 경우 가속도가 더해지거나 덜해집니다. % 값이 클수록 크게 작용합니다.



예를 들어 키프레임의 앞부분에 Ease In 값을 주면 빠르게 시작합니다. Ease Out 에 값을 주면 역시 느리게 시작하겠죠?

Ease In/Ease Out 은 기본적인 수치가 정해져 편리하게 쓸 수 있습니다. 만약 좀 더 세밀하게 가속도를 조절하고 싶다면 Easing 패널에서 KeySpline을 이용하는 것입니다. 이 패널은 어떻게 찾느냐..네 저도 처음에 한참 찾았던 아픈 기억이 나네요 T^T;; 이녀석은 바로 보이지 않습니다. 오브젝트를 클릭하고 특정 키프레임을 콕~눌러주세요.



그러면 오른쪽에 나타날것입니다..하하 왜이렇게 숨어있는겨~!!



Common Properties 패널의 Value 값은 객체가 이동할 좌표값입니다. 저는 객체가 X축으로 450 이동하게끔 해놓았어요. 그리고 그 아래에 KeySpline 곡선이 나타나는데요..처음에 열면 반비례 모양의 직선으로 나타나있습니다. 아무값도 들어있지 않기 때문이죠. 그러나 저기 노란 핸들러를 드래그하여 이동해주면 KeySpline 곡선이 변형됩니다. 수치로 직접 입력할 수도 있구요.. 간단하게 말로 설명하자면 볼록한 부분은 느리게, 오목한 부분은 빠르게 움직입니다. 위의 그래프를 풀어보면 처음엔 느렸다가 갑자기 빨라지는 애니메이션이 연출되겠네요 ^_^;

아래의 예제는 똑같은 시간(1초)동안 다른 가속도로 움직이는 애니메이션 입니다. 오토바이를 클릭하여 차이를 느껴보세요~(음..느끼라니까 뉘앙스가 좀..- -;;) 원상태로 돌아가는 기능은 없습니다..-_-불편하더라도 지나간 녀석을 다시 눌러주세요.

Posted by 짱묜