5. 얼굴 XY 움직임

Cubism의 최신 Editor는 여기에서도 DL 할 수 있습니다

몸의 움직임을 붙이도록 해설한 「디포머」를 사용해, 얼굴을 상하 좌우로 향하게 하는 [각도 X] [각도 Y]의 움직임을 붙여 갑니다.
디포머를 추가하는 방법과 움직임을 붙이는 방법을 설명합니다.

기본 튜토리얼 목록

  1. 일러스트 가공
  2. 일러스트를 움직일 준비
  3. 표정을 짓자
  4. 몸을 움직이자
  5. 얼굴 XY 움직임
  6. 모션을 달자

일본어 버전 동영상 튜토리얼

영어 버전 동영상 튜토리얼

중국어 버전 동영상 튜토리얼

중국어 버전의 동영상 튜토리얼은 아래 URL에서 확인하세요.

https://www.bilibili.com/video/BV1Vq4y1K7HG?spm_id_from=333.999.0.0

동영상 내에 등장하는 「모모세 히요리」 완성 샘플 모델 ⇒ DL은 이쪽

 

동영상 복습

여기에서는, 얼굴을 상하 좌우로 향하게 하는 [각도 X] [각도 Y]의 움직임을 붙여 갑니다.
얼굴을 이해하면 몸에도 마찬가지로 움직임을 붙일 수 있습니다.

 

각도 XY에 대한 디포머 추가

먼저 이전에 작성한 모델에 XY용의 디포머를 추가해 갑니다만, 왜 XY용으로 디포머를 추가해 가는지 설명해 갑니다.

XY의 움직임을 눈썹에 디포머를 사용하지 않고 아트 메쉬에 직접 붙여 보겠습니다.
눈썹의 변형이 0인 상태에서 X의 움직임을 올바르게 붙인 것처럼 보이더라도 변형이 -1일 때의 각도 X의 0, +10, -10의 형상, 반대측의 변형 +1일 때 의 각도 X0, +10, -10의 모양… 등
여러 모양을 만들지 않으면 안됩니다. (3종류×3종류=9종류)
한층 더 Y의 움직임도 있으므로, 만들 필요가 있는 형상은 점점 늘어 버립니다. (3종류×3종류×3종류=27종류)
그렇게 되면 형태를 만드는데 시간이 걸리는데다 관리가 힘들어집니다.

디포머를 사용하면, 디포머에 대해서 파라미터를 붙일 수 있으므로, 각각의 형상을 만들 필요가 없어집니다.
또, 디포머를 사용하는 것으로 이하와 같은 이점도 있습니다.

  • 눈과 같은 여러 오브젝트를 함께 변형시킬 수 있다
  • XY의 변형을 퍼스의식을 하면서 붙일 수 있다

부모와 자식 관계 등, 디포머는 어려운 인상이 있을지도 모르지만, 유효하게 사용해 갑시다.

 

디포머 생성

얼굴 전체를 1개의 디포머에 넣는 것도 있습니다만, 파츠마다 개별적으로 만든 쪽이 시차를 내고 입체적으로 변형시키는 것이 가능하게 됩니다.
또, 세부의 조정도 쉬워지기 때문에 파츠마다 개별적으로 디포머를 만드는 것이 추천입니다.

컨투어 디포머 만들기

디포머를 만드는 방법은 이전 튜토리얼에서 설명한 것과 같습니다.
넣으려는 아트 메쉬를 선택하고 디포머를 만듭니다. XY에서는 워프 디포머를 사용합니다.
윤곽의 디포머는 베지어의 분할수가 2×3이 되도록 만들어 봅시다.

베지어 분할 수에 대해

베지어의 분할 수는, 세로 긴 것이 2×3, 가로 길이가 3×2, 종횡비가 같은 정도의 것은 2×2 또는 3×3으로 하는 것이 추천으로, 기본 이 4가지를 사용합니다.

