SubstanceDesigner

【Substance Designer】均等幅のステップグラデーションの作り方

ver.2021を使用
インドの階段井戸をサブスタンスデザイナーで再現してみたいと思った時に、均等幅のステップグラデーションの作り方に迷ったためブログに残そうと思いました。

レトロゲームで使える色数が少なかった時代によく見られた段階的なグラデーションの再現も出来そうです。例えば最初に思い浮かんだのはファイナルファンタジーVIのメニュー画面の背景ですね。

均等幅のステップグラデーション

Tile Generatorノードで作る方法

X Amount:1, Y Amount:10
X, Yの数値を逆にするとグラデーションの向きが変わります。
パターン:正方形
colorカテゴリにある Luminance By NumberTrue に変更

heightマップに接続して確認してみると均等な階段のように段差がつきました。
プレビューが見やすいようにオクルージョンもつけています。

Tile Samplerノードで作る方法

X Amount:10, Y Amount:10
パターン:正方形
colorカテゴリにある Color Parametrization Modeのプルダウンから
Row Index または Column Index を選択

均等ではないステップグラデーション

Quantize Grayscaleノードを使います。上下の幅が短くなってしまいます。
均等幅にはなりませんが元となる画像を切り替えできるので便利です。

作品例

ステップグラデーションを使用した作品です。