Skip to content
Craft Wiki

Make patterns, blends and repeats

This guide shows how to make a pattern swatch and edit its tile, repeat artwork radially, in a grid or as a mirror, weave objects with Intertwine, attach objects to a path, and blend one shape into another with the Blend tool. Patterns, repeats, Intertwine groups, objects on a path and blends all stay live: you can change their art and options after you make them.

Tool or command Windows and Linux macOS
Blend tool W W
Object → Blend → Make Ctrl+Alt+B Cmd+Option+B
Object → Blend → Release Ctrl+Alt+Shift+B Cmd+Option+Shift+B
Object → Pattern → Edit Pattern Ctrl+Shift+F8 Cmd+Shift+F8

The other commands on this page and the Objects on Path tool have no key of their own. You can give them one in Edit → Keyboard Shortcuts….

A pattern swatch repeats a tile of artwork to fill or stroke an object.

  1. Draw the art for one tile. To give the pattern a background color, include a filled rectangle the size of the tile behind the art.
  2. Select the art.
  3. Choose Object → Pattern → Make. VectorCraft adds the pattern to the Swatches panel, opens pattern editing mode and opens the Pattern Options panel.
  4. Set the tile in the Pattern Options panel, as the next section describes. You can also change the art of the tile on the canvas while you are in pattern editing mode.
  5. Click Done in the bar above the canvas, or press Esc.

To paint an object with the pattern, select the object and click the pattern swatch in the Swatches panel.

A night market stall in market-banner.vectorcraft at 90%, with a pointed banner and two cushions painted with the Lantern Leaf pattern of teal leaves and amber lanterns on dark indigo. The banner is selected, and the Swatches panel, set to show pattern swatches only, lists Lantern Leaf

To make a pattern swatch without opening pattern editing mode, drag the selected art into the Swatches panel.

Set up the tile in the Pattern Options panel

Section titled “Set up the tile in the Pattern Options panel”

In pattern editing mode, VectorCraft shows the tile at full strength, surrounded by dimmed copies, so you can see how the pattern repeats. The bar above the canvas shows Pattern Editing Mode and the name of the pattern, with Save a Copy, Done and Cancel at the right. To open the panel at any time, choose Window → Pattern Options.

Pattern editing mode for the Lantern Leaf pattern in lantern-pattern.vectorcraft at 350%. The tile, a teal leaf and an amber lantern on a dark indigo square, is outlined in blue near the middle of the canvas, and paler copies fill the rest of the canvas in rows that are offset by half a tile. The Pattern Options tab is open in the dock on the right and shows Name Lantern Leaf, Tile Type Brick by Row, Brick Offset 1/2, Width and Height 72 pt, Copies 5 x 5, Dim Copies to 70% and Show Tile Edge on, and the bar above the canvas has Save a Copy, Done and Cancel buttons

Option Default What it does
Name New Pattern 1 The name of the swatch. Press Enter to apply it
Tile Type Grid How the tiles line up: Grid, Brick by Row, Brick by Column, Hex by Column or Hex by Row
Brick Offset 1/2 How far each row or column of bricks is shifted: 1/2, 1/3, 1/4 or 1/5 of a tile. Brick tile types only
Width and Height The size of the art The size of the tile. Not available while Size Tile to Art is on
Size Tile to Art Off Makes the tile the size of the art, plus the spacing below
H Spacing and V Spacing 0 The gap between the tiles across and down. Available only with Size Tile to Art
Overlap Left in Front, Top in Front Left in Front or Right in Front, and Top in Front or Bottom in Front: which tile is drawn on top where art reaches into the next tile
Copies 5 x 5 How many copies the canvas shows while you edit: 3 x 3, 5 x 5, 7 x 7 or 9 x 9
Dim Copies to 70% The opacity of the copies around the tile, from 0% to 100%
Show Tile Edge On Outlines the tile
Show Swatch Bounds Off Outlines, with a dashed line, the part of the tiling that the swatch repeats

The panel’s buttons and its menu have the same three commands as the bar above the canvas:

  • Save a Copy saves the tile as a new pattern swatch named after the pattern with “copy” added, and you keep editing the original.
  • Done saves your changes to the pattern and ends pattern editing mode. The back arrow at the left of the bar does the same.
  • Cancel ends pattern editing mode without saving your changes. If you started with Make, Cancel also removes the new pattern.

To change the color of the tile edge and the swatch bounds, choose Object → Pattern → Tile Edge Color…, and choose a color from the Color list or click the color box to pick any color. The default is Light Blue. The same setting is Tile Edge Color in Edit → Preferences… → Guides & Grid on Windows and Linux, and in VectorCraft → Settings → Guides & Grid… on macOS, under Pattern Editing.

