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 保持固定。