6. 애니메이션 생성

Cubism의 최신 Editor는 여기에서도 다운로드 가능합니다

애니메이션 모드로 전환하고 만든 모델에 모션을 적용해 갑니다.
여기에서는 애니메이션 모드의 기본 조작 방법을 설명합니다.

기본 튜토리얼 목록

동영상 튜토리얼

아래는 동영상 내의 설명이 보다 상세하게 해설된 매뉴얼 링크입니다.

동영상 내에서 사용하고 있는 「Momose Hiyori」 완성 샘플 모델 ⇒ 다운로드

동영상 복습

여기에서는 모델에 모션을 적용하는 조작을 설명합니다.
모션을 적용하면 모델이 더욱 매력적이 되기 때문에, 여기에서 사용법을 기억합시다!

편집 모드의 종류

Live2D Cubism에는 모델링 모드와 애니메이션 모드의 두 가지가 있습니다.
모델링 모드로 일러스트에 동작을 적용하고 애니메이션 모드로 만든 모델에 모션을 적용해 갑니다.

이번에는 애니메이션 모드를 해설합니다.
모드는 Editor의 왼쪽 상단에 있는 [Modeler][Animator] 아이콘을 누르면 전환됩니다.

모델 불러오기

애니메이션 모드로 전환하면 움직이려는 모델 파일을 불러옵니다.
화면 하단의 타임 라인 팔레트에 모델 데이터를 드래그 앤 드롭합니다.

모델이 로드되면 새 장면이 추가되고 캔버스에 모델이 표시됩니다.

모델 크기 조정

모델의 크기를 조정하려면 타임라인의 [배치 & 불투명도] 탭을 열고 [배율]에서 모델의 크기를 조정합니다.

또는 캔버스의 바운딩 박스에서 변경할 수 있습니다.

캔버스 크기 조정

캔버스의 사이즈는 신규 작성 시는 1280*720의 사이즈로 되어 있으므로, 조정하고 싶은 경우는 인스펙터 팔레트 내의 [사이즈]에서 조정할 수 있습니다.

키 프레임 설정

모델 배치가 완료되면 타임 라인 팔레트에 있는 보라색 모델 트랙의 [Live2D 파라미터] 탭을 엽니다.
열면 모델링 모드에서 붙인 파라미터가 표시됩니다.
이 파라미터의 슬라이더를 움직이면 타임 라인상에 그 수치로 키 프레임이 찍혀 갑니다.

[키 프레임]은 타임라인에 찍힌 점을 말합니다.
시험삼아 파라미터를 움직여 여러 키 프레임을 찍어 나갑시다.
키를 찍은 상태에서 타임 라인 팔레트 내 상단의 재생 버튼을 누르면 키 프레임 사이가 자동으로 중간 분할되어 애니메이션 하는 것을 알 수 있습니다.

트랙 바, 작업 영역 설정

애니메이션 했지만, 도중에 모델이 사라져 버렸습니다.

타임라인에 있는 보라색 바는 트랙이라고 하며 타임라인에서의 모델 표시 범위입니다.
트랙이 장면 전체 길이보다 짧기 때문에 모델이 중간에 사라지게 되어 있습니다.

만약 장면 전체에서 동일한 모델을 계속 표시하려면 트랙 끝을 드래그하여 장면 가득히 늘립시다.
장면 자체의 길이는 [Duration:]이라는 문자열의 왼쪽 부분을 왼쪽이나 오른쪽으로 드래그하여 변경할 수 있습니다.

장면을 늘릴 때 작업 영역도 함께 늘리지 않으면 재생할 때 확인할 수 없습니다.
오렌지색 바가 작업 영역의 범위이므로 끝까지 모션을 적용하려면 작업 영역을 장면 가득히 늘립시다.

다시 재생하면 모델이 중간에 사라지지 않고 끝까지 표시됩니다.

키 프레임 설정 유형

타임라인에 키 프레임을 찍는 방법은 파라미터를 움직이는 것 외에, 파라미터 옆의 수치를 입력함으로써 키 프레임이 찍힙니다.

또한 타임라인에서 [Ctrl]을 누른 상태에서 클릭해도 키 프레임을 찍을 수 있습니다.
[Ctrl]을 누른 상태라면 파라미터 단위로도 찍을 수 있고, 녹색 바 위를 클릭하면 파라미터 모두에 일괄적으로 키 프레임을 찍을 수도 있습니다.

키 프레임을 지우는 방법은 [Ctrl]을 누른 상태에서 지우려는 키 프레임을 클릭하거나, 키 프레임을 선택하고 [Delete]를 눌러 지울 수 있습니다.

또한 키 프레임은 여러 개 선택할 수 있으며 한꺼번에 이동하거나 지울 수 있습니다.
타임라인을 드래그하면 선택한 부분이 연하고 파랗게 됩니다.
이 상태에서 키 프레임 위에 마우스를 올리면 마우스 옆에 화살표가 표시되므로 그 상태로 옆으로 드래그하여 키 프레임을 이동시킬 수 있습니다.