Path

Path Layer

The path layer stores a single vector shape. It has the following properties, which can be edited in the inspector.

Corner Radius#

You can use this slider to control the corner radius of every control point that has the Corner mode. If a specific control point is selected, only the radius of that one is edited.

Path Style#

Fill#

The color or gradient with which the shape should be filled.

Stroke#

The color or gradient of the stroke around the edge of the shape. This is only relevant if the stroke width is greater than 0.

Stroke Width#

The width of the stroke in pixels (in the local coordinate system of the layer).

Stroke Alignment#

Whether the stroke should be fully inside the shape, fully outside or centered along the edge.

Cap style#

The shape of the two open ends of the stroke. This has no effect on closed paths.

Butt#

The ends are cut off straight and do not extend beyond the first and last control points.

Round#

The ends are rounded and extend past the first and last control points.

Square#

The ends are cut off straight and extend past the first and last control points.

Join Style#

The shape of the connection of two curve segments of the stroke at a corner control point.

Miter#

The outer edges of the stroke are extended past the corner until they come together at a point.

Round#

The connection is rounded.

Bevel#

A bevel is used at the outer edge of the stroke at the control point.

Trim#

The trim property can be used to only show a certain percentage of the entire path.
This can be animated with keyframes to let the path grow or shrink over time.

Start trim#

Trims the beginning of the path.

End trim#

Trims the end of the path.