Gradient Shader

簡介

在顏色之間內插以建立平滑的顏色過渡。

UI

Common Attributes +

Screen Space - 選中時，漸變在螢幕空間中繪製。結果是 Shape 會穿過漸變移動。未選中時漸變「粘」在 Shape 上。

Reverse - 反轉 Gradient 的方向。

Premultiply - 選中時，透明像素的計算將被預乘。

Tiling - 確定漸變邊緣處的處理方式。

• Clamp - 使用漸變的第一個和最後一個值。
• Repeat - 重複/循環漸變。
• Mirror - 鏡像/乒乓漸變。
• Decal - 裁切漸變。

Gradient Mode - 為 Gradient 選擇內插方式。參見 Gradient。

Mode - 選擇漸變類型：

• Conical - 兩點錐形漸變。

  • Gradient - 設定 gradient 的顏色停靠點。
  • Start Radius - 設定漸變起點顏色停靠點的半徑。
  • End Radius - 設定漸變終點顏色停靠點的半徑。
  • Start Centre - 定位漸變起點的中心。
  • Wrap UVs - 選中時，最後一個 Stop 將與第一個 Stop 內插（反之亦然），這意味著 Gradient 將環繞。注意 - 如果第一個和最後一個 Stop 都位於 0 或 1，選中此屬性將沒有可見效果。

• Linear - 線性漸變。

  • Gradient - 設定 gradient 的顏色停靠點。
  • Scale - 縮放漸變。
  • Rotation - 旋轉漸變。
  • Gradient Scales with Rotation - 選中時，漸變將沿 Rotation 軸縮放以適應 shape(s)。
  • Offset - 偏移漸變的位置。
  • Wrap UVs - 選中時，最後一個 Stop 將與第一個 Stop 內插（反之亦然），這意味著 Gradient 將環繞。注意 - 如果第一個和最後一個 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 內插（反之亦然），這意味著 Gradient 將環繞。注意 - 如果第一個和最後一個 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 內插（反之亦然），這意味著 Gradient 將環繞。注意 - 如果第一個和最後一個 Stop 都位於 0 或 1，選中此屬性將沒有可見效果。

• Sweep - 圍繞圓形旋轉的漸變。

  • Gradient - 設定 gradient 的顏色停靠點。
  • Rotation - 設定漸變的旋轉。
  • Start Angle - 設定漸變開始的角度。
  • End Angle - 設定漸變結束的角度。
  • Offset - 偏移漸變的起止角度。
  • Wrap UVs - 選中時，最後一個 Stop 將與第一個 Stop 內插（反之亦然），這意味著 Gradient 將環繞。注意 - 如果第一個和最後一個 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 保持固定。