Live2Dでの口の作り方を簡単なものからプロ仕様まで3種ためしてみた

Live2D制作もしているイラストレーター、さらえみ(@saraemiii)です。

喋らせたいからもちろん「口」もちゃんと作りたい!だけど難しそう。

さらえみ

私も最初に難関だったのがこの「口」作りでした💦

そこで難易度別にいろんな口パクの作り方を試してみました。

Live2Dモデル作成の全体の流れはこちら

目次

超簡単!フェードで切り替える作り方

細かいことは考えずに簡単に口パクを作る方法です。

実際に動かしてみた

実際にVTuberのようにWEBカメラに連動させると、こんな感じに動きます。

パカパカ感は否めませんが、パーツが少なくとても手軽に短時間で作れる方法です。

パーツを用意

2つのパーツを用意

閉じ口と開き口の2つだけのパーツ素材を用意。

メッシュを付ける

①2つのパーツを選択して
②「auto」でメッシュの自動生成
③自動でこんな風にメッシュができます

2パーツを選んで、メッシュの自動生成をクリック。

パーツごとにメッシュが付けられます。

パラメータとの紐付け

「キーの2点追加」
「口 開閉」に2点追加されます

パーツを選択しままま、パラメータ「口 開閉」を選び「キーの2点追加」をクリックして、両端2点を付けます。

「キーフォーム編集」を押す

パラメータ「口 開閉」を選んだまま「キーフォーム編集」をクリック。

「キーフォーム編集」ウィンドウ
パラメータのキーがこのように

「キーフォーム編集」ウィンドウにて、口が閉まる予定の「0.0」の隣「0.05」に点を打ちます。

キーの追加は、パラメータの数値をクリックして出現するパネルでも可能ですが、細かく指定したい場合は「キーフォーム編集」が確実です。

「0.1」キーを選んで
「開き口」を「閉じ口」に合わせて成形

パラメータのキーが3点になりました。

先程追加したキー「0.1」の時「開き口」パーツを「閉じ口」に近い形に成形します。

不透明度で切り替えを作る

「0.1」キー
「1.0」キー
「閉じ口」が不透明度0%

「インスペクタ」ウィンドウでパーツの不透明度が変更できます。

「口 開閉」パラメータの「0.1」と「1.0」の時の「閉じ口」を不透明度「0%」にします。

「0.0」キー
「開き口」が不透明度0%

同様に「0.0」の時の「開き口」の不透明度を「0%」にします。

これでパラメータの赤い点を移動させると、口パクするようになっているはずです。

唇に口内を収納するオーソドックスな作り方

VTuber用にモデルを作成する時に、誰もがよくやる一番有名な方法です。

実際に動くとこんな感じ

実際にVTuberのようにWEBカメラに連動させると、こんな感じに動きます。

リアルに口の形が変わり、滑らかに口が動いています。

パーツを用意

口のパーツ分け

肌色のついた上唇、肌色のついた下唇、口内と舌と影を用意しました。

こだわりたい人は歯のパーツも用意します。

上唇のポイント
下唇のポイント

上唇も下唇も、口内を隠しやすいよう肌色部分を、線よりはみ出し気味に盛ります。

線の端、接続部分は肌色で潰さないほうが、後で成形しやすかったです。

メッシュをつける

パーツを選択
「auto」でメッシュの自動生成

パーツを選択して、ひとまず「メッシュの自動生成」→「変形度合い(小)」で各パーツにメッシュを付けます。

上唇・下唇は複雑な形に変形するので、手動でメッシュを引き直します。

「メッシュの手動編集」

上唇のパーツを選び、「メッシュの手動編集」でメッシュを編集出来る状態にします。

自動でつけたメッシュを
全選択すると赤線になります

メッシュを全選択して「Delete」で一度メッシュを全部消去します。

メッシュが赤線にならないまま動かしてしまうと、パーツ自体が変形してしまうので注意!

「ツール詳細」

「ツール詳細」ペンを選び…

手動で赤い点線部分を引く

ひとまず外周(赤い点線部分)を引きます。

「自動接続」

「自動接続」を押すと…

青かった線も赤い点線に

自動的にメッシュが繋がります。

これを繰り返して「下唇」もメッシュを引き直します。

手動でのメッシュの引き方例

①主線をなぞって
②主線と肌色の輪郭を囲むように
①主線をなぞって
②主線と肌色の輪郭を囲むように

厳密にこの通りでなくても問題ないですが、主線と肌色の輪郭を囲むようにメッシュを引きます。

パラメータとの紐付け

メッシュが引けたらパーツをパラメータと紐付けていきます。

パラメータ「口 開閉」

パーツを選択したままパラメータ「口 開閉」を選びます。

「キーの2点追加」
2点追加されます

パラメータ「キーの2点追加」をクリックして「口 開閉」に緑色の2点を付けます。

閉じ口と開き口を成形する

パラメータにキー2点が付いたら、それぞれのキーに口の形を付けていきます。

「変形パスツール」
下唇の変形パス例

メッシュだけで成形するのは大変なので「変形パスツール」を使って、下唇の主線をなぞり輪郭を囲むように「変形パス」を引いていきます。

メッシュや変形パスを使って、以下のように閉じ口と開き口を作っていきます。

パラメータ「0.0」は閉じ口に成形
パラメータ「1.0」は開き口に成形

