Live2Dでドラゴンを動かす

対応バージョン：Cubism 2.0以降

（解説ではCubism Editor 2.0を使用しているので、最新版ソフトウェアと若干見た目や操作が異なる場合があります。）

Live2Dといえば美少女を動かすツールと思われがちですが、実はなんでも動かせます。

モンスターでも、エフェクトでも、背景でも、2D絵で3D的なリッチな表現を作ることができます。

試しに今回はドラゴンを作ってみました。

以下、チュートリアルとなります。

ステップ1. 下準備

【１】ラフ画と動きのイメージ作り

まずキャラクターのラフを描きます。

【2】レイヤー分け

１枚絵を描いていく際、または１枚絵を描き終わってからでもいいので、パーツごとのレイヤー分けをしましょう。

PSDのインポート機能を使って取り込む際、PSDファイルでの１レイヤー ＝ Live2Dの１オブジェクトとなりますので、

そのつもりで動かしたいパーツの切り分けをしましょう。

ドラゴンのレイヤー分けはこんな感じに(フォルダは無くて大丈夫です。)

ステップ2. Cubism Modelerで動きをつけよう

【1】PSD読み込み

Live2D Cubism Modelerを起動して、[ファイル]->[PSDファイルをインポート]を選択。

【2】パーツ分けをしよう

オブジェクトの管理がしやすい用にCubism Modeler上でパーツ分けをしていきましょう。

人物以外を作る場合、デフォルトのパーツ設定とは異なることが多いので、自前でパーツの設定を作ります。

[モデル]->[パーツ設定]から変更させることが可能です。

ドラゴンの場合こんな感じに

TIPS：オブジェクトの名前を変えておこう

PSDのレイヤー名がオブジェクトの名前となっているので、修正したい場合はここで修正しておきましょう。

【3】デフォーマの設定

用意したパーツを簡単に動かせるようにする設定をしていきます。

☆ 動きの種類は3種類

【3】アニメーションを書き出し

書き出しをすることで、Live2D SDKで扱えるようになり、様々なプラットフォームで表現することが可能になります。