Amazonプライム感謝祭開催中!セール会場へ

【Live2D】1時間で完成!1枚絵+差分で作るFaceRig用モデルの作成方法[分け無し・チュートリアル]

こちらのCGメソッドの記事では1時間で完成!1枚絵+差分で作るFaceRig用モデルの作成方法を紹介します!さくっと簡単にFaceRigモデルを作りたい人におすすめです! 完成形

1枚絵と差分から作成したFaceRig用モデルの完成形の動作例。

Puppet3の技術を応用してます。

目次

1枚絵Live2Dをの作成方法

STEP
1枚絵+表情差分の絵を用意します
用意した1枚絵と表情差分のイラスト一覧。
STEP
イラストのインポート

Live2D Cubism Editorを起動します。

起動したLive2D Cubism Editorの操作画面。
イラストをLive2Dへドラッグアンドドロップして読み込ませる操作画面。

そのまま先程のイラストを1枚、Live2Dへドラッグ&ドロップします。

イラストをLive2Dへドラッグアンドドロップして追加する様子。

表示されたダイアログでテクスチャを選択します。

イラスト追加時に表示されるダイアログでテクスチャを選択する画面。

他の3枚もLive2Dへドラッグ&ドロップします。

「すべてのレイヤーを新規アートメッシュとして追加」を選択します。

残りのイラストをドラッグアンドドロップし、新規アートメッシュとして追加する設定画面。

4枚のイラストが配置されました。

Live2Dのキャンバス上に4枚のイラストが配置された状態。
STEP
下準備

4枚のパーツをすべて選択し、「インスペクタ」パレットで不透明度を0%に設定します。

インスペクタパレットでパーツの不透明度を0パーセントに設定する画面。

今回は2つのパラメータのみ使用します。

「左目 開閉」と「口 開閉」を上部にドラッグ&ドロップして並べ替えておきます。

パラメータパレットで左目開閉と口開閉を上部に並べ替えた状態。

次に2つのパラメータを選択した状態で、パラメータパレット上部の「2キー」アイコンをクリックしてキーを作成します。

「左目 開閉」の鎖アイコンをクリックして結合すると、2つのパラメータが統合された2面のスライダーで表示されます。

左目開閉と口開閉の2つのパラメータを結合して2面スライダーにした状態。
STEP
不透明度の設定

パラメータの各キー位置を選択し、対応する表情イラストの不透明度を100%に設定します。

各パラメータのキー位置に合わせて表情イラストの不透明度を100パーセントに設定する画面。

・目閉じ・口閉じのイラストを選択:左下のキー位置に合わせて不透明度を100%にする。

・目閉じ・口開きのイラストを選択:左上のキー位置に合わせて不透明度を100%にする。

・目開き・口閉じのイラストを選択:右下のキー位置に合わせて不透明度を100%にする。

・目開き・口開きのイラストを選択:右上のキー位置に合わせて不透明度を100%にする。

STEP
微調整

[memo title=”ポイント”]

表情の切り替わりをきれいに見せるための微調整を行います。

このままだと中間値で不透明度50%同士が重なり、半透明で表示が崩れて見えるため、自然に切り替わるよう調整します。

[/memo]

切り替えのベース表示用として、5枚目のイラストを用意します。

切り替えのベース表示用として用意した5枚目のイラスト。

この画像をベース用パーツとしてキャンバスへ追加します。

(パラメータへのキー割り当ては不要、描画順は300に設定)

ベース用パーツをキャンバスへ追加した画面。

重なりをスムーズに切り替えるため、以下の通り描画順と不透明度を設定します。

・「目閉じ・口閉じ」のイラストを選択し、左上のキー位置で描画順を400・不透明度を100%に設定する。

・「目開き・口閉じ」のイラストを選択し、右上のキー位置で描画順を400・不透明度を100%に設定する。

描画順を400、不透明度を100パーセントに設定して表示崩れを防ぐ調整画面。
STEP
完成

Live2D側の設定は完了です。

続いてFaceRigへ組み込むための書き出しと登録を行います。

1枚絵Live2Dを書き出して、FaceRigに登録する

STEP
テクスチャアトラスを作成します

メニューの「モデリング」>「テクスチャ」>「テクスチャアトラス編集」を選択します。

テクスチャサイズを指定し、「OK」をクリックします。

テクスチャアトラス編集でサイズを指定する画面。
STEP
書き出し

メニューの「ファイル」>「組み込み用ファイル書き出し」>「moc3ファイル書き出し」を選択し、SDKのバージョンを指定して書き出します。

