【Live2D】Live2D cubism2に関連するTIPSまとめ

2016年7月23日2021年4月7日

こちらのCGメソッドの記事ではLive2D cubism2に関連するTIPSまとめを紹介します！2系はもう情報が古くなったので、今までの記事を一箇所にまとめました！

Live2D cubism2のPSDデータのインポート方法

Photoshopでパーツ分けしたPSDデータをLive2D（Cubism Modeler）へ持ってくるときのメモ

想像した以上にPSDデータの差し替え・追加がお手軽なのが良いです。

PSDデータのインポートついて

PSDのデータ整理

余白を自動選択して、微細なゴミを取っておく
ゴミ取りツール（Live2D_Cleaning）
02. インポート用のPSDの作り方 – Live2D Cubism 2 マニュアル
照れ用の頬などは、極薄の色を敷いて、一つのパーツとして認識できるようにしたり。
見本データや背景など取り込みたくないデータは消しておく
レイヤーは全て表示しておく
グループを結合するツール（Live2D_Preprocess）
02. インポート用のPSDの作り方 – Live2D Cubism 2 マニュアル

インポート方法

Cubism Modelerに直接ドラッグ＆ドロップ

または『ファイル＞PSDファイルをインポート』

乗算などは適応されないので注意。再度手動で設定
不透明度も適応されないので注意。再度手動で設定

取り込む時の推奨値

画像リンク＆参考

#02 PSDをインポートしよう – Live2D Cubism 2 マニュアル

ポリゴンが欠ける不具合

古いバージョンでは、取り込み時三角形のポリゴン欠けが発生する

PSDインポート時のポリゴン欠け不具合を改善しました！ — Live2D コミュニティ

PSDデータの差し替え方法

再度、Cubism Modelerに直接ドラッグ＆ドロップまたは『ファイル＞PSDファイルをインポート』することで

塗り足したりパーツを差し替えたり、新しくパーツをお手軽に追加することができる。

※新規パーツの追加に関しての注意点

既存のパーツをレイアウトの都合上、全体移動などさせていると、新規パーツは当然ながら既存のものと位置がずれる。

構図などPSD側でバッチリ決めておくと、差し替えが簡単。

または下絵を入れておいて、追加パーツの位置を調整してやる

02. PSDの再インポート – Live2D Cubism 2 マニュアル

テンプレート化

同じような仕様であれば、簡単にパーツの差し替えできるので、（デフォーマーのセットアップなど丁寧にデータを作っておくと、2体目を作る時にテンプレートとして使え手間が省けそう。

↑目次へ戻る

Live2D cubism2のPSDデータのパーツ素材分けTIPS

Live2Dは下準備が特に大事！だと思ったのでメモ。

パーツの切り分けについて

イラストの状態確認

足りないパーツを一から描くことになるの手間なので、素材の状態確認して段取りをイメージ
線画と分かれているか？隠れているパーツがちゃんと描かれているか？
表情差分にも対応できるような素材を見極める
動いた時に、下の素材の状態をイメージ。どのパーツを塗り足すか

完璧を目指さない

最上部に見本をおいて、比較しながら作業
1ピクセルもずれなく完璧を目指すよりかは、印象が変わらない程度に、線など綺麗にしたりすることも大事
色の境目等、きたなかったら綺麗にする
『Live2Dで動かしやすい』素材を作る

基本マスクを使って作業する

単純作業としては消しゴムで消すほうが早そうですが、手戻りが発生したときにマスクのほうがスマート
他人が触ったり閲覧する可能性があるのであれば、なおさらマスクで管理したほうが良いので、癖をつける

背景

ゴミを把握しやすくために、色を敷く
背景色に関しては、要注意。補色で重なるとグレーになって、はみ出しに気が付かなかったり
Live2D側にもゴミ取りツール機能がある

影は段階ごとに分ける

1影、2影と別々に分ける

ツールを使いこなす

Photoshopの『境界線を調整』が便利。余計なパラメーターを入力せず『半径調整ツール』で輪郭を自動調整、ちがったら『調整消去ツール』で元に戻す

Live2D cubism2のよく使うショートカット・機能・TIPSまとめ

サンプルデータをいじってみて、Live2Dの概要と機能はだいぶ把握してきました。

そのまとめです。

ショートカット

Ctrl+Shift+2 選択オブジェクト以外を全てロック
Ctrl+Alt+2 全てのロックを解除
Ctrl+H 描画オブジェクトの選択状態の表示・非表示
Ctrl+P パラメーターの選択状態をデフォルトに戻す
A 描画オブジェクト選択
G デフォーマー選択

ウインドウメニュー

パーツウインドウ

