Gradient Shader

概要

色の間を補間して滑らかな色の遷移を作成します。

UI

Common Attributes +

Screen Space - チェック時、グラデーションはスクリーン空間に描画されます。その結果、Shape がグラデーションを通り抜けます。チェック解除時、グラデーションは Shape に「貼り付き」ます。

Reverse - Gradient の方向を反転します。

Premultiply - チェック時、透明ピクセルの計算が事前乗算されます。

Tiling - グラデーションの境界での動作を決定します。

Clamp - グラデーションの最初と最後の値を使用します。
Repeat - グラデーションを繰り返し/ループします。
Mirror - グラデーションをミラー/ピンポンします。
Decal - グラデーションを切り抜きます。

Gradient Mode - Gradient の補間方法を選択します。Gradient を参照してください。

Mode - グラデーションのタイプを選択します：

Conical - 2 点コニカルグラデーション。
- Gradient - gradient のカラーストップを設定します。
- Start Radius - グラデーション開始のカラーストップの半径を設定します。
- End Radius - グラデーション終了のカラーストップの半径を設定します。
- Start Centre - グラデーション開始の中心を配置します。
- Wrap UVs - チェック時、最後の Stop が最初の Stop と補間されます。注意 - 最初と最後の Stop が両方とも 0 または 1 にある場合、この属性をチェックしても視覚的な効果はありません。
Linear - リニアグラデーション。
- Gradient - gradient のカラーストップを設定します。
- Scale - グラデーションをスケーリングします。
- Rotation - グラデーションを回転します。
- Gradient Scales with Rotation - チェック時、グラデーションは Rotation 軸に沿って shape(s) にフィットするようにスケーリングされます。
- Offset - グラデーションの位置をオフセットします。
- Wrap UVs - チェック時、最後の Stop が最初の Stop と補間されます。注意 - 最初と最後の Stop が両方とも 0 または 1 にある場合、この属性をチェックしても視覚的な効果はありません。
Radial - 半径に沿って（中心から外側へ）作成されるグラデーション。
- Gradient - gradient のカラーストップを設定します。
- Scale - グラデーションをスケーリングします。
- Radius Mode:
  - Fixed Radius - グラデーションに固定半径を設定します。
  - Bounding Box - グラデーションを Shape に合わせてスケーリングします。
- Size Ratio - Bounding Box の乗数。
- Radius - グラデーションの Fixed Radius を設定します。
- Offset - グラデーションの位置をオフセットします [x,y]。
- Wrap UVs - チェック時、最後の Stop が最初の Stop と補間されます。注意 - 最初と最後の Stop が両方とも 0 または 1 にある場合、この属性をチェックしても視覚的な効果はありません。
Shape - 半径に沿って（中心から外側へ）作成される多角形グラデーション。
- Gradient - gradient のカラーストップを設定します。
- Scale - グラデーションをスケーリングします。
- Radius Mode:
  - Fixed Radius - グラデーションに固定半径を設定します。
  - Bounding Box - グラデーションを Shape(s) に合わせてスケーリングします。
- Size Ratio - Bounding Box の乗数。
- Radius - グラデーションの Fixed Radius を設定します。
- Offset - グラデーションの位置をオフセットします [x,y]。
- Shape Sides - Gradient の形状の辺の数を設定します。
- Wrap UVs - チェック時、最後の Stop が最初の Stop と補間されます。注意 - 最初と最後の Stop が両方とも 0 または 1 にある場合、この属性をチェックしても視覚的な効果はありません。
Sweep - 円の周りを回るグラデーション。
- Gradient - gradient のカラーストップを設定します。
- Rotation - グラデーションの回転を設定します。
- Start Angle - グラデーションが開始する角度を設定します。
- End Angle - グラデーションが終了する角度を設定します。
- Offset - グラデーションの開始/終了角度をオフセットします。
- Wrap UVs - チェック時、最後の Stop が最初の Stop と補間されます。注意 - 最初と最後の Stop が両方とも 0 または 1 にある場合、この属性をチェックしても視覚的な効果はありません。

Layer Tools

Stops は Select tool を使用して Viewport で操作できます。Gradient Shader が Scene Window で選択されていると、Gradient が Viewport に表示されます。

Gradient の Size Ratio/ Rotation を調整（Radial と Shape）- グラデーションの両端にある紫色のアウトライン付き白い点をクリック + ドラッグします。Cmd/Ctrl + クリック + ドラッグで Rotation のみに影響します。
Stop の Position を更新 - 紫色の線に沿って Stop をクリック + ドラッグします。
Stop の Interpolation を増減 - Shift + 左右にドラッグします。
Stop の Jitter を増減 - Cmd/Ctrl + 左右にドラッグします。
Stop を複製 - Option/Alt + ドラッグします。
Stop を削除 - Stop を選択して Delete キーを押します。
Stop の Color を変更 - Stop をダブルクリックし、ポップアップする Color Editor で Stop の色を調整するか、Color Window からスウォッチを Stop にドラッグ & ドロップします。

Gradients は Shape のバウンディングボックスを使用して色を配置します。場合によっては管理が必要になることがあります。例えば、Ellipse の Stroke に Sweep Gradient を使用する場合、Stroke の Trim を変更するとバウンディングボックスが変わり、それによって Gradient の位置も変わります。

この問題を回避するには - Gradient を Ellipse の Fill に適用し、Arc Shape を Clipping Mask として使用してみてください。この設定では、Ellipse のバウンディングボックスは変化しないため、Gradient は固定されたままになります。