noteから移動
絵を動かした〜い！
やります
【目標：なんか動けばオケ】
使用ソフト
・Live2D Cubism Editor 5.2（Free版）
・CLIP STUDIO PAINT（Pro版）
・VTube Studio（iOS版）
絵を描くよ
好きな要素と動きの違和感を最小限に抑えるためのキャラデザ（知らんけど）
Free版で遊ぶので、メカクレでパーツを抑えました
キャンバスサイズは1800×1800にしてみました（Free版の制限は2048px）
 |
| 下書きを中心グリッド線で4分割したもの |
左右対称定規を引いて、ぐい〜んと描いてみる
色塗りで詰む予感がしたので白黒で行きます
最初から上手くは行かねぇべよ
 |
| 線画を描いたので乗算で単色を乗せる |
 |
| 閉じる時に口の中が隠れるように塗るらしい！ すごい |
 |
| 髪の束はこれぐらいでいいか？ |
 |
| 悪魔ー！ |
でけた！
後ろ髪が切れてると困ることになるのがわかったので、とりあえず画面に収まるようにカット
最終的なレイヤー構成がこちら
 |
| 動いた時に白目や瞼が突き抜けそうですが、なんとかなれィと思いながらやって行きます |
フォトショップドキュメントで書き出し
設定これで合ってるのかな
 |
| CMYKにしてて詰みかけた |
動きをつけるゾイ
ドラッグ&ドロップでPSDファイルを読み込み
 |
| 全選択してメッシュ自動生成 よくわからないので標準 |
 |
| 要らないのは後々消えて行く（半分ぐらい破門された） |
 |
| IDは公式サイトのやつに合わせておくと『Vtube studio』で自動化できるっぽい |
目ぱち・便利キー・眼球
 |
| パーツ選択→パラメータ 緑目ベイマックスみたいなやつを押してキーフレーム追加 |
 |
| 左が閉じ 上下反転で閉じさせてみる試み |
・Shiftキー押しながらで水平移動
・パラメータの丸ぽち、右クリックで選択できるよ
・パラメータの丸ぽち、右クリックで選択できるよ
 |
| 反転するギリギリのとこにキーフレーム追加 瞳を瞼の線画に埋め込んでいく |
 |
| 同様に キーフレーム左（目を閉じた状態）に瞳を埋め込む |
 |
| 開眼の反動が足りないので、開く瞬間にキーフレーム追加 開眼と値を入れ替えてみる |
 |
| オケ（ガバ判定） |
ここで「眉 左右」を使えるほど能力がないことに気づき削除 あ！ パラメータふたつまでだ！ 眉単品も消します
 |
| なぜか【目 開閉】が右の時のみ【瞳左右X】が動く この方が違和感少ないから初心者にはいっか |
口パク・呼吸
目と同じように作ってみる
左が閉じる側らしいので先に閉じを作った
 |
| 口をパッと開けるように（なるのか？） 開きかけにキーフレーム追加 |
 |
| 右２つを入れ替えて |
 |
| 最大開きを作る メッシュ変形でこじ開けた |
呼吸を追加
キーフレーム右の状態で、少し胸を膨らませてみる
 |
| 胸部を選択、上方向と左右に広げただけ |
 |
| 物足りなかったので真ん中にキーフレーム追加 左から吐く→吸う→吐くにしてみた |
髪・ワープデフォーマ
自動生成がある！ となったのであやかる
ワープデフォーマ（よく分かってない）とやらを作成するらしい
 |
| 毛束一つ一つにワープデフォーマを作成 設定はデフォルトだ |
 |
| 顔もまとめといた |
タブから、モデリング→パラメータ→揺れの動きを自動生成
 |
| ＋マークで追加 揺れの左右反転をしたり、揺れを調整したりしてみる |
あとからいじれるので、とりあえず次へ
首の傾き、上下・回転デフォーマ
左右まで頭が回らなかった Free版でもできるのかな？ 今回はなし
一気に動かすことになるので、とりあえずワープデフォーマでまとめてみる
後から調べるとロック機能があって、それが便利らしい（情報なし）
 |
