트랜지션의 길이와 곡선은 모션 패널에서 정합니다.

모션 패널은 오른쪽 위 버튼 줄의 첫 번째, 곡선 모양 버튼으로 엽니다. 아무것도 선택하지 않았으면 지금 씬의 트랜지션을, 오브젝트를 선택했으면 그 오브젝트의 트랜지션을 고칩니다.

도구입문약 4분모든 모드

대상과 속성

패널은 곡선 모양 버튼을 다시 누르면 닫힙니다. 애니메이션 모드에서는 트랜지션이 있는 씬의 씬 목록 썸네일에 곡선 배지가 붙고, 그 배지를 눌러도 그 씬을 대상으로 열립니다.

대상

제목 아래에 지금 고치는 대상이 '씬: 이름'이나 '오브젝트: 이름'으로 보이고, 패널을 연 채로 선택을 바꾸면 대상도 바뀝니다. 씬의 트랜지션은 그 씬에서 다음 씬으로 넘어갈 때 쓰입니다.

선택 없음지금 씬
오브젝트 선택그 오브젝트
여러 개 선택선택한 것 모두에 한 번에
키프레임 선택키프레임 사이 · 제목이 모션 - 키프레임으로

대상패널을 연 채로 원을 선택하자 대상이 그 원으로 바뀝니다. 영상: 모션 패널이 '씬: New Scene'을 보여 주는 동안 캔버스의 원을 클릭하자, 대상이 '오브젝트: Ellipse 1'로 바뀌고 '씬에서 상속'과 '이징 · 300ms'가 보입니다.

속성

트랜지션을 줄 부분을 고릅니다. 목록의 이름은 영어 그대로 보이고, 자기 값이 있는 이름 뒤에는 •가 붙습니다. 씬에는 default와 style만 있습니다.

속성 목록의 이름과 그 이름이 움직이는 것
목록의 이름	움직이는 것
default	따로 정하지 않은 모든 것
transform	위치 · 회전 · 배율 · 기울이기 · 3D 회전
size	너비와 높이. 정하지 않으면 transform과 함께 움직입니다.
opacity	불투명도
style	채우기 · 선 · 효과, 패스 모양, 모서리 곡률. 씬의 style은 배경에도 쓰입니다.

에디터 탭

종류

없음 · 이징 · 스프링 가운데 하나를 고릅니다. 없음은 자기 트랜지션이 없다는 뜻입니다. 오브젝트는 그룹이나 씬의 트랜지션을 따르고, 어디에도 없으면 다음 씬의 모습으로 바로 바뀝니다. 키프레임을 골랐을 때는 없음 대신 스텝이 보입니다(키프레임 다루기).

이징곡선과 길이로 정하기
스프링강성 · 감쇠 · 질량으로 정하기
없음자기 트랜지션 없음

종류이징을 누르자 곡선이, **스프링**을 누르자 세 값이 나타납니다. 영상: 트랜지션 없음이던 모션 패널에서 이징을 누르자 곡선과 길이 칸이 나타나고, 스프링을 누르자 강성 · 감쇠 · 질량 슬라이더와 예상 길이가 나타납니다.

씬에서 상속

오브젝트에 자기 트랜지션이 없을 때 보입니다. 오브젝트는 씬의 트랜지션을 따르고, 그 요약이 '이징 · 300ms'처럼 보입니다. 재정의를 누르면 그 값을 불러와 이 오브젝트만 따로 고칠 수 있습니다.

곡선

이징의 빠르기를 그린 그래프로, 가로가 시간이고 세로가 진행입니다. 조절점 둘을 끌거나 x1 · y1 · x2 · y2 칸에 숫자를 넣어 바꿉니다. 세로로 1을 넘기면 목표를 지나쳤다가 돌아오고, 흐린 곡선은 저장된 곡선입니다.

끌기곡선 바꾸기
⌘+끌기격자에 맞추기
⇧+끌기가로나 세로로만

곡선위쪽 조절점을 더 위로 끌자 곡선이 1을 넘었다가 돌아옵니다. 영상: 이징 곡선의 위쪽 조절점을 위로 끌자 곡선 끝이 1을 넘었다가 돌아오는 모양이 되고, 아래 x2 · y2 숫자가 바뀝니다. 저장된 곡선은 흐리게 남습니다.

길이 · 지연

길이는 움직이는 시간, 지연은 출발하기 전에 기다리는 시간이고, 단위는 밀리초(1000 = 1초)입니다. 처음 켠 이징의 길이는 300입니다.

↩입력 마치기
esc입력 전 값으로

강성 · 감쇠 · 질량

스프링의 세 값입니다. 강성이 클수록 세게 당겨 빨리 움직이고, 감쇠가 작을수록 많이 출렁이고, 질량이 클수록 묵직합니다. 스프링은 길이를 정하지 않고, 멈출 때까지의 예상 시간이 길이 자리에 '~1430 ms'처럼 보입니다.

슬라이더 끌기값 바꾸기
숫자 입력정확한 값

