topic난이도 · 약 15

Speed Graph vs Value Graph

속도 그래프와 값 그래프 — 같은 모션을 두 가지 시점으로 읽는 법.

#Speed Graph#Value Graph#Graph Editor
왜 배우는가

Graph Editor에는 두 가지 모드가 있고, 각각 다른 정보를 보여준다. Speed Graph는 '얼마나 빠른가'를, Value Graph는 '값이 어떻게 변하는가'를 보여준다. 둘 다 읽을 줄 알아야 프로페셔널 모션 디자이너다.

AE의 Graph Editor 하단에 두 아이콘이 있다: Speed Graph(속도)와 Value Graph(값). 기본값은 Speed Graph이며, 같은 키프레임이라도 모드에 따라 곡선 모양이 완전히 다르게 보인다.

동일한 모션을 Value Graph와 Speed Graph로 동시에 읽어보세요
구분Speed GraphValue Graph
Y축속도 (pixels/sec 등)속성값 (px, %, °)
높을수록빠르게 움직임값이 큼
기울기 의미가속도속도
Easy Ease 모양산 모양(↗↘)S자 커브
주 사용처속도 변화 직관적 파악값의 흐름 전체 파악

Speed Graph의 함정: Speed Graph에서 곡선이 0에 닿으면 '멈춤'을 의미한다. 키프레임 지점에서 0이 되는 것은 정상(출발/도착 시 멈춤)이지만, 중간에 0에 닿으면 의도치 않은 일시 정지가 발생한 것이다.

실전 추천: 속도감을 다듬을 때는 Speed Graph, 오버슛이나 바운스처럼 값의 변화 패턴을 디자인할 때는 Value Graph를 쓴다. 숙련자는 두 모드를 수시로 전환하며 작업한다.

모드 전환 단축키: Graph Editor 내 하단 아이콘 클릭, 또는 'Edit Value Graph / Edit Speed Graph' 토글. Position은 기본이 Speed Graph로 열리고, Rotation이나 Opacity는 Value Graph가 더 직관적이므로 전환해서 쓰는 것이 좋다.

실기 드릴 1문항
check_circle실기 드릴 · OX

Value Graph에서 곡선의 기울기가 급할수록 해당 구간의 속도가 빠르다.