コンテンツにスキップ

Stroke

Stroke Utility は複数の Shape に接続して、それらのストロークカラーを制御できます。これにより、多くの Shape が同じカラーを共有し、1 つのレイヤーからの 1 回の操作で更新できます。

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 StyleRound にフォールバックします。

Join Style - 接合部の外観を設定します。

  • Mitre - 鋭い角。
  • Round - 丸い角。
  • Bevel - 面取りされた角。

Mitre Limit - 鋭い角が面取りして描画される限界を設定します。

Dash Pattern - カンマで区切られた数字シーケンスを入力します(ダッシュ、ギャップ、ダッシュ、ギャップ…)。

Dash Offset - パスに沿って Dash Pattern をオフセットします。

Align - パスに沿ってストロークを整列します。

  • Centre - パスの中央に沿ってストロークを整列します。
  • Inner - パスの内側に沿ってストロークを整列します。
  • Outer - パスの外側に沿ってストロークを整列します。

開いたパスは Centre 整列のみサポートします。単一の Path に複数の輪郭が存在する場合、Align 設定に関係なく、開いた輪郭は Centre に設定されます。

AlignInner または Outer に設定され、Trim が有効な場合、閉じたパス は設定に関係なく FlatCap Style になります。1 つの Shape に複数の輪郭が存在する場合、開いたパスは Cap Style 設定に従います。

Trim - 有効にすると、以下のコントロールが使用可能になります。

Start - ストロークが開始する Shape に沿ったパーセンテージを設定します。

End - ストロークが終了する Shape に沿ったパーセンテージを設定します。

Travel - Shape の周りでストロークを移動します。

Reverse Path - ストロークの方向を反転します。

Tapered Width - チェックすると、ストロークは輪郭の始点から終点に向かって先細りになります。

Start Width - 輪郭の最初の点でのストロークの Width の乗数。

End Width - 輪郭の最後の点でのストロークの Width の乗数。

Double Taper - チェックすると、テーパーの WidthTaper 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 のストロークカラーが更新されます。