베지어 분할 수를 변경하려면 인스펙터 팔레트에서 변경할 수 있습니다.
여기서 숫자를 늘리거나 줄이거나 자유롭게 변경할 수 있습니다.

눈 디포머 만들기

파츠 팔레트에서, 선택하지 않는 파츠에 잠금을 걸어 두면 디포머가 만들기 쉬워집니다.

눈은 좌우 따로따로 디포머를 만듭니다.
한눈의 속눈썹・안구・흰자를 정리해 선택해 주세요.
파츠 팔레트에서 선택해도 좋지만, 눈 이외의 파츠에 잠긴 상태라면 캔버스 위를 드래그하여 정리하여 선택할 수 있습니다.

다른 파츠보다 XY시의 변형을 세밀하게 조정하고 싶기 때문에, 베지어의 분할 수 3×3로 만듭니다.
디포머의 사이즈를 조정하고 싶을 때는, Ctrl을 누르면서 바운딩 박스를 변형시키면, 내용을 변형하지 않고 사이즈 조정을 할 수 있습니다.

안쪽의 컨트롤 포인트 4점이 눈을 둘러싸도록 하면 변형시키기 쉬워집니다.

다른 한쪽 눈도 마찬가지로 디포머를 만들어 봅시다.

 

코 디포머 만들기

코는, 점으로 쓰여지고 있는 것 같은 작은 것에 관해서는 베지어의 분할 수 2×2, 리얼 터치로 비근도 있는 것 같은 세로 긴 경우는 베지어의 분할 수 2×3으로 하면 변형시키기 쉽습니다.
위치는 코가 센터에 오는 위치로 합시다.

입 디포머 만들기

베지어의 분할 수 3×2의 디포머를 만듭니다.
입각에 컨트롤 포인트가 오도록 배치하면 변형시키기 쉬워집니다.

눈썹 디포머 만들기

베지어의 분할 수 2×2가 추천입니다. 눈처럼 좌우 따로따로 만들어 봅시다.
중간의 컨트롤 포인트가 눈썹 라인의 중간에 오도록 하면 변형시키기 쉬워집니다.

귀 디포머 만들기

귀에도 디포머를 만들어 봅시다. 눈이나 눈썹과 마찬가지로 좌우 따로따로 만듭니다.
베지어의 분할 수는 2x2입니다.
디포머는 파츠가 중심에 오는 위치에 배치합시다.

반대쪽도 마찬가지로 디포머를 만듭니다.

머리카락 디포머 만들기

머리카락은 이전에 만든 흔들림의 디포머 위에 디포머를 만들어 봅시다.

기존 디포머를 선택한 상태에서 워프 디포머 작성을 클릭하고 [선택한 오브젝트의 부모로 설정]을 선택하여 작성하면 새로 만든 디포머에 기존 디포머가 들어간 상태가 됩니다.

디포머를 만들 때는 부모의 디포머가 자식의 디포머보다 작아지지 않도록 주의해 주세요.

앞머리, 좌우 옆머리, 뒷머리에 각각 디포머를 만들어 봅시다. 베지어의 분할 수는 머리 길이에 따라 달라집니다.
길면 2×3, 짧은 경우는 2×2로 하는 것이 추천입니다. 이번은 앞머리만 2×2로, 그 외는 2×3로 만들고 있습니다.

이상으로 기본적으로 XY용의 디포머는 만들어 끝났습니다.
디포머 팔레트를 보면 얼굴 회전 중에 각 파츠마다 디포머가 만들어집니다.
제작 누출이 있던 파츠나, 리본 등 캐릭터 고유의 파츠가 있는 경우는, 그 파츠에도 디포머를 만들어 둡시다.

X 방향 움직임

만든 디포머를 선택하고 [각도 X]의 파라미터에 3점 추가합니다.
모든 파츠를 표시한 채로는 모양이 만들기 어려우므로, 다른 머리 파츠는 비표시로 해 윤곽만으로 합니다.

윤곽의 디포머를 선택해, 옆으로 조금 이동시켜, 형태를 만들어 갑니다.

