メニュー
\ ポイント最大11倍! /詳細を見る

【Unity】簡単設定!ユニティちゃんトゥーンシェーダーでアニメ調にする方法

eyecatch_unity

こちらのCGメソッドの記事ではユニティちゃんトゥーンシェーダーでアニメ調にする方法を紹介します!まずはこの記事の設定から是非試してみてください!

海外でフリーランスをしているテクニカルアーティスト
ゲーム開発・映像制作・WEB制作等を請け負っています。
当ブログは作業効率化のための技術ブログです。

目次

Unityトゥーンシェーダーの為のモデルデータのダウンロード

キズナアイのデータを使用します。
余談ですが2016年のクリスマスにこのモデルをダウンロードしたことを今でも覚えてます(こんなに人気になるとは!)

Kizuna AI official website
DOWNLOAD | Kizuna AI official website 世界中のみんなとつながりたい」という目標に向かって活動する、バーチャルタレントKizuna AI(キズナアイ)のオフィシャルウェブサイトです。
  • ライセンス表記:@Kizuna AI

ユニティちゃんトゥーンシェーダー2.0のダウンロード

下記のURLからダウンロードします。

データを解凍して、中の「UTS2_ShaderOnly_v2.0.3.unitypackage」のシェーダー部分だけ使用します。

  • ライセンス表記:© Unity Technologies Japan/UCL

Unityトゥーンシェーダー用のテクスチャの作成方法

[timeline]

[tl label=’STEP.1′ title=’影用のテクスチャの候補を選択します’]
まずはこれらを加工していきます。(目関係以外のカラー素材)

[/tl]

[tl label=’STEP.2′ title=’影用のテクスチャの作成’]
Photoshopで開き、1で選択したテクスチャの明るさ・コントラストをかけます。
それぞれ別名で保存します_darkと命名)

[/tl]

[tl label=’STEP.3′ title=’影用のテクスチャの保存’]
それぞれ別名で保存します「〇〇_dark」と命名
[/tl]

[/timeline]

Unityトゥーンシェーダー用のマテリアルの作成方法

顔用のマテリアルを作成します。名前は「face_toon」としました。
ユニティちゃんトゥーンシェーダーの種類はかなり多いのですが、今回は「Toon_DoubleShadeWithFeather」を選択しています。

Unityトゥーンシェーダー用のマテリアルの調整

テクスチャをアサインし、パラメータを調整していきます。

カラー

基本のベースカラーです。

  1. BaseMapにface、1st_ShadeMap,2nd_ShadeMapにはさきほど作ったface_darkをアサイン
  2. BaseColor_Step (0.3)をステップを決めて、Tweak_SystemShad( 0.4)を調整。シーンビューとゲームビューを見ながら調整
  3. ShadeColor_Step 影のステップは0に
  4. Vase/Shade_Feather ここに値を入れると光と影の境界線がやわらかくなります。

ハイライト

テカりです。肌や、布、金属と質感ごとに設定します。

  1. Is_SpecularToHighColor チェック
  2. Is_BlendAddToHiColor チェック
  3. HighColor_Powerをお好みで調整(0.06)

リムライト

回り込み用。立体感がでます。

  1. RimLight チェック
  2. RmiLightColor 肌色の暗めの色を入れる
  3. RimLight_Power( 0.1) お好みで調節

ライン

業務で使うとしたら断然「Pencil+ 4 Line for Unity」なのでしょうが、試しに使ってみます。

  1. Outline_Samplerにただの白テクスチャをアサイン
  2. Outline_Width 線の太さ
  3. Outline_Color 線の色

ラインの調整

白目部分に線がでてしまったので、ここだけでないようにテクスチャを加筆します。

他のパーツのマテリアル作成

服・体なども同様に作成します。
今まで使用していた顔のマテリアルを複製して、それぞれ同様にテクスチャを当てはめてアサインします。

※目はそのまま
※髪の毛のラインは顔と同じにすると太すぎなので2くらいにしました。

unityちゃんシェーダーのプレビュー確認

元のベースからちゃんとライティングが反映されています。

ライト回すとこんな感じです。

ユニティちゃんトゥーンシェーダーでアニメ調にする方法まとめ

以前から気になっていた「ユニティちゃんトゥーンシェーダー」を触ってみました。
トゥーンやセルルックは求めるルックをちゃんとイメージしてないと時間の消費が半端ないので、今回は1時間と決めて最小限でしか触ってません。
このあとはテクスチャとマテリアルを質感・部分ごとに調整して、ライティングもいい感じにして、カメラにポストエフェクトなどつけて、手を加えていくとどんどん絵面が良くなると思います!

もっと知りたいという方は専門書籍がでているので購入することをおすすめします!

全記事一覧

  • URLをコピーしました!

Unityに関する参考記事・ツール・書籍のまとめ

Unityの参考書籍

著:北村 愛実
¥2,673 (2024/03/15 21:06時点 | Amazon調べ)
著:吉谷幹人, 著:布留川英一, 著:一條貴彰, 著:西森丈俊, 著:藤岡裕吾, 著:室星亮太, 著:車谷勇人, 著:湊新平, 著:土屋つかさ, 著:黒河優介, 著:中村優一, 著:牙竜, 著:コポコポ, 著:かせ, 著:hataken, 著:monmoko
¥4,400 (2024/03/18 04:37時点 | Amazon調べ)
著:森哲哉, 著:布留川英一, 著:西森丈俊, 著:車谷勇人, 著:一條貴彰, 著:打田恭平, 著:轟昂, 著:室星亮太, 著:井本大登, 著:細田翔, 著:西岡陽, 著:平井佑樹, 著:コポコポ, 著:すいみん, 著:Maruton, 著:karukaru, 著:ハダシA, 著:notargs, 著:EIKI`, 著:おれんじりりぃ, 著:黒河優介, 著:中村優一, 著:藤岡裕吾
¥8,408 (2024/03/15 21:06時点 | Amazon調べ)
ボーンデジタル
¥5,060 (2024/03/18 04:37時点 | Amazon調べ)

Unityの人気アセット

目次