STEP
FaceRig用のフォルダに格納

C:\Program Files (x86)\Steam\steamapps\common\FaceRig\Mod\VP\PC_Common\Objects\neko_1mai

「neko_1mai」というフォルダを作成し、書き出したファイル群を下記のように配置します。

FaceRigの指定フォルダ内に書き出したファイル群を配置した様子。

※テキストエディタ等で設定ファイル(.cfg)を作成し、キャラクター名表示用の記述を追加しておきます。

キャラネーム表示用設定ファイル:「cc_names_neko_1mai.cfg」

set_friendly_name neko_1mai txt_nameKoharu
set_avatar_skin_description neko_1mai default txt_descLive2dAvatar3

サムネイル画像ファイル:「ico_neko_1mai.png」

FaceRigへの詳細な登録手順は以下の関連記事を参照してください。

以上です。

ちなみに切り替わり具合はFaceRigの方でも調整できます。

FaceRig上でモデルの動作や切り替わりを確認している画面。

1時間で完成!1枚絵+差分で作るFaceRig用モデルの作成方法まとめ

完成したFaceRig用モデルの動作アニメーション。
Live2Dモデルを即つくりたいのであれば、このやり方が一番はやいです。 そしてデータも軽い! もしちょっと簡単なLive2Dモデルを自作してみたいのであればお試しください。 ちなみに今回のモデルはこちらから購入できます。 https://nizima.com/item/detailitem/4890 もしnizimaに登録していない方はこちらから登録ができます。

Live2Dでのモデル制作は、ほかにも書いています。

よくある質問:1枚絵+差分でFaceRig用モデル

この方法は、どんなモデルの作り方ですか?

1枚絵と表情差分の絵を使って、Live2D(Puppet3の技術を応用)でFaceRig用モデルを作る方法です。記事は、さくっと簡単にFaceRigモデルを作りたい人におすすめ、Live2Dモデルを即つくりたいのであればこのやり方が一番はやく、データも軽い、と説明しています。

何を用意しますか?

1枚絵と表情差分の絵(記事では目閉じ・口閉じ、目閉じ・口開き、目開き・口閉じ、目開き・口開きの4枚)を用意します。Live2D Cubism Editorを起動して、イラストをドラッグ&ドロップで取り込みます。

イラストの取り込みと下準備は、どうしますか?

1枚をドラッグ&ドロップしてダイアログでテクスチャを選択し、他の3枚もドラッグ&ドロップして「すべてのレイヤーを新規アートメッシュとして追加」を選択します。4枚のパーツをすべて選択して、「インスペクタ」パレットで不透明度を0%に設定します。使うパラメータは「左目 開閉」と「口 開閉」の2つだけで、上部に並べ替え、2つを選択した状態でパラメータパレット上部の「2キー」アイコンでキーを作成し、「左目 開閉」の鎖アイコンで結合して2面のスライダーにします。

不透明度は、どう設定しますか?

パラメータの各キー位置を選択し、対応する表情イラストの不透明度を100%にします。目閉じ・口閉じは左下、目閉じ・口開きは左上、目開き・口閉じは右下、目開き・口開きは右上のキー位置に合わせます。

表情の切り替わりが崩れて見えるときは?

このままだと中間値で不透明度50%同士が重なり、半透明で表示が崩れて見えるため、自然に見えるよう微調整を行います。「目閉じ・口閉じ」のイラストは左上のキー位置、「目開き・口閉じ」のイラストは右上のキー位置で、描画順を400・不透明度を100%に設定します。

FaceRigへの書き出しと登録は、どうしますか?

「モデリング」>「テクスチャ」>「テクスチャアトラス編集」でテクスチャサイズを指定してOKし、「ファイル」>「組み込み用ファイル書き出し」>「moc3ファイル書き出し」でSDKのバージョンを指定して書き出します。「neko_1mai」というフォルダを作成して書き出したファイル群を配置し、テキストエディタ等で設定ファイル(.cfg)を作成してキャラクター名表示用の記述を追加します(記事では「cc_names_neko_1mai.cfg」とサムネイル画像「ico_neko_1mai.png」)。FaceRigへの詳細な登録手順は関連記事を参照してください、としています。

今も、この手順で使えますか?

記事はFaceRig用のモデルの作成方法で、切り替わり具合はFaceRigの方でも調整できる、としています。FaceRigやLive2D Cubism Editorのメニュー名・対応状況は変わることがあるので、現在の最新の手順は各公式で確認してください。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

VTuberのおすすめ書籍

配信PCの選び方

配信機材の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次