グラデーションマップ
このノードは、複数のカラーを正確にマッピングするための、高度で機能豊富なグラデーションエディターを提供します。詳しくは、このページのグラデーションエディターセクションに移動してください。
グラデーションエディター
このウィンドウには、グラデーションマップノードがグレースケール値をカラーにマッピングするために使用する参照グラデーションを編集するためのコントロールが用意されています。
次の方法で、グラデーションマップノードの プロパティ から開くことができます。
- グラデーションエディターボタンで「LMB」をクリックします。
- グラデーションバーのピンの「LMB」をダブルクリックします。 クリックしたピンは、グラデーションエディターで自動的に選択されるので、その値を直接編集できます。
グラデーションピンの編集
グラデーションのカラーと位置は、グラデーションバーに配置されたピンで制御します。
各ピンは、グラデーション上の位置にカラーを設定します。
最初と最後のピンの前と後のグラデーションの部分は、それらのピンのカラーにそれぞれ設定されます。
ピンを編集するには、次のコントロールを使用できます。
複数のピンを選択した場合は、すべてのピンを 同時に 移動できます。 移動したときに1つ以上のピンがグラデーションに到達して終了すると、移動に使用したマウスボタンに応じて、次の2つのビヘイビアーが使用できます。
- LMB:ピンは最後に残ります。つまり、ピンが到達すると、その位置にスタックされ、相対的な位置が変更されます。
- MMB:ピンがグラデーションのもう一方の端までループし、相対位置が変わりません。
色の反転
このボタンをクリックすると、選択したピンの色が負の色に切り替わります。
彩度を下げる
このボタンをクリックすると、選択したピンに設定されているカラーの彩度が下がります。
補間モード
ピンを設定した後は、使用可能な補間モードを使用して、あるピンから次のピンに色をどのようにトランジションするかを制御できます。
グラデーション間のトランジションをベジェ曲線(ピンが曲線のポイントになる)と見なすとき、このモードを使用すると、これらのポイントに水平方向の接線が設定されます。
その結果、スムースステップ補間を想起させるトランジションが作成されます。
このモードを選択すると、中点パラメーターが有効になり、ポイント間の曲線の垂直中点の水平位置をオフセットできます。 これにより、「out」接線と「in」接線の間のスケールが効果的にヒントになります。
各点間の補間曲線にスムージングを適用します。
このモードを選択すると、Smoothnessパラメーターが有効になり、値0が リニア 補間モードと等しい、スムージングの強さを調整できます。
カラーはピンの位置でのみ変化し、グラデーションバーに沿って次のピンが表示されるまで一定です。
これにより、カラー間のハードステップが発生し、ピンで設定されたカラーのみがグラデーションに存在することになります。
カラーピッカー
カラーピッカーを使用すると、いくつかの方法でカラーを設定できます。
-
グラデーションと色相バー
table 0-row-2 0-border-0 1-border-0 2-border-0 html-authored no-header グラデーションのギズモと色相バーのノッチの位置を微調整してカラーを設定します。
-
RGB、HSV、Alphaのスライダー
table 0-row-2 0-border-0 1-border-0 2-border-0 html-authored no-header RGB、HSV、Alphaの各スライダーを使用すると、スライダーを微調整したり、数値を直接設定したりして、カラーを正確に設定できます。
または、スライダーの下にある専用入力フィールドのhexcodeを使用します。
-
画面で選択
table 0-row-2 0-border-0 1-border-0 2-border-0 html-authored no-header 選択ボタンを使用し、画面内の任意の場所をクリックして、その場所で色をサンプリングします。
複数のピンを選択すると、RGB、HSV、Alphaの各スライダーがデルタ(Δ)スライダーに変わります。つまり、各ピンの値を同じ量だけオフセットするために使用されます。
グラデーションスポイト
グラデーションスポイトツールは、このノードが提供する最も便利な機能の1つです。参照画像に線を描画するだけで複雑なグラデーションを作成できます。
精度スライダーを使用すると、キーの数を増やしたり減らしたりして、新しく作成したグラデーションを調整できます。値が小さいほど、選択した値に一致するグラデーションの精度が高くなります。
入力コネクタ
例
近日公開。