跳转到内容

Stroke

Stroke Utility 可以连接到多个 Shape 以控制它们的描边颜色。通过这种方式,多个 Shape 可以共享相同的颜色,从而通过单个 Layer 的一次交互即可更新。

一旦 Shape 连接到 Stroke Utility,所有已连接 Shape 的颜色可以从这些 Shape 中的任何一个或通过 Stroke Utility 本身进行更改。

Color - 使用 Hex 或 RGB 值设置 Shape 的颜色(只有 RGB 值可以添加动画)。点击色板可使用 HSV 设置颜色。

如果 Hex 代码包含重复的字符或数字序列,它们将自动补全。例如,输入 AB 然后按 Enter 将生成 #ABABAB

Shaders - 一个已连接的 Shaders 列表。

Alpha - 整个着色器网络不透明度/透明度的主控制。

Width - 设置描边的宽度。

Cap Style - 设置开放路径上端点(描边的两端)的外观。

  • Flat - 在端点处终止的平头端点。
  • Round - 以端点为中心点的半球形端点。
  • Projecting - 在端点之外延伸一半宽度的平头端点。

请注意,当勾选 Tapered Width 时,不支持 Projecting 端点。在这种情况下,Cap Style 将回退到 Round

Join Style - 设置连接处的外观。

  • Mitre - 尖角。
  • Round - 圆角。
  • Bevel - 斜角/切角。

Mitre Limit - 设置尖角被绘制为斜角的临界值。

Dash Pattern - 输入由逗号分隔的数字序列(虚线、间隙、虚线、间隙…)。

Dash Offset - 沿路径偏移 Dash Pattern

Align - 沿路径对齐描边。

  • Centre - 沿路径中心对齐描边。
  • Inner - 沿路径内侧对齐描边。
  • Outer - 沿路径外侧对齐描边。

开放路径仅支持 Centre 对齐。当单个 Path 中存在多个轮廓时,无论 Align 设置如何,任何开放轮廓都将设置为 Centre

如果 Align 设置为 InnerOuter 并且启用了 Trim闭合路径 将采用 FlatCap Style,无论其设置如何。当一个 Shape 中存在多个轮廓时,任何开放路径将遵循 Cap Style 设置。

Trim - 启用后,以下控件可用。

Start - 设置描边沿 Shape 的起始百分比。

End - 设置描边沿 Shape 的结束百分比。

Travel - 围绕 Shape 移动描边。

Reverse Path - 反转描边的方向。

Tapered Width - 勾选后,描边从轮廓的起点到终点逐渐变细。

Start Width - 轮廓第一个点处描边 Width 的倍增系数。

End Width - 轮廓最后一个点处描边 Width 的倍增系数。

Double Taper - 勾选后,渐变的 Width 在由 Taper From 属性确定的轮廓某点处设置为 100%。然后可以将 Start WidthEnd Width 属性设置为 0%,以创建一个从零开始、增加到全宽然后再降到零的渐变效果。

Cap Centres - 偏移 Round 端点的中心。

Taper From - 勾选 Double Taper 后,设置沿轮廓的 Width 为 100% 的位置。

Middle Length - 设置 Taper From 点两侧 Width 为 100% 的描边长度。

  1. 创建 2 个 Shapes。
  2. 创建一个 Stroke Utility
  3. Scene Window 中选择两个 Shapes。
  4. Scene Window 中,按住 Option/Alt 并连接 stroke.id→shape.stroke(按住 Option/Alt 将同时与两个选中的 Shapes 建立连接)。
  5. 调整 Stroke Utility 的 Color

两个 Shapes 的描边颜色都会更新。