모델 표시

업데이트： 2020/10/29

Adobe After Effects에서 직접 Cubism 모델을 표시하는 방법을 설명합니다.

모델 표시

【STEP 1】 설치

「Cubism AE 플러그인」을 설치합니다.

1. 설치 프로그램을 다운로드합니다.
2. Cubism AE 플러그인을 설치합니다.

【STEP 2】 Cubism 모델링 뷰에서 모델 데이터 내보내기

대상 모델 데이터(.moc3)를 내보냅니다.
자세한 내용은 「임베디드용 데이터」를 참조하십시오.

【STEP 3】 After Effects로 Cubism 모델 불러오기

After Effects로 이동합니다.
Cubism 모델을 로드하는 방법에는 두 가지가 있습니다.

①프로젝트 패널에서 로드하는 방법
새 컴포지션을 만듭니다.
(프로젝트 패널 → 오른쪽 클릭 → 새 컴포지션 생성)

Cubism 모델을 로드합니다.
프로젝트 패널 ⇒ 오른쪽 클릭 ⇒ 불러오기 ⇒ Import Live2D Cubism Model

조금 전에 내보낸 [.model3.json] 파일을 선택하여 프로젝트 패널로 가져옵니다.

[.model3.json] 파일을 로드하면 프로젝트 패널에 [.cae] 파일이 생성됩니다.

②드래그＆드롭으로 로드하는 방법
조금 전에 내보낸 [.model3.json] 파일을 프로젝트 패널로 직접 드래그 앤 드롭합니다.

[.model3.json] 파일을 로드하면 프로젝트 패널에 [.cae] 파일이 생성됩니다.

【STEP 4】 컴포지션 패널에 Cubism 모델을 표시한다

[.cae] 파일을 타임라인 패널로 드래그 앤 드롭합니다.

타임라인에 로드된 레이어를 선택하고 효과에서 [Live2D Cubism Renderer]를 클릭합니다.
메뉴의 효과 → Live2D → Live2D Cubism Renderer

아래 그림과 같이 After Effects의 컴포지션 패널에 Cubism 모델이 표시되었습니다.

.model3.json 파일을 읽을 때의 주의점

[립싱크]나 [눈 깜빡임]과 같은 이펙트는 After Effects에서 재현할 수 없습니다.
모션 데이터를 내보낼 때 [립싱크와 눈 깜빡임을 모션에 베이크]에 체크를 합시다.

환경 구축용 스크립트 활용

※Live2D Cubism 4 AE Plugin R3 beta1로 「AutoFit」 기능을 구현했기 때문에 환경 구축용 스크립트는 폐지했습니다.

현재 플러그인은 효과를 적용한 후에는 레이어 범위 밖에 모델이 그려지지 않습니다.
이 문제가 발생하면 환경 구축용 스크립트를 활용하여 레이어 범위 밖에 모델을 그립시다.

환경 구축용 스크립트의 적용 방법

※Live2D Cubism 4 AE Plugin R3 beta1로 「AutoFit」 기능을 구현했기 때문에 환경 구축용 스크립트는 폐지했습니다.

[.cae] 파일을 타임라인 패널로 드래그 앤 드롭합니다.

위 그림과 같이 대상 레이어를 선택한 상태에서 환경 구축용 스크립트를 적용합니다.
파일 메뉴 → 스크립트 → apply_Live2D_fx.jsx

스크립트를 적용하면 [범위 확장] 효과가 자동으로 생성됩니다.

적용 직후, 범위 확장의 픽셀값은 0으로 설정되어 있기 때문에 레이어가 모두 그려질 수 있는 곳까지 값을 올려 봅시다.

환경 구축용 스크립트 사용 시 주의사항

환경 구축용 스크립트를 사용하는 경우는 이하의 점에 주의해 주세요.

• 범위 확장 효과는 취급하는 픽셀 수가 늘어난 만큼 그리기가 무거워집니다.
  Cubism의 모델은 모션 시에도 기본적으로 레이어에서 벗어나지 않도록 만드는 것이 좋습니다.
• 조정 레이어로 사용하는 경우 다른 효과를 Cubism 레이어에 적용하지 못할 수 있습니다.
  조정 레이어를 사용할 때는 범위 확장 효과의 효과가 무효화되므로 모델이 그리기 범위에서 벗어나지 않도록 주의해 주십시오.