いい加減Live2Dで立ち絵を作りたい：05

2015-10-01

コミティアや砲雷撃戦よーいの新刊の方で一ヶ月以上Live2Dを触れませんでしたが最近やっと作業再開出来ました(ﾉ´∀｀*)

気付けばLive2D Ver2.1も正式に公開されました。時間が経つのは早いものです…
▶Live2D Ver2.1特設サイト

と言うことで口の制作の途中で、前回は終わってましたね。
まずは口の中の実装。
はにかむような口の開きの場合に歯の白さが出るように調整し、併せて舌の描画も実装しました。

八重歯が見えているのがチャームポイントですね

同時に口の大きさも実装しました。

口の大きさを設定すれば、口のバリエーションがかなり増えるのですが、以下のように微妙な口も出来てしまうのがどうしたものか…

Live2Dのリップシンク機能はいまいち把握してないけど、「あいうえお」の登録は出来ず口の開閉のみっぽい？
でも、表現の幅は広げて、出来るだけ汎用性を持たせたいので実装しました！
　どやぁ

それにしてもクリッピング機能は便利ですね。
前回の口中のパーツにクリッピング設定をしているのですが、大元をしっかり作ればあとは雑でもはみ出すことはありませんね！

さて、一通りの口は出来たので、とりあえず次は目ですね。

まずは目の光沢部分が同一パーツだったので、一度PSDファイルを再インポートして分離させました。
しかし残念ながらCLIP STUDIO PAINTでは「覆い焼き発光」を使っていたのですが、Live2Dでは「加算」しか出来ないのでイメージが結構変わってしまうのが残念デスね…

↑が過去の画像との比較。。。
ふむ…

鮮やかさが足りない…
自分のイラストは結構「覆い焼き発光」を用いるので、これが動くパーツに使えないのは結構表現の幅が狭まって辛いですね…
Live2D公式が要望募集している時に、覆い焼き発光実装を要望で出したのでいつか実装してくれると良いですね…！(/ω・＼)ﾁﾗｯ

さて、そんな光沢を分離させた目を動かしていきましょう。

クリッピングを用いることで、綺麗に目を実装できましたね！

目の開閉も調整。
目の動き、開閉共に、瞳と光沢の動きを若干ずらしています。
瞳と光沢が同一パーツだとペラい印象を受けますが、若干ずらすことで立体感を演出しようという試みです。
上手く行っているかな？

さて、今回はここまでですね。
実はもうちょっと先まで作り終えてます。（パラメータ見て気付いていた人も居るでしょうが…）
Live2Dに触れなかった期間もあるので、復習がてらまたちまちま進捗を載せていこうと思います(｀･ω･´)ゞ

(´・ω・｀).｡◯(体の動きXYZで苦戦中で先に進みませんな…)

いい加減Live2Dで立ち絵を作りたい：04

2015-08-19

いい加減Live2Dで立ち絵を作りたい：03

さて、前回まででとりあえず準備段階はだいたい終わりました。
いよいよモデルの動きを付けて行きますヾ(´ω｀＝´ω｀)ﾉ

とりあえず口の線を動かしてみます。

作り方は口の線を一本引き、それを左右対称部分を削除します。

この線をまずコピーして口の上下を作ります。

そして2つの線で形を作ったらコピー反転をして作りました。
この手法で左右同じ形を作れるので正面モデルだと非常に楽ですね(＾ν＾)

続いて目の開閉をです。

クリッピング機能を使っています。
白目に瞳をクリッピングし、まつ毛に変形パスを用いてパラメータを設定しています。

公式マニュアルの、Ver2.0までの作り方は以下の様な感じです。

パラメータで動きをつけよう：http://sites.cybernoids.jp/cubism2/beginner-tutorial/05

このように目を隠すパーツもしくは部分が別途必要でしたが、クリッピングを用いれば白目の部分からはみ出すことは無いのでまぶたの必要がなくなります。

