본문 바로가기

그래프 보기에서 움직임의 모양을 고칩니다.

타임라인의 줄은 언제 움직이는지를, 그래프는 어떻게 움직이는지를 보여 줍니다. 그래프 보기를 켜면 키프레임 줄이 시간에 따른 값의 곡선으로 바뀌고, 곡선 위에서 키프레임의 값과 빠르기를 고칠 수 있습니다.

도구중급약 4분애니메이션 모드웹데스크톱태블릿

그래프 보기그래프 보기 버튼을 누르자 키프레임 줄이 위치 X와 위치 Y의 곡선으로 바뀝니다. 영상: 타임라인 버튼 줄의 그래프 보기 버튼을 누르자 'Ellipse 1'의 키프레임 줄이 사라지고, 오르는 위치 X 곡선(파랑)과 내려가는 위치 Y 곡선(회색)이 그려집니다.

켜고 끄기

애니메이션 모드의 타임라인에서 씁니다. 키프레임이 있는 오브젝트를 선택하고 시작하세요. 아직 키프레임이 없다면 첫 애니메이션을 먼저 보세요.

그래프 보기

버튼 줄에서 키 추가 오른쪽, 축 안에 곡선이 그려진 버튼입니다. 누르면 오브젝트 줄이 숨고, 그 자리에 값의 곡선이 그려집니다. 다시 누르면 줄로 돌아옵니다. 눈금자 · 플레이헤드 · 타임라인 줌은 줄 보기와 함께 씁니다. 켜고 끈 상태는 브라우저에 기억됩니다.

  • 클릭켜기 · 끄기

선택을 따라가는 곡선

그래프는 선택한 오브젝트의 곡선을 그립니다. 여러 개를 선택하면 모두 함께 그려지고, 아무것도 선택하지 않으면 씬 자체(배경)의 키프레임이 그려집니다. 그래프에는 오브젝트 줄이 없으니, 다른 오브젝트를 보려면 캔버스에서 클릭하세요.

  • 캔버스에서 클릭그 오브젝트의 곡선
  • ⇧+클릭여러 오브젝트를 함께

아무것도 선택하지 않으면 그래프가 비어 있습니다

선택이 없으면 그래프는 씬의 곡선을 그리고, 씬에 키프레임이 없으면 '선택 항목에 애니메이션 트랙이 없습니다'만 보입니다. 캔버스에서 움직이는 오브젝트를 클릭하세요.

곡선 읽기

왼쪽 열

선택한 오브젝트의 이름 아래에 키프레임이 있는 값이 하나씩 놓입니다('위치 X' · '회전 Z' · '불투명도'…). 이름 옆은 그 값의 단위입니다. 이름을 누르면 그 곡선이 앞으로 나옵니다.

  • 이름 클릭그 곡선을 앞으로

파란 곡선과 회색 곡선

앞으로 나온 곡선 하나는 파랗게, 나머지는 회색으로 그려집니다. 회색 곡선은 첫 키프레임 옆에 이름이 붙고, 누르면 파란 곡선이 됩니다. 회색 곡선의 키프레임도 그대로 선택해 옮길 수 있습니다.

  • 회색 곡선 클릭파란 곡선으로
파란 곡선과 회색 곡선회색 위치 Y 곡선을 클릭하자 그 곡선이 파랗게 바뀌고, 세로축 눈금이 위치 Y의 값으로 바뀝니다. 영상: 회색 위치 Y 곡선을 클릭하자 그 곡선이 파랗게 바뀌고 위치 X 곡선은 회색이 되며, 세로축 눈금이 위치 Y의 값으로 바뀝니다.

가로축과 세로축

가로는 위쪽 눈금자와 같은 시간입니다. 세로는 파란 곡선의 값입니다. 위치처럼 길이를 재는 값은 px, 회전 · 기울이기는 °, 불투명도는 %, 배율은 숫자 그대로입니다. 곡선이 가파른 곳은 값이 빨리 바뀌고, 평평한 곳은 천천히 바뀌거나 멈춰 있습니다. 플레이헤드와 파란 곡선이 만나는 점이 그 시각의 값입니다.

스트립

채우기 · 선 · 효과 · 텍스트 · 패스 모양처럼 숫자 하나로 그릴 수 없는 값은 곡선 아래 띠로 놓이고, 왼쪽 열에서는 '스트립' 아래에 있습니다('Fill 1'…). 단색 채우기는 색이 바뀌어 가는 띠로 보입니다. 이 키프레임은 시각만 옮길 수 있고 값은 바꿀 수 없습니다. 이름을 누르면 바뀌어 가는 정도가 0–100% 곡선으로 그려집니다.

곡선 위에서 키프레임 고치기

키프레임 선택

곡선 위의 마름모를 클릭하면 선택되고, 플레이헤드가 그 시각으로 옮겨 갑니다. 빈 곳에서 끌면 상자 안의 키프레임이 모두 선택됩니다. 여러 개를 선택한 채 하나를 끌면 모두 같은 만큼 움직입니다.

  • 클릭선택
  • ⇧+클릭더하기 · 빼기
  • 빈 곳에서 끌기상자로 선택
  • 빈 곳 클릭선택 풀기

위아래 끌기

마름모를 위아래로 끌면 값이 바뀝니다. 처음 끈 방향으로 굳어지므로, 비스듬히 끌어도 시각은 그대로입니다. 옆 키프레임과 같은 높이에 가까워지면 가로 안내선과 함께 그 값에 달라붙습니다. 그 밖에는 px · ° · % 값은 정수로, 배율은 0.01 단위로 맞춰집니다.

  • 위아래로 끌기값 바꾸기
