Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

VRM 標準シェーダ MToon の使い方

510 views

Published on

2018/10/4
歌舞伎座.tech #15「バーチャルキャストを支える技術」
VRM 標準シェーダ MToon の使い方

Published in: Technology
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ,Download or read Ebooks here ... ......................................................................................................................... Download FULL PDF EBOOK here { https://urlzs.com/UABbn }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

VRM 標準シェーダ MToon の使い方

  1. 1. 標準シェーダ の使い方 開発部 角 真宇 年 月 日
  2. 2. 自己紹介 名前:角 真宇(すみ まさたか) HN:さんたー   手段: プログラミング(もっぱら ) モデリング(もっぱら ) 仕事:ニコニ立体     ニコ生放送(月ノ美兎・電脳少女シロ・ときのそら )
  3. 3. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
  4. 4. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
  5. 5. とは ● アニメ的表現を目的とした 標準のトゥーンシェーダ ● スライダパラメータによって陰影を簡易に設定できる ● ベース色と 影色の混合で表現 ○ 混合の程度は光源情報などによって計算される
  6. 6. とは 通常のシェーダにおける色計算 ● 色 受けた光の強さ ● 乗算 ● 金髪の影色はくすんだ金 における色計算 ● 受けた光の強さに応じて ベース色と1影色を ● 金髪の影色を桃色にできる なぜ「ベース色」と「1影色」の混合なのか?
  7. 7. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
  8. 8. 作業環境 ● ● ○ ● ● ● の導入・ 制作は 公式 を参照 ● 設定 に差異あり [1] https://dwango.github.io/vrm/how_to_make_vrm
  9. 9. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
  10. 10. 初期設定:ライトを白色に変更 ディレクショナルライトを白色に設定する ● ● ● 色のバイアスがかかった状態で編集するのを避けるため ● 新規作成シーンの は黄色みがかっている
  11. 11. 初期設定:ライトを白色に変更
  12. 12. 初期設定: を変更 ● の を変更 ○
  13. 13. 設定してみる:ベースカラーだけ 目的:周りの光源に依らず    ベースカラーだけを出力 ● いわゆる
  14. 14. 設定してみる:ベースカラーだけ ● 下記 項目の色を白色 に設定 ○ → → ○ → →
  15. 15. 設定してみる:ベースカラーだけ ● 下記 項目に同一のテクスチャを設定 ○ → → ○ → →
  16. 16. 設定してみる:ベースカラーだけ 結果:周りの光源に依らずベースカラーをそのまま出力 通常光源赤 (#FF0000) 光源 光源なし (GIのみ)
  17. 17. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
  18. 18. 設定してみる:輪郭線をつける 目的:輪郭線を描画 ● いわゆるジオメトリ反転拡大を用いた輪郭線
  19. 19. 設定してみる:輪郭線をつける ● → → を に変更 ● → → で輪郭線幅を変更 ● → → を に変更 ● → → で輪郭線色を変更
  20. 20. 設定してみる:輪郭線をつける 輪郭線なし 輪郭線あり (FixedColor) 輪郭線あり (MixedLighting)
  21. 21. 設定してみる:輪郭線をつける と の違い ● は設定した輪郭線色をそのまま出力 ● は本体の色と される FixedColor MixedLighting
  22. 22. 設定してみる:輪郭線をつける 問題:目や口の輪郭線が太い 太すぎる輪郭線の例 解決:輪郭線の幅を制御する    テクスチャを作成・設定 ● → → ● 白色:そのままの幅 ● 黒色:輪郭線を出さない 輪郭線幅のテクスチャ 設定箇所
  23. 23. 問題:目や口の輪郭線が太い 解決:輪郭線の幅を制御する    テクスチャを作成・設定 設定してみる:輪郭線をつける 目や口の輪郭線が太い 目や口の輪郭線を細く
  24. 24. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
  25. 25. 設定してみる:陰影をつける 目的:周辺ライティングにあわせて    陰影が表現できる ● まずは 灯で調整 ○ 「初期設定」の項目を要再確認 ○ は や複数光源に対応済みだが ライト設定はセンスの塊なのでまずはシンプルに 周りの暗い光源環境に合っていない様子
  26. 26. 設定してみる:陰影をつける 1影色を設定する ● → ● 1影色の 明るさ ○ でも良い ○ ベース色の 以下にする ● テクスチャによる指定の場合 ○ ベース色とは異なる を使用 ○ でも部位によって異なる 多彩な1影色を指定可能
  27. 27. 設定してみる:陰影をつける ベース色と1影色が同じ 1影色に違う色を設定
  28. 28. 設定してみる:陰影をつける 問題:光の入射角度に対して    顔の陰影がキツい 解決: を用いて    陰影境界値をズラす ● →
  29. 29. 設定してみる:陰影をつける 問題:光の入射角度に対して    顔の陰影がキツい 解決: を用いて    陰影境界値をズラす Shading Shift 0.0 Shading Shift -0.633
  30. 30. 設定してみる:陰影をつける 問題:肌の陰影境界はクッキリ    して欲しくない 解決: を用いて    陰影境界を滑らかにする
  31. 31. 設定してみる:陰影をつける 問題:肌の陰影境界はクッキリ    して欲しくない 解決: を用いて    陰影境界を滑らかにする Shading Toony 0.9 Shading Toony 0.1
  32. 32. 設定してみる:陰影をつける 逆光 順光 真横からの光
  33. 33. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
  34. 34. 設定してみる:リムライトをつける 問題:ハイライト成分が不足 解決:リムライトを付与
  35. 35. 設定してみる:リムライトをつける 目的:ハイライト成分を付与 ● では または などで 知られるテクスチャマッピングを使用 ○ モデルの法線方向に応じてマッピングされる MatCap テクスチャMatCap テクスチャを適用
  36. 36. 設定してみる:リムライトをつける 目的:ハイライト成分を付与 ● では または などで 知られるテクスチャマッピングを使用 ○ モデルの法線方向に応じてマッピングされる MatCap テクスチャMatCap テクスチャを適用
  37. 37. 設定してみる:リムライトをつける 問題:ハイライト成分が不足 解決:リムライトを付与 ハイライトなし ハイライトあり
  38. 38. 設定してみる:結果 ハイライト付与陰影付与輪郭線付与ベースカラーのみ
  39. 39. 流れ ● とは ● 作業環境 ● 初期設定 ● 設定してみる ○ ベースカラーだけ ○ 輪郭線をつける ○ 陰影をつける ○ リムライトをつける ● さいごに
  40. 40. さいごに ● とは ○ アニメ的表現を目的とした 標準のトゥーンシェーダ ○ スライダパラメータによって陰影を簡易に設定できる ● は みなさんの をお待ちしています! ○ https://github.com/Santarh/MToon/issues ベースカラーのみ MToon で調整
  41. 41. 質疑応答
  42. 42. 陰影制御のパラメータ ● 陰影境界をズラす度合い ● 陰影境界のクッキリ度合い
  43. 43. 陰影制御のパラメータ ● 落ち影を付与する度合い ● 陰になりやすくなる度合い
  44. 44. 陰影制御のパラメータ ● 光源色の彩度の反映度合い ● 環境光の影響度合い
  45. 45. の導入 ● の を ページからダウンロード ○

×