Live2Dで左右に振り向かせる「角度X」とぐるぐる回る顔の作り方

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

Live2Dモデルの作り方をひとつずつまとめています。

今回は顔を上下に動かす「角度X」を作成し、「角度Y」と紐付けてぐるぐると動く顔まで作っていきます。

「角度Y」の設定をしてから制作しています

今回は「角度Y」を作成した後に「角度X」を制作しています。

「角度Y」の作り方はこちら

上下に顔を動かす「角度Y」の作り方を、できるだけ細かくまとめています。

あわせて読みたい

Live2Dで顔を上下に振る・縦に頷かせる「角度Y」の作り方 Live2D初期の頃から触ってはいた、さらえみ(@saraemiii)です。 Live2Dモデルの作り方をひとつずつまとめています。 上下の動きを作っていきます 今回は顔を上下に動かす...

「角度X」用パラメータに紐付ける

先につけた「角度XY」のデフォーマを選択し、パラメータ「角度X」も選択します。

「キーの3点追加」をクリックしてパラメータにキーを打ちます。

「角度XY」デフォーマ全てにパラメータ「角度 X」に3点キーが打てました。

「角度XY」デフォーマ全てにパラメータ「角度 X」に3点キーを打ちます。

編集したいパーツにも紐づける

輪郭パーツのように、デフォーマだけでなくパーツそのものも動かす場合は、そのパーツもパラメータに紐付けます。

左右の振り向きにあわせて顔を成形する

↑画像はクリックで拡大できます。後ろ髪も位置を変えているので服を非表示にしています。

「角度X」のパラメータ「-30.0」と「30.0」を、上図のように「角度XY」デフォーマを触って成形していきました。

輪郭には変形パスも活用すると便利

輪郭は特に細かく形が変わるので、変形パスツールも活用していきます。

「変形パスツール」を選択し輪郭パーツを囲んでおきます。

「矢印ツール」に切り替え、輪郭パーツが選択されていることと「角度X」パラメータにキーが打たれているのを確認して上図のように「変形パスを」触って輪郭を成形させていきます。

傾いた時にパーツを奥にやる方法

リボンや横髪のように、輪郭より前や後ろに切り替えたい場合には「描画順」を活用します。

最初にイラストを読み込ませた時にはすべて「描画順 500」で設定されています。

左右に振り向いた時に横髪を奥にしたかったので、横髪パーツの描画順を490台にしました。

合わせて、横髪より奥の髪パーツの描画順も490より少ない数値に変更しました。

成形が崩れる時は下絵を作る

これは向かって左向きの絵を成形している途中です。

絵を描くのとは感覚が違うので、こんなふうに歪む事も多々あります(言い訳/汗)

pngでもjpgでも良いので1枚ラフを描いて、制作中のLive2Dモデルへドラッグ＆ドロップします。

すると上図のようなウィンドウが出るので「下絵」を選びます。

ビューでは半透明で表示され、パーツの1番下に読み込まれています。

今回は首に合わせて下絵を敷きました。

見事にガタガタでしたので下絵通りにパーツを成形しなおしました。

見やすいようにセットして、最短で良き形に仕上げていけます。

「角度X」と「角度Y」を繋げて全方向ぐるぐると顔が回るように設定

今回の「角度X」とその前の「角度Y」が完成したら、繋げて全方向に顔が回るようにしていきます。

「角度X」「角度Y」のパラメータを繋げる

「角度X」のクリップマークをクリックして、「角度Y」と連結します。

このままではまだ、綺麗にぐるぐるとは動きません。

「4隅の形状を自動生成」で動きの中間の顔を生成する

数値をクリックして出現する「選択」をクリックします。

すると、パラメータ「角度X」に紐付いたパーツとデフォーマが選択されます。

パーツ・デフォーマを選択したまま、メニュー「モデリング」→「パラメータ」→「4隅の形状を自動生成」をクリックします。

上図のように、動作の間の顔が成形されてなめらかに動くようになります。

Live2D公式の解説はこちら

顔の動きはLive2D制作の中でも難関な工程

今回は「角度X」と「4隅の形状を自動生成」を通して作る顔の動きを紹介しました。

Live2Dモデル作りの中でもかなり難しい工程になりますが、便利機能を活用すると最短で作る事も可能です。