The Tile Edge Color dialog with Color set to Light Blue and a blue color box, over pattern editing mode. Beside it, the Lantern Leaf tile shows at full strength inside a light blue tile edge, with the dashed swatch bounds below it and dimmed copies all around

  1. Select an object that is painted with the pattern.
  2. Choose Object → Pattern → Edit Pattern (Ctrl+Shift+F8, or Cmd+Shift+F8 on macOS).
  3. Change the art of the tile on the canvas or the options in the Pattern Options panel.
  4. Click Done, or press Esc.

VectorCraft redraws every object painted with the pattern with the new tile. You can also open a pattern from the Pattern Options panel when nothing is being edited: choose the pattern from the list and click Edit Pattern.

The Pattern Options panel with no pattern being edited. It says that pattern options are available in pattern editing mode and shows Lantern Leaf in the pattern list next to an Edit Pattern button. On the canvas, the banner and cushions of a night market stall are painted with the pattern

Repeat art radially, in a grid or as a mirror

Section titled “Repeat art radially, in a grid or as a mirror”

A repeat shows copies of one piece of art in an arrangement. When you change the art, every copy changes with it.

  1. Select the art.
  2. Choose Object → Repeat, then Radial, Grid or Mirror.
  3. To change the arrangement, choose Object → Repeat → Options…, set the values and click OK.

A mandala of twelve coral petals with magenta centers around a glowing coral sun, on a violet disk in a starry night sky, next to a grid of white stars in four rows of three. The mandala is selected, and the Repeat Options dialog shows End Angle 360, Instances 12, Radius 190 px, Reverse Overlap off and Start Angle 0

Repeat Starts with Options in Repeat Options
Radial 8 copies around a center below the art Instances (1 to 1000), Radius, Start Angle and End Angle, and Reverse Overlap, which draws the copies in the opposite order where they overlap
Grid 3 rows and 3 columns, with gaps of a quarter of the art’s size Rows and Cols (1 to 500 each), H Spacing and V Spacing, Grid Type, a text field where you type grid, brickByRow, brickByColumn, hexByColumn or hexByRow, Flip Rows and Flip Cols, and Preview
Mirror A vertical axis 10 pt to the right of the art Angle of the axis

A selected grid or mirror repeat also has controls on the canvas. Each drag of a control is one undo step.

  • Grid: drag the handle below the grid to add or remove rows, the handle to the right to add or remove columns, and the handle past the corner to change both. Drag the short bars between the first columns or rows to change the spacing.
  • Mirror: drag the middle of the axis to move it, and drag an end of the axis to turn it.

A dusk tower in tower-windows.vectorcraft with a grid repeat of lit windows in five rows and four columns, selected with the Selection tool. Round handles sit below the grid, to its right and past its corner, two short spacing bars sit between the first window and its neighbors, and the Properties panel shows Grid Repeat

A moth over a dusk skyline in dusk-moth.vectorcraft, made from one pair of pink and amber wings and a mirror repeat. The repeat is selected, and its vertical axis runs down the moth’s body with a handle at each end and one in the middle. The Properties panel shows Mirror Repeat

To change the art that a repeat copies, double-click the repeat with the Selection tool. The repeat opens in isolation mode, and you edit its source art. With one repeat selected, choosing another kind from Object → Repeat changes it to that kind.

To take the art out of the repeat, select it and choose Object → Repeat → Release. You get the source art back without the copies. To keep the copies as ordinary objects instead, choose Object → Expand. Each repeat becomes a group of its copies.

Intertwine sets which object is drawn on top in each area where objects overlap, so that they pass over and under each other.

  1. Select two or more overlapping objects.
  2. Choose Object → Intertwine → Make. VectorCraft puts the objects in an Intertwine group and switches to the Intertwine tool.
  3. Point to a place where the objects overlap. The tool outlines that overlap area in red.
  4. Click the area. The object drawn just below the top one comes to the front there. Click again to swap them back.
  5. To change several areas at once, drag a path around them. Hold Shift as you start the drag to draw a rectangle instead.
  6. Press Esc or Enter to go back to the tool you used before.

Two linked rings, teal and amber, in an Intertwine group over a dusk skyline in linked-rings.vectorcraft. The teal ring passes over the amber ring where they cross at the top and under it where they cross at the bottom, and the Intertwine tool outlines the bottom overlap area in red

Where three or more objects overlap, right-click the area and choose Bring to Front, Bring Forward, Send Backward or Send to Back. The command moves the object nearest to the pointer, in that area only.

To change the group later, select it and choose Object → Intertwine → Edit. To give the objects back as they were before you made the group, choose Object → Intertwine → Release. To keep the woven look as ordinary objects, choose Object → Expand.

