3Dアイテムの作成 - 3D MAYA
その他

Toon Shader

29min

❗️ 注意 ZEPETOが提供するトゥーンシェーダー以外のシェーダーを使用して類似のスタイルのアイテムが制作された場合、警告なしにアイテムの販売が停止または削除されることがあります。



STEP 1 : 準備

👍 始める前に、最新バージョンのZepeto Studioプロジェクトファイルをダウンロードしてください。バージョン3.2.12以降の最新プロジェクトファイルには、ZEPETO内蔵シェーダーが含まれています。



ZEPETO Toon Shaderは次の機能を提供します。

Document image






STEP 2 : 機能を探索する

1. アウトラインコントロール

  • アウトラインカラー - アウトラインの色を設定できます。
Document image




  • アウトライン幅 - アウトラインの厚さを設定できます。アウトラインの厚さは距離に応じて一定ですが、カメラからの距離が増加すると(2M以上)、距離が増加するにつれてアウトラインの厚さが減少します。
Document image




  • Outline Color Blend - アウトラインの色とBaseColorとのブレンドの度合いを調整します。
Document image




  • Outline Off - アウトラインを描画しないオプション。
Document image




  • Outline Normals Source - このオプションは、メッシュのスムーズな法線情報がTangentとして表現されるかNormalとして表現されるかを決定するために使用されます。
Document image




2. シェーディングコントロール

  • シャドウカラー - シェーディングエリアの色を調整します。その色はBaseColorに乗算されてレンダリングされます。
Document image




  • シャドウしきい値 - シェーディングエリアの範囲を調整します。
Document image




  • Shadow Smooth - 影の部分の滑らかさを調整します。
Document image




  • Shading Detail - セカンドトーンのプロパティを制御します。(詳細は同じです)
Document image




3. Specular Control

  • Specular Color - 光沢部分の色を調整します。
Document image




  • Specular Threshold - 光沢部分の面積を制御します。
Document image




  • Specular Smooth - 光沢部分が滑らかに広がる度合いを制御します。
Document image




  • Use Specular Highlight - 光沢表現のオン/オフを切り替えます。
Document image




4. リムコントロール

  • リムカラー - リムライトの色を調整します。
Document image




  • リムしきい値 - リムライト部分の面積を調整します。
Document image




  • リムスムーズ - リムライトの広がりの滑らかさを制御します。
Document image




  • リムライトを使用 - リムライトのオン/オフを切り替えます。
  • 光ベースのマスク - マスクが選択されている場合、光を受けていない部分にはリムライトが表示されません。
Document image




ステップ 3 : 詳細を強化する



1. シャドウしきい値テクスチャ

👍 以下の詳細は、同じシャドウプロパティを使用した環境で比較されました。

  • 0.5グレイテクスチャに基づいて、シャドウが暗くなるほど、シャドウが明るくなります。
Document image




  • シャドウしきい値テクスチャが使用されていない場合
Document image

Document image




  • シャドウスレッショルドテクスチャが使用される場合
Document image

Document image




2. マスクテクスチャ

👍 以下の詳細は、同じアウトラインプロパティを使用する環境で比較されました。

  • アウトライン、スペキュラー、およびリムのマスキングテクスチャをそれぞれR、B、およびGチャンネルで制御します。
Document image




シャドウスレッショルドテクスチャが使用されていない場合

Document image

Document image




シャドウスレッショルドテクスチャが使用されている場合

  • アウトラインはテクスチャのRチャンネルを使用します

    Document image
    
Document image




👍 以下の詳細は、同じSpecularプロパティを使用した環境で比較されました。

  • R、B、およびGチャンネルは、それぞれOutline、Specular、およびRimのマスキングテクスチャを制御します。
Document image




マスクテクスチャが使用されていない場合

Document image

Document image




マスクテクスチャが使用される場合

  • スペキュラはテクスチャのGチャンネルを使用します

    Document image
    
Document image




👍 以下の詳細は、同じリムプロパティを使用した環境で比較されました。



マスクテクスチャが使用されない場合

Document image

Document image




マスクテクスチャが使用される場合

  • リムはテクスチャのBチャンネルを使用します
Document image

Document image




3. テクスチャブラシ

  • トゥーンシェーダーの境界に特定のパターンを表現します。テクスチャは0.5のグレイテクスチャに基づいて生成されます。
Document image




テクスチャブラシが使用されていない場合

Document image




👍 以下の詳細は、同じプロパティを使用した環境で比較されました。



  • テクスチャブラシが使用されている場合
Document image

Document image




Document image




Document image