【Unity】ユニティちゃんトゥーンシェーダを使ってイラスト風に仕上げる【UTS2】

マイケル

みなさんこんにちは！
マイケルです！

エレキベア

クマ〜〜〜〜〜〜

マイケル

今日はトゥーンシェーダを使って、３Dモデルをイラスト風にしてみるよ！

エレキベア

トゥーンシェーダって何クマ？

マイケル

よくぞ聞いてくれたね！
それじゃトゥーンシェーダについて見ていこう！

トゥーンシェーダとは

エレキベア

そもそもシェーダって何クマ？？

マイケル

シェーダは簡単にいうと描画方法を記述したプログラムのことで、
物体の見た目を変えることができるんだ！

エレキベア

物体の表示を決定するプログラムといった感じクマね

マイケル

そのとおり！
その中でもトゥーンシェーダは、
平板で境界線のはっきりした陰影をつけることで
イラスト風に表示することができるシェーダのことをいうんだ！

エレキベア

最近のゲームやアニメで見るような、
アニメチックな表現も可能ということクマか・・・

マイケル

そう考えたらワクワクするよね！
簡単にシェーダの表示の違いを見ていこう！

Standard Shader

マイケル

まずはUnityでマテリアルを作成すると最初に設定される、
スタンダードなシェーダから！

マイケル

こんな感じでめっちゃ３Dって感じです！

エレキベア

立体感があふれるクマね

Unlit Shader（陰影なし）

マイケル

そして次はUnlitシェーダと呼ばれる、陰影処理を行わないシェーダ！

マイケル

テクスチャで塗りつぶしただけの表示になります！

エレキベア

こっちは立体感があまり感じられないクマね・・・

ユニティちゃんトゥーンシェーダ（UTS2）

マイケル

そして最後は今回紹介する、UTS2というトゥーンシェーダです！

マイケル

立体感もあるイラスト風な仕上がりになりました！

エレキベア

これはすごいクマ〜〜〜！！
なんかリッチな感じがするクマ〜〜〜

マイケル

それじゃ早速設定していこう！！

UTS2の導入

マイケル

設定していくのは、先ほど紹介した
ユニティちゃんトゥーンシェーダ（UTS2）です！

マイケル

Unity社が開発した無料のトゥーンシェーダで、
アニメやゲーム制作など様々な現場で使われている（らしい）です！

エレキベア

これが無料で使えるなんてすごいクマね・・・

マイケル

導入方法は簡単で、下記サイトでダウンロードして・・・

ユニティちゃんトゥーンシェーダー2.0

マイケル

「UTS2_ShaderOnly_vX.X.X_Release.unitypackage」をUnityでインポート！

マイケル

以上で導入は完了です！

エレキベア

簡単２ステップクマ〜〜〜

UTS2の各設定

マイケル

シェーダを使用するため、マテリアルのシェーダに「UnityChanToonShader/Toon_DoubleShadeWithFeather」を設定し、
BaseMapにテクスチャを設定しましょう！

マイケル

これで準備は完了！
各項目を設定していきます！

エレキベア

やったるクマ〜〜〜〜

影の設定

マイケル

BaseMap隣の「No Shadow」ボタンをクリックし、「With 1st ShadeMap」「With 2nd ShadeMap」を有効にします。
これで影の設定ができるようになりました！

エレキベア

ここに影の色を設定するクマね

マイケル

１影、２影と言われる設定で、２影は１影よりも濃い影を設定するよ！
発色が自然になるように調整して色を設定しましょう！

エレキベア

テクスチャに影がついた感じクマね

マイケル

補足ですが、Scene作成時に追加されるDirectional LightのColorはデフォルトで肌色になっていますが、自然な発色にするため白に設定しておきましょう！

エレキベア

承知クマ〜〜〜〜

アウトラインの設定

マイケル

続いてアウトラインを設定します！

マイケル

下記「Outline Width」で線幅、「Outline Color」で線の色を設定します。

マイケル

するとこのようにオブジェクトの輪郭に線が表示されるようになります！

エレキベア

イラスト感が増したクマ〜〜〜〜

RimLightの設定

マイケル

そして最後にリムライトの設定！
下記「RimLight」を有効にします！

マイケル

するとこのように背後から光が当たったような効果が出て、立体感がでるようになります！

エレキベア

なんかリッチな感じクマ〜〜〜

マイケル

「RimLight Mask Level」を下げると透明度があがって、絵に溶け込みやすくなるよ！

おわりに

マイケル

というわけで今回はトゥーンシェーダを使ってみました！
どうだったかな？？

エレキベア

思ってたより難しくなくて
簡単にクオリティが上がってすごいと思ったクマ〜〜〜

マイケル

今回は簡単な３Dモデルに設定したけど、
もっと複雑な３Dモデルに設定すれば更にクオリティが上がりそうだね！

マイケル

UTS2は今回紹介した設定以外にもいろいろ設定できるので、
マニュアルもチェックしてみてください！

エレキベア

これが無料はマジですごいクマ・・・

マイケル

それでは今日はこの辺で！
アデュー！！

【Unity】ユニティちゃんトゥーンシェーダを使ってイラスト風に仕上げる【UTS2】 〜完〜