The Objects on Path tool spreads objects evenly along a path and turns each one to follow it. When you reshape the path, the objects move with it.

  1. Draw the path, and the objects to place on it.
  2. Select the objects.
  3. Choose the Objects on Path tool. It shares a slot with the Blend tool in the Tools panel. You can also choose Object → Objects on Path → Attach, which chooses the tool for you.
  4. Point to the path. VectorCraft highlights it.
  5. Click the path. The objects attach to it in an Objects on Path group, from the first anchor point of the path.

The objects go onto the path in their order on the canvas, column by column from left to right. With one Objects on Path group selected, the Selection tool and the Objects on Path tool show handles on the canvas:

  • The round handle beside the first object turns every object of the group. Hold Shift to turn in 15° steps.
  • The square handle past the last object sets the distance between the objects. It shows when the group has two or more objects. Hold Alt (Option on macOS) to spread them from both ends of the path toward its center.

Press Esc during either drag to cancel it.

Seven paper lanterns in yellow, amber and coral attached to a wavy teal string above a night market in lantern-path.vectorcraft, each turned to follow the curve of the string. The Objects on Path group is selected with the Objects on Path tool, with a round handle beside the first lantern and a square handle past the last one, and the Properties panel shows the group’s Pivot and Rotate

To set how the next objects attach, double-click the Objects on Path tool. In Objects on Path Tool Options, choose the Pivot, the point of each object that sits on the path (the center by default), and the Rotate angle, from −360° to 360° (0° by default). Click Save. Reset puts the center and 0° back. Groups you made earlier keep their settings.

The Objects on Path Tool Options dialog with the center point of the Pivot grid selected, Rotate set to 0°, a Reset button, and Cancel and Save buttons, over lanterns on a string at dusk

To keep the objects where they are and stop them following the path, choose Object → Objects on Path → Expand. The group becomes an ordinary group of the path and the objects.

A blend fills the space between two or more objects with steps that change in shape and color from one to the next.

  1. Press W to choose the Blend tool.
  2. Click the first object. To start the blend from a particular anchor point, click that point.
  3. Click the second object, or an anchor point of it. VectorCraft makes the blend.
  4. To add more objects to the blend, click them in turn.

A night market at dusk. A teal string hangs between two dark posts, with a yellow lantern at the left end and a coral lantern at the right end. The yellow lantern is selected as the Blend tool’s first pick, and the status bar shows the Blend tool’s hints

To start over, click an empty part of the canvas or press Esc. You can also select the objects and choose Object → Blend → Make (Ctrl+Alt+B, or Cmd+Option+B on macOS). The blend runs from the back object to the front one.

To open Blend Options, select the blend and choose Object → Blend → Blend Options…, or double-click the Blend tool. Alt-click (Option-click on macOS) with the Blend tool opens it too. With Preview on, the blend on the canvas shows each change. With no blend selected, the dialog sets the options of the blends you make next.

The Blend Options dialog with Spacing set to Specified Steps and 5, Orientation set to Align to Path and Preview on. Above it, a selected blend of seven lanterns, from yellow at the left to coral at the right, hangs in an arc below a gray-teal string between two dark posts, over dusk rooftops, with each lantern tilted to follow the curve

Option Default What it does
Spacing Smooth Color Smooth Color chooses the number of steps from the difference between the colors. Specified Steps sets the number of steps between each pair of objects, from 1 to 1000. Specified Distance sets the distance between the steps
Orientation Align to Page Align to Page keeps every step upright. Align to Path turns each step to follow the spine of the blend

The spine is the path that the steps follow. A new blend’s spine is a straight line between the objects. The commands in Object → Blend change it:

Command What it does
Replace Spine Uses a path as the spine. Select the blend and the path, then choose the command. The path becomes the spine and is no longer a separate object
Reverse Spine Reverses the order of the objects along the spine
Reverse Front to Back Reverses the stacking order of the steps
Expand Replaces the blend with a group of its objects and steps as ordinary objects
Release Removes the steps. The original objects come back, and the spine stays as a path with no fill or stroke

The Blend panel (Window → Blend) has buttons for all of these commands and the Spacing and Orientation settings. It also has settings that the dialog does not have:

Setting What it does
Type How the steps are spread along the spine: Ease In, Ease Out, Ease In Out or Ease Out In
Ramp How strongly the easing applies, from 0% to 100%. At 0% the steps are even
Shift Moves the color change toward one end of the blend, from −100% to 100%, without moving the steps

Type and Ramp are available only when a blend is selected and that blend has a replaced spine or uses Align to Path. Shift is available only when a blend is selected.

The Blend panel for a selected blend of lanterns that hangs along a curved string between two posts over a night market. The panel shows Spacing Specified Steps with 6, Orientation Align to Path, Type Ease In Out, Ramp 60.0% and Shift 20%, and the lanterns sit closer together near the ends of the string than in the middle