Borders

All layers except Text layers can have as many borders as you want. These can all have various thicknesses, colors and blend modes.

From left to right the border options are:

  • Solid Fill
  • Linear Gradient
  • Radial Gradient
  • Circular Gradient

Border Position

A border can be drawn on center, inside or outside of path. If you have a closed shape, an inside border will draw the border on the inside of the shape’s contour, and outside border on the outside.

A center border draws it straight on top of the outline, and it’s also the only option if the shape is not closed, such as in case of a line. After all, the concept of ‘inside’ or ‘outside’ doesn’t exist on a line.

Color or Gradient

A border can be either a Solid color or a Gradient. You can switch between the two types using the color box on each fill, and switching from a flat color to one of the three available gradient types.

Editing a border gradient works in exactly the same way as a fill gradient, so read the chapter on gradients if you want to know how to edit them.

Dashed Lines

Shapes have a few more advanced options for their borders; dashed lines and changing the ends and joins of a path. Look in the Inspector’s Border section and click the small gear icon. A popover will display with additional options, including four fields at the bottom for configuring dashed lines.

For example, a dash pattern of 4-2 will draw the stroke for four pixels, put a two pixel gap, draw four more pixels and then so on. A dashed pattern of 5-4-3-2 will draw a stroke of 5 pixels, a gap of 4, then a stroke of 3 pixels, a gap of two, and then start all over again.