【 Blender 2.9】3D CGのつくり方グラデーションをつくるカラーランプノードについて : The WONDER ROAD

今回はカラーランプノードについて詳しく見ていきます。

カラーランプノードの効果
入力ソケット
プロパティ
出力ソケット

1. カラーランプノードの効果

カラーランプとは、その名の通り「色の傾き」、つまり色のグラデーションを表現するときにつかいます。

カラーランプノードでは、カラーストップというものをつかって色の種類や変化をコントロールします。カラーストップというのは、指定した色がどこに配置されるべきかを示すマークのようなもので、各ストップの間の色は選択した方法によって補間されて表現されることになります。

たとえば、両端のカラーストップを赤と青に設定すると、赤から青へ徐々に変化するグラデーションがつくれます。

ただ、カラーランプノードだけを接続しただけでは、うまくグラデーションが表示されません。係数で指定した値の色で表示されます。

グラデーションテクスチャノードを追加すると、表面上にグラデーションが表現されます。

さらにグラデーションの向きや位置を指定するためには、テクスチャ座標ノードとマッピングノードを追加します。
ここではZ軸（画像上下方向）回りに90°回転させてみました。

2. 入力ソケット

係数

設定した色の勾配のなかで、どの色を表示するかを0~1の値で指定します。カラーランプノードを直接出力ノードに接続したときは、ここで指定した色で出力されます。
上で設定したようなカラーランプノードを使って係数を変化させていくとこのように表示されます。

3. プロパティ

カラーランプノードのなかで、それぞれのプロパティを操作する方法を詳しく見ていきます。

①追加

表示されているカラーバンドに新しいカラーストップを追加します。
両端にだけストップがある場合は中間位置に追加されます。3つ以上ストップがある場合は、さいごに選択したストップとその左側のストップとの中間に追加されます。

②削除

選択したカラーストップを削除します。

③その他の操作

[ + ] と [ - ] ボタンの横にある [ v ] ボタンをクリックすると追加のメニューが表示されます。

カラーランプを反転

カラーランプを反転させます。表示されたカラーバーの左右を入れ換える操作です。

ストップを左から配置

カラーストップを左から右へ等間隔に配置します。カラーバーのいちばん右端へはストップは配置されません。

ストップを均等に配置

カラーバーの両端にストップが配置され、その間にすべてのカラーストップが等間隔に配置されます。

アイドロッパー

アイドロッパーはスポイトのアイコンで表示されています。Blenderのウィンドウ内からいろいろなデータをサンプリングすることができます。座標軸のアイコンの色やウィンドウ枠などからもサンプリングできます。

カラー

画面内のサンプリングしたい色の上でクリックしてサンプリングできます。
カラーランプ

画面内でカーソルをドラッグすることで、カラーランプの両端の色を指定することができます。

リセット

カラーランプを初期の状態へ戻します。カラーバーも黒から白へのグラデーションに戻ります。

④カラーモード

カラーストップの間の色を補間するときにつかう色空間をRGB、あるいはHSV/HSLから選択します。

⑤補間オプション

カラーストップの間の色補間をする方法を選択します。

RGBモード

Blender_Color_Ramp_Color_Mode_Ease — イーズ

Blender_Color_Ramp_Color_Mode_Cardinal — カーディナル

Blender_Color_Ramp_Color_Mode_Linear — リニア

Blender_Color_Ramp_Color_Mode_B-Spline — B-スプライン

Blender_Color_Ramp_Color_Mode_Constant — 一定

HSV/HSLモード
次のようなカラーバーの設定のときを考えます。

HSV/HSLのそれぞれの補間法はカラーサークルを見ながら考えると分かりやすいと思います。

カラーランプの色の変化は、カラーストップで指定した色から次のカラーストップの色へカラーサークルの円周上を移動したようなグラデーションになります。
この場合であれば、赤→黄色→ピンク→青の順で変化します。そして、それぞれの補間法によってカラーサークルを移動する通り道が異なるため、グラデーションの様子が異なります。