live2D奮闘記＋データ配布
Added 2020-10-28 09:28:30 +0000 UTCほんとはいつものようにサメちゃんをここで先行公開して…って予定だったんですけど、気が逸りすぎて出来た瞬間投稿してしまい公開するものが無くなりました。ボケかな？
ってなわけで、初心者なんですけどLive2Dとの戦いの履歴を残しておきます。
切り分け済PSDデータとLive2Dのデータもアップするので、気になってたけどデータの作り方めんどくさそうだったから…と諦めた方いたら適当にいじくりまわしてください。
Live2Dのソフトはフリー版があるよ。一応40日くらいはプロ版を体験できるよ。
・PSDデータを作る
自分はlive2d用データを作るのは一応3度目になるのですが、めちゃくちゃめんどくさいんでこの作業はおっくうです。
live2Dはそれぞれのパーツにポリゴンみたいなものをつけてパラメータに応じて変形させるって仕組みなんですが、そのためにはいろんなものを切り分けてデータを作らなきゃいけないんですね。
今回のサメちゃんのデータはこんな感じです。
live2d用のデータだと口を動かしたり目も瞬きだけでなく視線を動かしたりするのでもっと丁寧に作らなきゃなんですが、今回はそこまで複雑な動きにはしないので少々手抜きです。
ただこれ、パーツごとに色塗りしたり、統合したデータの上からなぞって線画の色を変えるとかアホな事してるので見た目より時間かかりました。
live2Dのデータを作る際は
・ある程度線画を分ける(前髪と後ろ髪とか)
・色塗りはいつも通りパーツごとにレイヤーを作る
・最後にパーツを切り分けて、足りないところを塗り足す
って手順が早いしいいと思います。次回以降はそうします。
・Live2Dで動きを付ける
いやこれは自分はずぶの素人なのであんまり役に立たないと思いますが…
基本的なとこだけ書いときます。気になって勉強したい方は今山ほどの指南動画があふれてるので検索してください。
まずこれがlive2Dの画面です。
こんな感じで各パーツにメッシュが割り当てられます。
自動でもできますが、よく動かすパーツ(顔の顎周り・髪・目・口等)は手動で細かいメッシュを作ります。
どうやって動かすかというと4つ方法があります。
1つ目はこのメッシュの点点を一つ一つ動かして調整
目とかあまり大きくなくて細かい動きをするものは丁寧に動きを付けたいのでこの方法ですね。
2つ目はワープデフォーマという更に大きなメッシュを作る
緑色の四角いのがワープデフォーマです。
変形したいものをこの四角に入れてメッシュ変形させることが出来ます。
便利なのが複数パーツを入れられる、簡単にざくっといい感じの揺れが作れるってとこですね。
髪の揺れとか顔を上下左右に向ける動作(今回はつくってないけど)なんかはこれで作ったらいいと思います。
3つ目は回転デフォーマです。
赤い針みたいなのが回転デフォーマです。円の中心を軸に回転しているのがわかるかと思います。
これも複数パーツ選択できます。
手の動きとかはこれで作れるんじゃないでしょうか。
最後が変形パスです。
これまた新しいデータを作ってる時に知ったので、サメちゃんのデータではないのですが…
(これは知人のキャラを勝手に作ってる(完成しなかったら恥ずかしいので事後報告の予定)のでヒミツにしてね)
緑色のが変形パスですね。
カーブにさせたい箇所に点を打ってやるとそれがにゅるんと動きます。
手でメッシュをチクチク動かさなくても一気にいい感じに動かしてくれるので、目の瞬きとか髪の揺れにめちゃくちゃ便利だと思います。
以上の手段を用いて(もしかしたら他にあるかもしらんがわしは知らん)各パーツの動きを振っていきます。
どうやって当てはめるの？って感じなんですが、
こういうパラメータがあって、一つ一つ動きを設定していきます。
0が標準でたとえば頭の揺れは10が右いっぱい傾けた時、-10が左いっぱいに傾けた時って感じです。
動画埋め込めたらよかったんだけど、できないっぽいから実ファイル見てください。
で、このパラメータが出来たら完成！！！！！！！！！！！！！！
ってわけじゃないんですね…
facerig用のデータしか作ったことなかったのでこの後に作業ある事を知らなかったんですがこれがまた…地獄…
(facerigに突っ込む場合はパラメータ振り終わったらfacerig用に書き出してぶっこんで終わりです。まあちょっと設定もあるけど)
・アニメーション作業
ここからは動画を作る作業です。
何ですか？このオルゴールの譜面みたいなのは？って感じなんですがこれは○秒の時にはこの動きをさせる！っていうのを設定したタイムラインです。
例えば2秒に瞬きをして、5秒には右腕をあげる…みたいなのをポチポチ設定します。
これは初めてやった作業なんですが辛かったですね。
多分大きな動きから先に設定してやった方が動きに違和感が出にくいと思います。わからん。リベンジしたい。
そんなこんなで出来上がったのがtwitterにも上げたけどこれです。
作業は2日半くらい？かな？
パーカーの継ぎ目が外に出てるとか変なとこはあるんですけど、中々可愛くできたんじゃないでしょうか。
色々と長々書いたんですが、Live2Dの作業は意外と簡単だと思います。いやまあ使いこなせてはないんですけど。
でも直感的で分かりやすいんですよね。デフォーマ使うと大雑把でもそれなりの動きが出来ます。
勿論もっとクオリティをあげようとすると習熟が必要ですが。
もしちょっと気になってる人いたらよかったら遊んでくださいね
musesame
Live2Dデータは上げられないみたいなんでドライブに置いときます。
https://drive.google.com/file/d/18RSqsT9sRf2nvvOJl1fd7G2aTHA_fDGJ/view?usp=sharing
終わり