下唇は、パーツを描く際に大きく開いた口に合わせたほうが、線が縮まなくて済みます。

編集レベル

「変形パス」のせいでメッシュがいじりにくい時は、編集レベルを「1」にするとメッシュだけの表示になります。

「変形」パラメータに困り口を作成

続いて「口 変形」に困り口の表現も入れていきます。

トラッキングソフトによっては、この困り口までは対応していないものもあります。

キーの3点追加
「口 変形」に3点が追加

パラメータ「口 変形」を選択したまま「キーの3点を追加」を押し、キーを3つ打ちます。

以下のように、「-0.1」をへの字口、「1.0」を口角上げた笑顔口に変形させていきます

「-0.1」はへの字口
「0.0」は変形させません
「1.0」は口角上げた形に

ここまでで完成です。

さらえみ

本で学んだのがこの方法でしたが、プロの間では下のようにもっと手のこんだ作り方がありました。

プロ仕様!「あいうえお」母音別に口を作る

母音別に口を作ると「あいうえお」の口の形にモデルが連動するようになり、リップシンクや歌唱表現が豊かになります。

さらえみ

界隈で有名なこのパターンから色々派生しているようです。今回はこれを元に試作してみます。

パーツ作成
上唇のメッシュ
下唇のメッシュ

パーツ分けと、メッシュ作成や変形パスは、先述と同様に進めます。

パラメータにキーを打つところから独自の作業になります。

キーフォーム編集
4点打ちます

パーツを選択しパラメータ「口 開閉」上図のような4点を打ちます。

「口 開閉」に4点打ちました

「口 開閉」にキーが打てたら…

「口 変形」には、キーを3点追加

「口 変形」にはキーを3点打ちます。

左上のクリップをクリック

両方打てたら、左上のクリップマークを押します。

パラメータが結合されます

すると、このように上下のパラメータが結合されます。

この点ごとに口を成形していきます。

全て手動で成形するのは大変なので…

Live2Dでは、形状をコピペできる

選択したパーツ+キーの形状コピー&ペーストできます。

これを上手く使って成形していきます。

試作したモデルでは、下図のようになりました

画像はクリックで拡大します。

「い」
「お」
「あ」
「う」
「お」の小さい形
「え」
あわわ
「う」
「い」
小さい閉じ口
閉じ口
大きめの閉じ口
Live2Dパラメータで動かすとこんな感じ

これで「あいうえお」の口の形に合うモデルが出来上がります。

実際に動くとこんな感じ

実際にVTuberのようにWEBカメラに連動させると、こんな感じに動きました。

口の形状に丸みも加わり、感情表現が増え、人間らしさが伝わってきます。

さらにクオリティアップさせるには

口の造形に気を配る

Live2Dモデルの中でも口パーツは、描いた絵をかなり変形させるので汚く失敗しがちです。

特に上唇と下唇は、パーツを描く時から肌色部分や形状を考えておくとそのあとの成形もとてもスムーズになります。

メッシュを伸ばしすぎた例
「Animaze」で割れた下唇

トラッキングソフト「Animaze」を使用した時に下唇が割れてしまう時がありました。

閉じ口を作成する時に、メッシュを上に伸ばしすぎた線が浮き出ている状態でした。

一応、念の為、メッシュは無理に伸ばしすぎないように成形しておいたほうが良さそうです。

さらえみ

これはすごく拡大した時にちらっと見えるくらいなので、そこまで気にしなくても問題無いとは思います。

舌の動きを考える

口内の舌も開閉に合わせて動かすほうがよりリアルな表現になります。

舌の見え方

舌は下顎に乗っているものなので、おおまかに表現すると上図のような形に見え方が変わります。

単に拡縮するのではなく、この形を意識してみるとちょっとしたクオリティアップになります。

歯も作る

キャラクターデザインによりますが、「舌」同様に「歯」も付けると、情報量が多くなり印象が強くなります。

顎も動かす

口の開閉にあわせて輪郭の下顎も少し動くとリアルな表現になります。

「輪郭」パーツをメッシュ化+ワープデフォーマ化します。

輪郭のワープデフォーマ

パラメータ「口 開閉」に紐づけて、ワープデフォーマの下部分だけ口に合わせて動かします。

顎も一緒に動く

するとこんな感じに動くようになります。

Live2D公式の解説はこちら

目がメインですが、口についても解説されています。

自然でクオリティの高い動きには手間もかかる

Live2D界も奥が深いので、紹介した方法以外にも効率化やクオリティアップの方法が開発されていると思います。

他のLive2Dクリエイターさんのノウハウも大変勉強になります。

さらえみ

「母音別に口を作る方法」だけで、ざっと調べただけでも3通りもありました…💦

よく動きよく使うパーツなので、より綺麗に見えるよう多くのクリエイターに試行錯誤されまくっています。

綺麗で作りやすいLive2Dモデル目指して私も学んでいきます。

初心者向け「まず1体を作りたい!」という人はこちらへ

あわせて読みたい
初心者でも大丈夫!Live2DでVTuberモデル制作の始め方 Live2D制作もしているイラストレーター、さらえみ(@saraemiii)です。 Live2DでVTuberモデルを作りたくても、初めてだと何からはじめたら良いかわかりにくいですよね。 ...
目次