目玉アイコン　全ての表示のON/OFF
鍵アイコン　全てのロックのON/OFF
-アイコン　表示をすべて折りたたむ

パラメーターウインドウ

右クリック　スライダーのスナップ
絞り込み　選択したものの関連したパラメーターのみ表示
1 / 2アイコン　ポーズの保存
記憶 / スナップショット　キャプチャー保存と半透明表示

編集ウインドウ

クリップID　隠したい描画オブジェクトのIDを入力

ツールメニュー

ファイル

統計情報　ポリゴン数が確認できます。パフォーマンス的に△4000ポリゴン内がベスト。

編集

コピペ　形状の複製
形状をコピー /　貼り付け / ブレンド　任意の形状をパラメーターに保存できます。ブレンドもできる。

表示

グリッドを表示

デフォーマメニュー

デフォーマを削除し、パラメーターを子要素に反映　２つのデフォーマを統合する時に使います。

デフォーマ

4隅の形状を自動生成　上下左右のパラメーターを統一（目玉 X/Y・口の変形/開閉・角度 X/Y）

TIPS

自分で気がついたことやネットで調べたことのメモです。

パラメーターを全て消す

パラメーターウインドウの『絞り込み』にチェック

パーツウインドウから＜デフォーマ＞・＜描画オブジェクト＞を選択していき、絞りこまれたパラメーターを一つ一つ『全点削除』する

※まとめて削除もできますが、選択し過ぎるとソフトがフリーズします。

赤丸がすべてなくなったら、削除完了

左右対称に反転コピーする方法

キャンバスの中心が中心となる描画オブジェクトに対して、曲面デフォーマーを作成し、その階層下に反転したい複製した描画オブジェクトを入れて、親と反転させる。

回転デフォーマを基準面に対し左右対称に反転コピーする方法 | はちゃち的な。

デフォーマの形状を反転コピーする方法

複製→反転

オリジナルのパラメーターを入れたい場所のキーを削除

オリジナルを複製の子にして『デフォーマを削除し、パラメータを子要素に反映』にして、デフォーマーを統合。

※ポリゴンが左右対称が条件

Live2Dでデフォーマの形状を反転コピーする方法 | はちゃち的な。

「形状をコピー」機能に描画順を含めない方法

ポリゴンを選択した状態で『形状のコピー』

Live2D「形状をコピー」機能に描画順を含めない方法 | はちゃち的な。

メモ

準備

PSDインポート時にポリゴンが自動生成される
読み込み先を複数のテクスチャで分割できる
サモンナイト5の工数（バストアップ・簡易アニメーション）平均すると1体あたりセットアップに3日、アニメーションに1.5日[ケーススタディ：バンダイナムコゲームス | Live2D]

パーツ

ポリゴン打ちの頂点は絶対に移動させない（テクスチャが伸びる）
ポリゴンを打ち直したいときは古い頂点の一部（三角形ポリゴン）を残して、打ち直し、最後に消す。（全部消すと配置がずれてしまう）

デフォーマー

デフォーマーを階層化してセットアップしていく
デフォーマーのタイプは2種類。回転と曲面
デフォーマーはサイズ変更可で、調整しやすいよう変形させる
回転デフォーマーは親デフォーマーの変形の影響を受けない
回転デフォーマーの親に位置調整用の回転デフォーマーを置く

調整

デフォーマー調整。始点と終点を動かして、間のハンドルの傾きを決める。最後に微調整。
変形パスツールとソフト選択で描画オブジェクトの形状を変える。
肌色のオブジェクトを仕込んで、はみ出たところを消す
クリップピングマスクは機能AEにはまだコンバートできない
不透明度で部品のすり替えという表現も可能（※ただし変形パーツが増えてしまう。）

チェック

Viewerでモーションの確認ができる（自動で目パチや呼吸も再生する）

アニメーション

キーポーズ作成作成して、開始と終わり1秒前後にキーを打つ
Ctrl押しながらクリックでキーが打たれる
パラメーターの一番上でCtrl押しながらクリックで全てにキーが打たれる
OFFにしたいパーツがあれば、タイムラインのパーツ表示の数字を1→0に
瞬きなどはテンプレート化して、効率化を図る

↑目次へ戻る

Live2D cubism2 テンプレート適用機能の使い方

Live2dのテンプレート適用機能。

モデリングが慣れてきたら、いずれ使ってみようと思っていたのですが、どうも勘違いしていたようです。

実際使ってみると初期設定部分で凄く手間が省けそうなので、もっと早くから使っていればよかったです。。。

やり方

1 テンプレート適用

ファイル＞テンプレート適用

今回はLive2dの勉強に使った書籍についていたデータを使用。絵が凄くかわいいです。

2 テンプレートモデルの選択