| 髪全体のまとめ |
 |
| 顔パーツのまとめ |
 |
| 顔ベースのまとめ ３つ作ってみた |
首の傾き
まとめた３点を選択し、回転デフォーマの作成
 |
| 撮り忘れてたので撮り直した |
 |
| 回転デフォーマを選択し、 首振りパラメータにキーフレームを３点追加 真ん中は正面向き |
 |
| キーフレームの左右で、回転と位置調整 トラッキングは修正できそうなので、 ギリギリまで傾げさせていいのかも |
上下
まとめた３点を選択し、Ｙ軸のパラメータにキーフレームを３点追加同様に真ん中は正面向き
 |
| 左が下向き 右が上向き |
３点のパーツをそれぞれ差をつけて動かすと、なんとなく良いような 輪郭はあまり動かさず
愛着が湧いてきたのでミスってても可愛く見える
 |
| ま、いっか♪（妥協） |
 |
| ゆらゆら |
オートではよく動いているけど、このままトラッキングしても髪の毛は動かないらしい
ということで
物理演算
これで髪の毛は動かすらしい 触ってみよう
タブからモデリング→物理演算設定をクリック
物理演算設定タブからプレビュー→カーソル追従の設定
これでプレビューをクリックすると、首が動くようになるみたい
 |
| 首の動きと髪の毛を動くようにしてみた |
 |
| とりあえずグループを追加 |
 |
| あってる？ |
 |
| 振り子追加しても揺れない！（あたりまえ体操） |
なので出力と入力を指定
 |
| 出力設定に髪の毛追加 アホ毛は後々外した |
 |
| 入力設定に髪の毛追加 影響度をなんとなくバラバラに指定（意味あるのかな） |
 |
| 揺れるようになった！ |
振り子を調整
し終えたものがこちらです
 |
| 【髪揺れ】髪の毛の入力・振り子設定 |
 |
| 【髪揺れ】髪の毛の出力設定 なんとなく一部反転してみたり あと振り子No.が設定されてるか確認 |
 |
| 【アホ毛】の振り子設定 |
アホ毛がピョンピョンしてくれなかったので、グループ名を追加して別で設定
振り子2を短く、反応速度を速く（遅く？）して暴れるようにしてみる…… 果たして
書き出し
平面図みたいなやつ（テクスチャアトラス）を作成
できたらそのまま
ファイル→読み込み用ファイル書き出し→comファイル書き出し
動いた！！！！
動いたからとりあえずヨシ！！！！！ |
| なんかこれ |
 |
| Free版のギリが2048なのでこれで行ってみる |
 |
| 少なくて草 |
できたらそのまま
ファイル→読み込み用ファイル書き出し→comファイル書き出し
 |
| とりあえず そのままの設定 |
 |
| 書き出されたものをVtubeスタジオ用にフォルダにまとめる 特に圧縮とかはしない |
Vtube Studio（iOS版）
Vtubeスタジオをダウンロードするとなんかフォルダが出来てるので、そこに移動
Vtube Studio→Live2DModelsのフォルダへ
 |
| 移動 |
 |
| アプリを開くとなんかいるので自動セットアップ |
 |
| ガチ恋OFF、旧仕様の物理演算ON 右下は （上）物理の倍率の物理設定 （下）風の強さの物理設定 |
動いた！！！！
 |
| カワイイ！ |
GIFなのでカクカクしてますが、もう少し滑らか
思ったより髪が落ちないなとかなんかずっと髪が揺れてんなと思ったけど あとなんか首曲がりすぎかもしれないけど
満足‼️‼️‼️‼️‼️‼️‼️‼️‼️‼️‼️
以下 使用ツール
▼Live2D
▼CLIP STUDIO PAIT
▼VTube Studio
https://apps.apple.com/jp/app/vtube-studio/id1511435444