これは便利ヾ(´ω｀＝´ω｀)ﾉ

これは口でも応用出来そうです。
ただし、口の場合は目よりも圧倒的に動きが複雑になります。
これ、作れるのかな？と疑問に思いながら作ってみることに。

作れましたヾ(´ω｀＝´ω｀)ﾉ

口の線通りに頂点を動かしてやれば意外とすんなり出来るものなんですね(＾ν＾)

まだ口の中を調整していませんので、このあと作っていきます∠(｀・ω・´)

いい加減Live2Dで立ち絵を作りたい：03

2015-08-12

Live2Dで立ち絵を作りたい：02

さて、とりあえず前回までにPSDインポートとテクスチャの再配置、クリッピングの設定が終わりました（仮）
今回はその後に行った、描画順についてと表示グループについてです。

描画順に関してですが、PSDインポートを行うと全てのパーツが描画順500で読み込まれるようです。
レイヤー校正順になっているので全て500でも現時点では問題ありませんが、順番を変更したりフォルダで整理するとパーツの順番が変わり大惨事になります。
そこで以下のパーツ全てを0～1000の間で数値を調整してきましょう。（数字が大きい方が手前に表示される）

編集ウィンドウの中の描画順数値を直接変更したり、縦に長く伸びる定規のような描画順編集バーにて変えられます。
個人的には編集バーを使用する方が楽でしたね。
そんな感じで後ろ髪は後ろへ。前髪は前へ移動させたりしました。

描画順について：http://sites.cybernoids.jp/cubism2/modeler/drawable-object/drawing-order
描画順編集バー：http://sites.cybernoids.jp/cubism2/modeler/drawable-object/draworder

表示グループについてですが、これは言わば表示非表示の状態を記録できます。
夏服や冬服を切り替える際に、1つ1つ表示非表示を選択していたのでは手間ですし、予め登録しておきたいと思いました。

公式サイトを見てみましょう。

＞表示グループを設定できます。詳しくはこちらのページをご覧ください。

(´・ω・｀)

(´・ω・｀)　…

　どちら！？

ということで実際に試してみることに。

出来ない…(＾ν＾)

とTwitterで愚痴ったりしてたら教えていただきました！

@hatyati あ！！！！･･････今の会話でわかりましたよ。表示グループの問題が。あれ、パーツ親の表示に対してしか設定されませんね。

— まかかび (@Makakabi) 2015, 8月 9

なん…だと…Σ(´∀｀；)
ということでいざ実践。

ﾃﾞｷﾀ━━━━ヽ(ﾟ∀ﾟ )ﾉ━━━━!!!!!!

教訓：表示グループは表示単位で考えよう。

まかかびさん、いつもありがとうございます(´；ω；｀)ﾌﾞﾜｯ

そしてよくよく後から見てみると、公式マニュアルに表示グループについてもうちょっと載ってましたね(´・ω・｀)

いい加減Live2Dで立ち絵を作りたい：02

2015-08-11

Live2Dで立ち絵を作りたい：01

さて、前回で元絵を準備し、PSDインポートを使いLive2Dへ読み込み、テクスチャの再配置を行ったところです。

読み込んだ画像を見てみるとこのような形です。

今回Live2Dは2.1βです。新たに実装されたクリッピングを使うべく、ニーソはクリッピング前提の作りにしてみました！

↑ニーソはこのような感じ。
補正色を大雑把に配置し、乗算とクリッピングを組み合わせて行きます。

さて、クリッピング自体は編集ウィンドウのクリップIDにクリップ先IDを設定するだけです。
クリッピング機能とはなんぞや？という人は公式サイトの以下の部分を見てみると良いかと思います。

パーツパレットについて：http://sites.cybernoids.jp/cubism2/modeler/basic/edit-pallet

このように、はみ出し防止が出来る強力な機能です。
また、コンマ区切りで複数指定することも出来ます。

