跳到內容

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 的描邊顏色都會更新。