マイケル
みなさんこんにちは！
マイケルです！
マイケルです！
エレキベア
クマ〜〜〜〜〜〜
マイケル
今日はトゥーンシェーダを使って、３Dモデルをイラスト風にしてみるよ！
エレキベア
トゥーンシェーダって何クマ？
マイケル
よくぞ聞いてくれたね！
それじゃトゥーンシェーダについて見ていこう！
それじゃトゥーンシェーダについて見ていこう！
トゥーンシェーダとは
エレキベア
そもそもシェーダって何クマ？？
マイケル
シェーダは簡単にいうと描画方法を記述したプログラムのことで、
物体の見た目を変えることができるんだ！
物体の見た目を変えることができるんだ！
エレキベア
物体の表示を決定するプログラムといった感じクマね
マイケル
そのとおり！
その中でもトゥーンシェーダは、
平板で境界線のはっきりした陰影をつけることで
イラスト風に表示することができるシェーダのことをいうんだ！
その中でもトゥーンシェーダは、
平板で境界線のはっきりした陰影をつけることで
イラスト風に表示することができるシェーダのことをいうんだ！
トゥーンシェーダとは
モデルをイラスト風に表示するシェーダのこと！
エレキベア
最近のゲームやアニメで見るような、
アニメチックな表現も可能ということクマか・・・
アニメチックな表現も可能ということクマか・・・
マイケル
そう考えたらワクワクするよね！
簡単にシェーダの表示の違いを見ていこう！
簡単にシェーダの表示の違いを見ていこう！
Standard Shader
マイケル
まずはUnityでマテリアルを作成すると最初に設定される、
スタンダードなシェーダから！
スタンダードなシェーダから！
マイケル
こんな感じでめっちゃ３Dって感じです！
エレキベア
立体感があふれるクマね
Unlit Shader（陰影なし）
マイケル
そして次はUnlitシェーダと呼ばれる、陰影処理を行わないシェーダ！
マイケル
テクスチャで塗りつぶしただけの表示になります！
エレキベア
こっちは立体感があまり感じられないクマね・・・
ユニティちゃんトゥーンシェーダ（UTS2）
マイケル
そして最後は今回紹介する、UTS2というトゥーンシェーダです！
マイケル
立体感もあるイラスト風な仕上がりになりました！
エレキベア
これはすごいクマ〜〜〜！！
なんかリッチな感じがするクマ〜〜〜
なんかリッチな感じがするクマ〜〜〜
マイケル
それじゃ早速設定していこう！！
UTS2の導入
マイケル
設定していくのは、先ほど紹介した
ユニティちゃんトゥーンシェーダ（UTS2）です！
ユニティちゃんトゥーンシェーダ（UTS2）です！
マイケル
Unity社が開発した無料のトゥーンシェーダで、
アニメやゲーム制作など様々な現場で使われている（らしい）です！
アニメやゲーム制作など様々な現場で使われている（らしい）です！
エレキベア
これが無料で使えるなんてすごいクマね・・・
マイケル
導入方法は簡単で、下記サイトでダウンロードして・・・
マイケル
「UTS2_ShaderOnly_vX.X.X_Release.unitypackage」をUnityでインポート！
マイケル
以上で導入は完了です！
エレキベア
簡単２ステップクマ〜〜〜
UTS2の各設定
マイケル
シェーダを使用するため、マテリアルのシェーダに「UnityChanToonShader/Toon_DoubleShadeWithFeather」を設定し、
BaseMapにテクスチャを設定しましょう！
BaseMapにテクスチャを設定しましょう！
マイケル
これで準備は完了！
各項目を設定していきます！
各項目を設定していきます！
エレキベア
やったるクマ〜〜〜〜
影の設定
マイケル
BaseMap隣の「No Shadow」ボタンをクリックし、「With 1st ShadeMap」「With 2nd ShadeMap」を有効にします。
これで影の設定ができるようになりました！
これで影の設定ができるようになりました！
エレキベア
ここに影の色を設定するクマね
マイケル
１影、２影と言われる設定で、２影は１影よりも濃い影を設定するよ！
発色が自然になるように調整して色を設定しましょう！
発色が自然になるように調整して色を設定しましょう！
エレキベア
テクスチャに影がついた感じクマね
マイケル
補足ですが、Scene作成時に追加されるDirectional LightのColorはデフォルトで肌色になっていますが、自然な発色にするため白に設定しておきましょう！
エレキベア
承知クマ〜〜〜〜
アウトラインの設定
マイケル
続いてアウトラインを設定します！
マイケル
下記「Outline Width」で線幅、「Outline Color」で線の色を設定します。
マイケル
するとこのようにオブジェクトの輪郭に線が表示されるようになります！
エレキベア
イラスト感が増したクマ〜〜〜〜
RimLightの設定
マイケル
そして最後にリムライトの設定！
下記「RimLight」を有効にします！
下記「RimLight」を有効にします！
マイケル
するとこのように背後から光が当たったような効果が出て、立体感がでるようになります！
エレキベア
なんかリッチな感じクマ〜〜〜
マイケル
「RimLight Mask Level」を下げると透明度があがって、絵に溶け込みやすくなるよ！
おわりに
マイケル
というわけで今回はトゥーンシェーダを使ってみました！
どうだったかな？？
どうだったかな？？
エレキベア
思ってたより難しくなくて
簡単にクオリティが上がってすごいと思ったクマ〜〜〜
簡単にクオリティが上がってすごいと思ったクマ〜〜〜
マイケル
今回は簡単な３Dモデルに設定したけど、
もっと複雑な３Dモデルに設定すれば更にクオリティが上がりそうだね！
もっと複雑な３Dモデルに設定すれば更にクオリティが上がりそうだね！
マイケル
UTS2は今回紹介した設定以外にもいろいろ設定できるので、
マニュアルもチェックしてみてください！
マニュアルもチェックしてみてください！
エレキベア
これが無料はマジですごいクマ・・・
マイケル
それでは今日はこの辺で！
アデュー！！
アデュー！！
【Unity】ユニティちゃんトゥーンシェーダを使ってイラスト風に仕上げる【UTS2】 〜完〜