(´・ω・｀)　…

コンマ区切りで複数指定することも出来ます！！

さて、とりあえず使い方もわかったので実際に指定してみました。

なんじゃこりゃ━━(;ﾟДﾟ)━━!!
何で肌が薄くなっとるんじゃ？
ｳﾜｧｧ—–｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡—–ﾝ!!!!

という自体が発生しました。

バグなのか仕様なのかはわかりませんが、どうやらPhotoshopやCLIP STUDIO PAINTなどのクリッピングマスクとは挙動が違うようです(‘､3_ヽ)_

ということで半日程あっちゃこっちゃ扱ってましたがいまいち半透明の処理を上手く出来ず…
Twitterで愚痴っていた所、

@hatyati ふと思ったのですが、ニーソパーツそれぞれに、生足パーツのID全部併記したらうまくいかないでしょうか？乗算だとどうなるかわかりませんが…。

— まかかび (@Makakabi) 2015, 8月 8

@hatyati クリッピングのIDをコンマ区切りで並べると、パスファインダ的にクリッピング範囲が広がるので、境界の透明度まで影響受けなくなるかなと思ったのです。ですが多分、逆に境界の色が濃くなるだけの気がします…。ニーソを脱がす動作が無いのなら、生足と画像統合が良さそう。

— まかかび (@Makakabi) 2015, 8月 8

！！！！(ﾟдﾟ)！！！！

はい。この時私はクリップIDを複数指定できることを知りませんでした。

そこでニーソ余生用のパーツを大きい物に統合し、クリップIDを指定してみます。

ﾃﾞｷﾀ━━━━ヽ(ﾟ∀ﾟ )ﾉ━━━━!!!!!!

教訓。クリップIDは複数指定できる(´・ω・｀)

まかかびさん教えて頂きありがとうございます。
教えてもらわなかったらあと3日は悩んでいた自信がありますm(_ _)m
ちゃんとマニュアルは読まないとダメですね(；´∀｀)

~~クリッピング昨日と乗算機能を組み合わせる事による負荷は…よくわからないので今は考えないで置くことにします∠(｀・ω・´)~~

いい加減Live2Dで立ち絵を作りたい：01

2015-08-10

そんなわけで以前まで作っていたLive2D立ち絵が色々と修正箇所が増え、最初から作りなおしたほうが早い程になってたので、

最初から作り直したいと思います
∠(｀・ω・´)

ついでにメイキング的な感じでブログを更新できたらいいですね（願望）

って事でほぼ一から書き直した元イラストです。
既にLive2D用に分割済みです。
ちなみに背景のグレーは4096pixelの正方形です。
後ろ髪など長いパーツがはみ出さないように目安として置いてました。

服などは流用出来たので使っていますが、分割方法などが以前に比べてだいぶ変わりましたね。
まぁその辺はおいおい(ﾉ´∀｀*)

さて、とりあえず現時点でLive2Dに持っていけるまでの状況です。
とりあえずPSDインポート機能を使い読み込み、テクスチャの再配置Cを行います。

PSDインポート：http://sites.cybernoids.jp/cubism2/modeler/drawable-object/psd-import
テクスチャの再配置C：http://sites.cybernoids.jp/cubism2/modeler/edit-texture/reposition-c

拡大率100％で、4096テクスチャ2枚でギリギリ収まりました⊂（＾ω＾）⊃　ｾﾌｾﾌ!!
ポリゴンの割り当てについては随時作りなおす予定なのでとりあえずデフォルトのままです(｡╹ω╹)
ただ以前のバージョンでは4096テクスチャを使うとLive2DViewerでエラーが出た事があったので一抹の不安…

現時点では夏と冬の制服姿を考えていますが、今後差分を増やす必要があればPSDインポートを再度使用して追加してみたいですね(｡╹ω╹)

そんなこんなで進捗をちょくちょく上げれたらいいなと思ってますん(‘､3_ヽ)_