【Blender】シェーダーにグラデーションを適用する

シェーダーにカラーグラデーションを適用する方法のメモ。

これを理解するとグレースケールにカラーを適用する仕組みがわかる模様。この手法は、グリザイユ画法を想像すると理解しやすいかも。
PhotoshopやCLIP STUDIO PAINTで、最初にグレースケールで濃淡を意識した絵を描き、グラデーションマップで色塗りするやり方に近いのでは。

＜Blender 2.93.1＞

■前置き

まずは、ベースカラーにRGBノードを接続してカラーを反映させる構成。

カラーグラデーションを反映させるため、カラーランプノードを接続するも、グラデーションは反映されない。中央位置に配置したカラーのみ反映される。

■実践

グラデーションテクスチャーを接続してみるだけでは、うまく反映されないようだ。
合わせてテクスチャー座標ノード、マッピングノードもそれぞれ接続する。

あと、立方体の側面の見栄えで、均等にグラデーションを表示さえるため、スペクトラムは中央寄りに調整してみる。

これで作業完了。

●●●

テクスチャー座標をオブジェクトに変更しても、マッピング調整がしやすいかも。

Texture Coordinate (テクスチャ座標)ノード — Blender Manual

■応用1：グレースケールにカラーグラデーションを適用してみる

簡単な応用として、グレースケールにカラーグラデーション適用する検証。

ポロノイテクスチャーノードを接続するとグレースケールの模様が適用される。これにカラーグラデーションを反映させたい。

プリンシブルBSDFノードとポロノイテクスチャーノード間にカラーランプノードを接続する。するとカラーグラデーションが適用される。

カラーランプノードで、グラデーションの間隔を調整して見栄え変更する。

なお、マッピングノードの位置、回転、スケールを調整するとカラーランプノードで設定したグラデーションの配置を変更できる。

■応用2：円形グレースケールにカラーグラデーションを適用してみる

図形の円を作成するため、追加＞コンバーター＞ベクトル演算　で長さを選択。マッピングで適当に位置合わせ。
あとは、カラーランプで、グラデーションの閾値をいじってペイント。

■所感

ノード構成の仕組みは、なんとなくわかった。

試行錯誤した時に感じたことは、ノードを組み合わせて、目的の図形つくるのは、手探りで面倒なので、プリミティブな図形ノードがあるとよいのに。

●●●

あと、今回気づいた重要点。
シェーダーエディターで編集時、ノードの組み合わせで、表現目的のため、グレースケールさえ生成できれば、それを流用して、模様の元にしてカラー化したり、マスクの元にしたり、ハイトマップの元にしたりできる模様。

■関連記事

これは、ノード編集する際、序盤に知っておきたかったテクニック。

以上。