위아래 끌기끝 키프레임을 위로 끌자 곡선의 끝이 올라가고, 놓으면 원이 더 오른쪽에서 멈춥니다. 영상: 그래프에서 1초 키프레임을 클릭하자 플레이헤드가 1초로 가고, 위로 끌자 곡선의 끝이 올라가며 놓은 뒤 캔버스의 원이 더 오른쪽에 섭니다.

좌우 끌기

마름모를 좌우로 끌면 시각이 바뀝니다. 양옆 키프레임을 넘어가지 않으므로 순서가 바뀌지 않습니다.

  • 좌우로 끌기시각 옮기기
  • ⇧+끌기키프레임 · 정지점 · 눈금에 붙이기

키 시간 · 키 값

왼쪽 열 맨 위의 두 칸입니다. 키프레임을 하나 선택하면 그 시각과 값이 보입니다. 숫자를 입력하고 ↩ 키를 누르면 그 값으로 바뀝니다. 시간은 눈금 단위(ms · 프레임)를, 값은 곡선의 단위를 따릅니다.

곡선 더블클릭

파란 곡선을 더블클릭하면 그 자리에 키프레임이 생깁니다. 값은 곡선의 그 자리 값 그대로입니다. 하지만 새 키프레임 앞뒤 구간이 각각 이징을 다시 받으므로, 그 점에서 곡선이 평평해지고 움직임이 잠깐 느려집니다. 모양은 탄젠트 핸들로 다시 다듬으세요. 이미 있는 키프레임 바로 옆에서는 생기지 않습니다.

  • 곡선 더블클릭키 넣기
곡선 더블클릭곡선 가운데쯤을 더블클릭하자 키프레임이 생기고, 곡선이 그 점에서 평평해집니다. 영상: 파란 곡선의 0.5초 근처를 더블클릭하자 그 자리에 마름모가 생기고, 곡선이 그 점에서 평평해집니다.

탄젠트 핸들로 빠르기 다듬기

탄젠트 핸들

파란 곡선에서 키프레임을 선택하면 그 키프레임에서 선이 뻗고, 선 끝에 동그란 핸들이 붙습니다. 앞 구간 쪽이 들어오는 핸들, 뒤 구간 쪽이 나가는 핸들이라 첫 키프레임과 마지막 키프레임에는 하나만 있습니다. 핸들은 그 구간에서 움직임이 얼마나 빠르게 출발하고 도착하는지를 정합니다. 핸들을 끌면 곡선이 매끄럽게 이어지도록 반대쪽도 함께 움직입니다. 핸들을 키프레임의 높이 너머로 끌면 곡선이 그 값을 지나쳤다가 돌아옵니다. 여러 키프레임을 선택했으면 모두 같은 모양으로 바뀝니다.

  • 끌기양쪽 함께
  • ⌥+끌기이쪽만
  • ⇧+끌기가로나 세로로만
탄젠트 핸들들어오는 핸들을 키프레임보다 위로 끌자, 곡선이 끝 값을 넘었다가 내려와 멈춥니다. 영상: 1초 키프레임의 들어오는 핸들을 키프레임 높이보다 위로 끌자, 곡선이 끝 값을 넘어 올라갔다가 1초에 내려와 멈추는 모양이 됩니다.

이징 곡선과의 관계

핸들이 고치는 것은 그 구간의 이징 곡선이고, 구간의 곡선은 앞쪽 키프레임에 저장됩니다. 그래서 나가는 핸들의 곡선은 그 키프레임을, 들어오는 핸들의 곡선은 앞 키프레임을 더블클릭해 연 모션 - 키프레임 패널에 보입니다. 패널에서 고친 곡선은 적용을 눌러야 그래프에 나타납니다. 트랜지션 다듬기의 곡선 편집과 같은 원리입니다.

핸들이 듣지 않는 구간

스프링이나 스텝으로 바꾼 구간에는 핸들이 없습니다. 값이 같은 두 키프레임 사이는 핸들을 끌어도 휘지 않고, 반대쪽 구간의 곡선만 바뀝니다. 그 사이를 솟게 하려면 곡선을 더블클릭해 키프레임을 넣고 위로 끄세요. 핸들이 옆 키프레임에 붙어 있으면 핸들 대신 키프레임이 잡힙니다. 타임라인 줌 슬라이더로 가로를 넓힌 뒤 핸들을 끄세요.

보기 맞추기

그래프 값 줌

단축키 ⇧F

그래프 보기를 켜면 버튼 줄 오른쪽에 ↕ 표시가 붙은 슬라이더가 생깁니다. 끌면 세로축이 늘어나고 줄어듭니다. 더블클릭하거나 ⇧F를 누르면 곡선이 다시 그래프 높이에 맞춰집니다. 이 확대는 화면을 보는 설정이라 문서에 저장되지 않습니다.

  • 끌기세로로 늘이기 · 줄이기
  • 더블클릭 · ⇧F다시 맞추기
  • ⌘⇧+스크롤포인터 쪽으로 확대 · 축소
  • 가운데 버튼으로 끌기위아래로 옮기기

타임라인 줌

단축키 F

가로 폭은 줄 보기와 같은 슬라이더와 F 키로 맞춥니다.

이 페이지의 단축키

이 페이지의 단축키
그래프 값 축 맞추기⇧F
타임라인 화면에 맞추기F
그래프 값 축 확대 · 축소⌘⇧+스크롤
키프레임 더하기 · 빼기⇧+클릭
탄젠트 한쪽만 조정⌥+끌기
탄젠트를 가로나 세로로만⇧+끌기
이 페이지가 도움이 되었나요?

2026년 10월 15일에 고침 · 이 페이지의 영상은 현재 에디터로 녹화했습니다.

많이 찾는 것