VRoidStudioでキャラモデルを作ってアニメ風の2D絵に利用した

友達に共有用メモ

こんな絵

※背景はしじみのおすましさんからお借りしております。

www7b.biglobe.ne.jp

使うもの

  • VRoidStudio
  • ペイントツール(筆者はクリスタを使用)

どこまでの作業をどっちでやる?

VRoidStudio

  • モデルを作る
  • 配色
  • ポーズを作る

この画像が出せるところまで作る

ペイントツール

  • 線を整える(モデルのままだと固いので)
  • 線を整えた分塗り直し
  • 線の色を塗る
  • 質感とか皺とか
  • 影と光
  • (背景いるなら付ける)
  • アニメ風エフェクトを乗せる

←背景付き完成図  キャラだけ→

VRoidStudioでベース書き出し

  • 線に色を付けるなら、線と色を分けて出力する
    • 色だけアウトラインなしの画像
    • 真っ白でアウトラインだけの画像

  • 線は後で書き直すつもりで
    • 理由1:全部の線が綺麗には出ない
    • 理由2:ポリゴンの都合で線がカクカクになっているところがある
  •  色は影は付けずにベース色のみがオススメ
    • 理由1:線の修正が発生するので、影の形が変わる可能性がある
    • 理由2:グラデーションを付けると、線の修正が発生して色を塗り直すとき、綺麗なグラデーションに塗り直しにくい
    • メモ:簡略化するならVRoid上で影をつけてもいいかも?(試してない)
  • 顔の輪郭とパーツはすべて書き直すつもりで
    • 理由:3D感が一番出るところなので書き直す。実際アニメ風2D絵は3Dで再現すると顔歪んでる
    • メモ:瞳と口内は書き直すときのメモとして作り込んでおいてもいい
  • 注意!執筆現在、VRoidStudioはポーズ保存ができなかったと思う。最新バージョンを確認して!もしポーズを保存したいなら、いったんBlenderとかUE5とかに移動させてから撮影してもいいかも。アウトライン出す必要があるけど。

ペイントツールで加工

  • VRoidStudioから書き出した色と線を重ねる

  • 線を整える(モデルのままだと固いので)
  • 線を整えた分塗り直し
  • 線の色を塗る

  • 質感とか皺とか
  • 影と光

  • (背景いるなら付ける)
  • アニメ風エフェクトを乗せる

 

参考資料

キャラ(この記事は3Dモデルそのまま使うことを想定しているので、参考程度に)

muro.fanbox.cc

 

アニメ風絵作りいろいろ

muro.fanbox.cc

 

個人的にアニメ風絵を作るときに見ているメモ

情報集め中なので、気が向いたら更新するかも

赤字は忙しい人のためのオススメ対応

よくわからん単語はググって

キャラ

・肌の影を赤
・鼻の光
・前髪半透明
・光と影の間に色
・髪のふち半透明
・背景の色乗せ(全体)
・背景の色乗せ(ふち)(ピンライト)
・バックライト
・リムライト
・光乗せ(覆い焼き発光)

背景

・高度低いところを白くする(空気遠近)
・ふんわり雰囲気グラデーション
・光当たってるところ明るく(オーバーレイ)

全体効果

・ディフューズ
・ブルーム
ビネット(端暗く)
・ハイライト
・紙質感(パーリンノイズ)
トーンカーブ
・ぼかし(移動ぼかし)をクリッピング使って入れたいところにだけ入れる

Cascadeur便利機能メモ

備忘メモ。アプデとかでの更新は気が向いたらします。

コントローラー=動かせる点。

シーン操作

  • カメラ操作:Altキー + マウス
  • 回転は複数コントローラーを選ぶ
    • コントローラーをダブルクリックでそこから先のコントローラーを全て選択できる
  • コントローラーのロック:固定したいコントローラーを選んでRキー
  • 画面分割:スペースキー
    • 再度スペースキーで元に戻る
  • 衣服の操作はボックスコントローラーで
  • 左上のうずまきアイコンは尻尾モード。連鎖的にうごくものを一度に動かせる
    • ボックスモード+尻尾モードで複数選択した指の関節を簡単に曲げられる
  • 位置操作ショートカット:Wキー
  • 回転操作ショートカット:Eキー
  • 特定のコントローラー選択状態ショートカット:コントローラーを選択して Ctrl + 数字キー。その数字を押したときに、設定時選択していたコントローラーが選択されるようになる

※モデルの中心辺りに表示されている青いコントローラーみたいなものは重心。選択すると床にも投影されるのでポーズの参考にしよう。

タイムライン

  • キーを動かす:マウスホイールでドラッグ
  • キーを複製:Shift + マウスホイールでドラッグ
  • タイムラインの表示領域を拡大/縮小:Alt + スクロール
  • フレームを詰める:複数フレームを選択 → Ctrl + Tキー → ドラッグ
  • スローモーション再生:右側のScene Setting → FPS → Time factor を0.3とかに設定

※基本的に、キーを設定していないフレームでは編集が反映されない。

※キー間を補間中にキーを打っていないフレームで編集すると、タイムラインが緑色になる。これは固定補間(Fixed)状態で、補間モードがピン止めになっている。ピン止めのアイコンを押すと解除される。


リギング

自前のモデル読み込み用。

  • 人型用簡易リギング

https://cascadeur.com/help/rig/rig_mode/quick_rigging_tool

 

こんな機能もあるよ

使い方はチュートリアル見てください。あくまでこの機能があるよっていうメモ。

  • ゴースト:前後フレームの残像表示する。選択したフレーム分のみ表示とか、キーが打ってあるフレーム分のみもできる
  • 選んだリグの軌道を表示
  • トラック:アニメーションのレイヤーみたいな機能
  • 空中での重心位置(による軌道)編集
  • ツール側で物理的な動きを計算して反映(動きの上下補正的なもの)

公式チュートリアル

引用元。英語だけど翻訳で普通に読める。
https://cascadeur.com/learn/how_to_begin