모양을 만들 때는 파츠 자체의 모양은 별로 보지 않고, 디포머의 핸들을 퍼스를 의식해 변형시킬 때 깨끗한 형태를 만들 수 있습니다.
안쪽은 조금 가늘고, 앞은 넓어지도록 변형을 붙이면, 나머지는 기호의 형태로 미세 조정합니다.

화면 오른쪽을 향하는 움직임도 마찬가지로 만들어 봅시다.

코, 입, 눈썹, 눈, 귀, 머리카락의 디포머도 마찬가지로 움직입니다.
모두에 공통적인 변형의 요령은, 디포머는 퍼스를 의식해 변형시켜 안쪽이 조금 가늘고 앞이 넓어지도록 하는 것입니다.

또, 완성되는 가로 방향의 형상만을 보고 조정하는 것이 아니라, 파라미터를 움직였을 때의 변형의 움직임도 보면서 조정하는 것이 요령입니다.

 

Y 방향 움직임

Y 방향의 움직임은 X의 움직임에 사용한 디포머와 같은 것을 사용해 붙여 갑니다.
디포머를 선택하고 [각도 Y]의 파라미터를 선택하여 3점 삽입합시다.

X 때와 같이, 표시를 윤곽만으로 해 움직임을 붙여 갑니다.
움직임도 X와 같이, 퍼스를 의식하면서 디포머를 변형시켜, 안쪽이 가늘고 앞이 넓어지도록 해 갑니다.
또, Y의 경우는 조금 안쪽이 좁아지는 것 같은 변형으로 하면 좋다.

다른 파츠도 마찬가지로 움직여 갑시다.

 

대각선 얼굴 움직임

[각도 X] [각도 Y] 각각의 변형을 할 수 있었지만, 경사 방향의 움직임이 되어 있지 않은 상태이므로, 현재 경사를 향하게 해도 옆을 향한 채로 됩니다.
그 때문에 비스듬한 방향의 형상도 만들 필요가 있습니다만, 비스듬한 방향은 일부러 1로부터 만들 필요는 없고, 기능을 사용해 자동 생성하는 것이 가능합니다.

 

대각선 움직임 절차

각도 X의 파라미터를 클릭하면 옆에 작은 팝업이 나옵니다.
맨 오른쪽에 마우스를 올리면 파라미터의 조정이 표시되므로, 맨 위의 [선택]을 클릭하면 그 파라미터가 붙어 있는 오브젝트가 모두 선택됩니다.

선택 상태에서 파라미터 옆의 메뉴에서 [네 모서리 자동 생성]을 클릭합니다.

그러면 이와 같은 대화가 나옵니다.
[파라미터 1]에 [각도 X], [파라미터 2]에 [각도 Y]가 포함되어 있는지 확인합니다.
또한 옵션 대상이 [선택 오브젝트]로 설정되어 있는지 확인한 후 OK를 누릅니다.

이제 대각선 방향의 얼굴이 만들어졌습니다.
[각도 X] 파라미터의 왼쪽에 있는 체인 아이콘을 클릭하면 아래의 파라미터와 합체합니다.

이 상태에서 얼굴의 변형을 쉽게 확인할 수 있습니다.
파라미터를 빙글빙글 움직여 부자연스러운 부분이 있으면 조정해 갑시다.

 

이번 움직임은 이상으로 끝납니다.
[몸의 회전 X]에 관해서도, 얼굴과 같이 디포머를 추가해 만들 수 있습니다.

디포머의 실제의 움직임이나 해설하고 있지 않는 다른 부분에 관해서도 샘플 모델을 보면 이해가 깊어진다고 생각합니다.
또, 기능으로 모르는 부분에 관해서는 매뉴얼 사이트에서 기능별로 자세하게 해설되고 있으므로, 그쪽도 봐 봅시다.

전항 「4. 몸에 움직임을 붙이자」로 | 다음 항 「6. 모션을 붙이자」로

 

© 2010 - 2022 Live2D Inc.