同じ向きのイラストを選択。

3 サイズ調整

Fキーで点滅を止める。
テンプレートを選択して、左ドラッグで移動、右ドラッグで拡縮できる
右クリック位置が中心となるのでアゴの位置を合わせて、スケールを調整
頭に＠が付いているパラメーターをいじって、顔パーツの位置を微調整
終わったらテンプレート適用プレビューボタンを押す

4 パーツの適用調整

動きを見ながら適用が間違っているパーツを探す
Fキーでアニメーションをストップ
互いにあっているパーツ選択して、『選択要素を対応付け』（ショートカットはSキー）する
OKボタンを押して終了（ちなみに再度テンプレート適用すると、続きから編集できました。※推奨されていません）

5 手動調整

上記の画像の通り、大きくは追従しているものの、細部はおかしいので修正していく。

↑目次へ戻る

Live2D cubism2のPSDデータの3Dソフトで頂点のアタリを作成する方法

3Dの技術を用いて2Dの絵にアニメーションを付けるLive2Dを触ってみました。

3Dソフトが使える人にとっては、気になるところがありましたので、逆に3Dソフトでアタリを作成したほうが、早いしやりやすいのではと思いましたので試してみました。

まだ使い始めなので、もしかしたらLive2Dだけで不自由なく制作できるかもしれませんが、試したことの備忘録です。

Live2Dの問題点

頂点を移動するとテクスチャが伸びてしまう。

メッシュの流れや間隔を調整するため頂点を移動させたいのですがテクスチャが伸びてしまいます。

頂点をいったん削除して打ちなおすのですが、これがやりづらい。

＞画面内で、ポリゴンを割り当てるときには、一度打った頂点を動かしてはいけません。
位置を動かしたい場合は、打った頂点をいったん削除してから、新たに作成して下さい。

02. やってはいけないポリゴンの割り当て方 – Live2D Cubism 2 マニュアル

ポリゴン作成が頂点の手打ち

例えばシンメトリーのものでもすべて頂点を打たないといけません。

手数を減らすためにも反転コピーしたいです。

標準のデフォーマーがいまいち

頂点単位での変形や影響範囲を調節できないので、3Dソフトと比べると不便なところもあります。

より精度を高くするために頂点数を増やした場合に職人的な手作業が必要になってしまう。

Mayaでベースのアタリを作成する方法

3Dソフトをつかってアタリを作成してから、Live2Dで作業してみます。

頂点をいじるのとデフォーマーを使うのが主な用途なのでどの3Dソフトでもできると思います。

imagePlaneにテクスチャを貼り付けて、イラストに沿うようにモデリング

※半透明のマテリアルをつけてるとやりやすいです。

※ちなみにイラストなので、必ずしも左右対称ではないので、左右微妙に調整がいる場合もあります。

PlanerでZ方向にマッピングしてUVを作成

テクスチャをアサインしたマテリアルをアサインして、スケール位置を調節

UV Snapshotでアタリを書き出す

Live2Dでベースを作成する方法

UV Snapshotで書き出したワイヤーフレームをテクスチャにのせて、アタリ用のテクスチャを作成

アタリを目安に頂点を打つ

アタリがあるので、迷わずポチポチと頂点を作成します。

フェイシャルターゲットの作成方法

Mayaでフェイシャルターゲットのアタリを作成する方法

ベースの時と同じやり方です。

表情が追加テクスチャを用意する必要があります。（目を閉じた画像）

※ モデルはデフォーマーのBendで曲げて重なりを整理しただけです。

Live2Dでフェイシャルターゲットを作成する方法

UV Snapshotでを書き出したアタリを下絵に載せます。

それをアタリにして頂点を移動させます。

ポリゴンの流れや間隔を覚えていると、よりきれいに作成できると思います。

あとは隠したい場所等、必要に応じて調整

※目尻、目頭の割が足りませんでした（テクスチャが伸びてボケている）

足すのは簡単ですが、時間がないので終了します。

ちなみにアニメーションさせてみましたが、問題ない感じでした。

初心者がLive2Dだけで手作業でフェイシャルターゲットを作成するより、3Dソフトのツールを用いてから調整したほうが精度は良いかとおもいます。

まとめ

根気のいる作業が多く、特に元がイラストなので人間（2D）の感覚が必要だとは思います。

できるだけツールをつかって簡単にセットアップできないか機会があればもう少し試してみようと思います。

Live2D cubism2のテンプレート適用機能の使い方

Live2dのテンプレート適用機能。

モデリングが慣れてきたら、いずれ使ってみようと思っていたのですが、どうも勘違いしていたようです。

実際使ってみると初期設定部分で凄く手間が省けそうなので、もっと早くから使っていればよかったです。。。