デフォルメの目、「(><)」のレイヤーを切り替える方法を模索中

Live2D GIMP >< Live2D
本ブログは独自に商品やサービスを紹介しております。また記事内には広告が含まれます

配信用モデルをLive2Dで作成中です。修行中とも言いますか。

表情づくりの一環として、

(。>﹏<)

↑↑
こういう目を作りたい。

大きな変化をつける場合、すでに出来上がっている「閉じた状態のまつげ」からパーツを変形させていくのは茨の道です。アートメッシュをぽちぽち打ち込んで分割したりデファーマでひん曲げていくよりは、新しく描いたほうが早いです。

つまり、別レイヤーを用意して、変形ではなく切り替えをおこなうのです。

で、最終的に出来上がったのがこんな感じ。ランダムモード。満足度は70点くらいです。

Live2D GIMP ><
天体のメソッド』の古宮乃々香をトレスしました©霧弥湖町観光協会

この「(><)」ふうのリアクション自体は飛び道具のようなものとして使用するため、間のナチュラルな変化はすっとばしてぱっと出てくる漫画的な表現で問題ないと思います。少なくとも私はそれでいい。

私なりの急ごしらえですが、参考になれば真似してください。使用ソフトはGIMPですが、クリスタでもLive2Dで読み込んでからの作業は同じです。

Live2D公式のトラッキングアプリ「nizima LIVE」【nizima】からリリースされました。PCでもiPhoneでも、アカウントを作るだけで無料版が体験できます!

早速無料版から体験するもよし。

DMM TVはアニメと舞台が強いですね

GIMPでデフォルメした目「(><)」を描こう

早速GIMPを起動して、「><」のレイアーを描き描きします。

デフォーマで曲面に少し変化をつける程度であれば、そこまでディテールに拘らず、左右の長さとバランスだけ違和感がないかチェックするぐらいでいいでしょう。

Live2D GIMP ><

片方を作って反転させてもいいですし、ささっと両サイド描くでもよろし。

ちなみに、黒い部分だけ描いたレイヤーだと、Live2Dに持ち込んだときに元々ある目のパーツと重なってごっちゃになる恐れがあります。

こういった事態にならないように回避する手段は

  • レイヤーの描写順で重なりを調整する
  • パラメータの位置で重なりを調整する
  • クリッピングで調整する

などなどいくつか方法があると思います。修行の身のワタシにはやり方がいまいちわからないけど。

レイヤーで覆いかぶせて下の目を隠す

私が対処した方法は、さきほどの「(><)」のレイヤーの可視部分(レイヤー枠内の何も描いていない部分)に元のモデルの肌と同じ色を塗りました。

Live2D GIMP >< 表情 目 切り替え

こんなふうに。

そして、Live2Dに持ち込んで、標準目のパーツ群よりも上に(手前に)「(><)のレイヤー」を配置します。

GIMPで描いたイラストレイヤーのファイルをLive2Dで読み込ませるには

GIMPで作成したレイヤーは、「ファイル」→「名前を付けてエクスポート」でファイル名の後ろの拡張子を.psdに変更して保存します。ファイル名が「〇〇.psd」のファイルが保存されたら、あとはLive2Dで読み込めばファイルが展開されます。

Live2D用のイラストをGIMPでPSDファイルに変換する方法
イラストをLive2Dで動かしたいなら、まずはpsdファイルに変換しましょう。クリスタ推奨だけど、GIMPでできないこともない。レッツチャレンジ

編集中のモデルに新たにレイヤーを加える場合(今回はこのパターンです)は、以下の画像のように編集中のファイルを選択してください。

新しくデフォルメ目「(><)」が追加されました。

Live2D GIMP ><

(※画像は肌の色を乗せなかった失敗時のキャプチャです)

話を戻します。

肌の色を塗ったレイヤーをLive2Dに読み込む

Live2D GIMP ><

このように肌の色を乗せた「><」のレイヤーだと、標準目レイヤーの上に重ねるだけで下にあった目のパーツを全部覆ってくれます。

Live2D GIMP ><
©霧弥湖町観光協会

さらに、「(><)」レイヤーにも曲面デフォーマを設定して顔の向きに馴染ませていきます。

顔の向きをX軸やY軸に変えても元のまつげが重ねたレイヤーの横からはみ出たりしていないか、調整とチェックをすればOKです。

「(><)」用のパラメータを追加して範囲を限定する

上のgif画像は完成したバージョンでしたが、

ただレイヤーの曲面デフォーマを設定したままでは、ずっとデフォル目が上に居続けて、表情の変化になりません。なので、「><」のパラメータをいじって、ポインタの有効範囲を限定します。

新規のパラメータを作成する

パラメータボックスのどこでも構わないので、右クリックで「新規パラメータ作成」を開きます。任意の名前をつけます。範囲の数値は0.0~1.0でいいでしょう。もっと範囲を広げてもいいです。自分がやりたいアクションに合わせて工夫できればいいですね。

範囲を設定する

有効になる範囲を設定して、「(><)」のレイヤーにオンとオフの効果をつけます。

具体的には、画像の通り。

Live2D GIMP >< Live2D GIMP ><

このように範囲を限定していれば、右の2点の間にポインタがいる間だけ「><」のレイヤーが表示されます。表示している間は標準目のデフォーマを覆い隠すので、瞬間的に表情が切り替わったように見せられます。

基本的には2点の間隔を大きく取れば変化先のデフォルメの時間を長く広く設定できます。

「><」パラメータのポイント移動は「物理演算」の組み方で自由に調整可能

おしまいに:表情パターンはキー設定をアサインして使用するらしい

Live2Dの、というか配信用アバターの表情替えは、本来はキー設定機能で切り替えをするらしいです(FaceRigだけじゃないですが)

だから上記みたいにパラメータをいじって、ランダムポーズ中でも表情を切り替わるような設定にする必要はないのかもしれません。あの作業時間はなんだったのか……。

まあ、こういうのもできるんだっていう、経験値アップにはなったと思います。触れば触るほど上手に、達者になっていくのは間違いがないですし。

今日はここまで。

おしまい。

関連リンク

コメント,ご意見など (中傷発言はNO)

タイトルとURLをコピーしました