**강성 · 감쇠 · 질량**감쇠를 낮추자 곡선의 출렁임이 커지고 예상 시간이 늘어납니다. 영상: 스프링의 감쇠 슬라이더를 왼쪽으로 끌자 곡선의 출렁임이 커지고, 길이 자리의 예상 시간이 늘어납니다.

최근

적용한 곡선과 스프링이 모입니다. 누르면 그 값이 패널에 들어옵니다. 우클릭 메뉴로 즐겨찾기에 넣거나 지울 수 있는데, 한국어 화면에서도 메뉴는 'Add to Favorites'처럼 영어로 보입니다.

클릭값 불러오기
우클릭즐겨찾기 · 지우기

미리보기

지금 패널의 값으로 다음 씬까지 트랜지션을 캔버스에서 재생하고 돌아옵니다. 저장하지 않은 값도 미리 볼 수 있고, 재생 중에는 버튼이 정지가 됩니다. 씬이 하나뿐이면 움직이지 않습니다.

클릭다음 씬까지 재생하고 돌아오기
정지멈추기

**미리보기**원이 다음 씬의 자리로 옮겨 간 뒤 처음 씬으로 돌아옵니다. 영상: 모션 패널에서 미리보기를 누르자 캔버스가 다음 씬으로 넘어가며 원이 오른쪽 자리로 옮겨 가며 커지고, 잠시 뒤 처음 씬으로 돌아옵니다.

적용 · 되돌리기

적용은 패널의 값을 대상에 저장합니다. 저장하지 않은 값이 있으면 적용이 강조되고 되돌리기가 나타나며, 되돌리기는 저장된 값으로 돌아갑니다. 없음을 고르고 적용을 누르면 트랜지션이 지워집니다.

템플릿 탭

템플릿

이름 붙은 곡선과 스프링 20개가 기본 · 부드럽게 · 표현적 · 경쾌 · 탄력 다섯 묶음에 있습니다. 하나를 누르면 에디터 탭으로 돌아와 값이 들어가고, 미리보기가 한 번 재생됩니다. '드러내기' · '퇴장' · '팝'도 빠르기만 바꾸는 곡선이고, 오브젝트를 나타나거나 사라지게 하지는 않습니다.

클릭값 불러오기 · 미리보기
우클릭즐겨찾기

**템플릿**템플릿 하나를 누르자 **에디터** 탭에 곡선이 들어가고 미리보기가 재생됩니다. 영상: 모션 패널의 템플릿 탭에서 오버슈트를 누르자 에디터 탭으로 돌아와 곡선과 길이 500이 들어가고, 캔버스에서 미리보기가 한 번 재생됩니다.

템플릿 검색

입력한 말로 템플릿을 걸러 냅니다. 한국어 이름과 영어 이름, '등장' · '묵직' 같은 낱말로 찾을 수 있습니다.

즐겨찾기

템플릿을 우클릭해 'Add to Favorites'를 고르면 목록 맨 위의 즐겨찾기 묶음에 모입니다. 최근과 즐겨찾기는 프로젝트가 아니라 지금 쓰는 브라우저나 앱에 남습니다.

제목 줄

복사 · 붙여넣기

제목 줄의 복사 버튼은 지금 패널의 종류 · 곡선 · 길이 · 지연을 기억합니다. 다른 씬이나 오브젝트로 대상을 바꾸고 붙여넣기를 누르면 그 값이 바로 적용됩니다.

복사지금 값을 기억
붙여넣기대상에 바로 적용

**복사 · 붙여넣기**첫 씬에서 복사한 트랜지션을 둘째 씬에서 **붙여넣기**로 바로 적용합니다. 영상: 둘째 씬을 대상으로 연 모션 패널에서 붙여넣기 버튼을 누르자, 트랜지션 없음이던 패널에 첫 씬에서 복사한 이징 곡선이 바로 적용됩니다.

오브젝트마다 다르게 움직이기

팁

한 오브젝트만 다르게. 그 오브젝트를 선택하고 재정의를 누른 뒤 값을 고쳐 적용하세요. 오브젝트의 트랜지션은 씬의 것보다 먼저 쓰입니다.

팁

하나씩 차례로 출발하게. 오브젝트마다 재정의를 누르고 지연만 0 · 100 · 200처럼 늘려 적용하세요. 같은 곡선으로 조금씩 늦게 출발합니다.

팁

그룹은 한 번에. 그룹을 선택해 트랜지션을 주면, 자기 트랜지션이 없는 그 안의 오브젝트도 같은 움직임을 씁니다.

적용을 누르기 전에는 저장되지 않습니다

종류를 누르거나 곡선을 끌거나 템플릿을 골라도 그 값은 패널에만 있고, 미리보기도 저장하지 않습니다. 이대로 패널을 닫거나 다른 오브젝트를 선택하면 고친 값이 사라집니다. 적용이 강조되어 있으면 눌러서 저장하세요.

이 페이지가 도움이 되었나요?

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