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 設定為 Inner 或 Outer 且啟用了 Trim,閉合路徑 將採用 Flat 的 Cap 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 Width 和 End Width 屬性設定為 0%,以建立一個從零開始、增加到全寬然後再降到零的漸變效果。
Cap Centres - 偏移 Round 端點的中心。
Taper From - 勾選 Double Taper 後,設定沿輪廓的 Width 為 100% 的位置。
Middle Length - 設定 Taper From 點兩側 Width 為 100% 的描邊長度。
- 建立 2 個 Shapes。
- 建立一個 Stroke Utility。
- 在 Scene Window 中選取兩個 Shapes。
- 在 Scene Window 中,按住 Option/Alt 並連接 stroke.id→shape.stroke(按住 Option/Alt 將同時與兩個選取的 Shapes 建立連接)。
- 調整 Stroke Utility 的 Color。
兩個 Shapes 的描邊顏色都會更新。