Warping objects

The Vector Warp feature lets you warp one or more objects non-destructively. A choice of warp presets is available, with any preset being editable using a customizable warp mesh.

Vector Warp before
Vector warp after

About vector warps

You can warp shapes, straight lines, curves and text by applying a warp preset directly to selected objects. All warp presets apply a mesh to the objects which can be manipulated.

Vector warps can also be symbolized to allow warp edits to update across multiple instances of the same design at the same time. For example, when designing warped logos across artboards.

Mesh, Quad and Perspective presets

With these warp presets, objects are not initially warped but need to be warped manually. The Mesh preset lets you reposition existing or manually added mesh junctions (circular nodes) as well as their control handles. Quad and Perspective presets let you drag by the mesh's corner junctions and control handles.

The presets differ because the mesh's junctions and control handles are set up specifically for mesh grid, quad and perspective warp design.

Warp types
Warp types
Mesh (left) and Quad/Perspective presets (right) showing their pre-warp state (Before) and after applying a warp by editing mesh junctions (After).

Shaped warp presets

Different shaped warp presets can be applied automatically depending on the design you're looking for. They offer familiar and popular warps and can be a good starting point before fine-tuning the warp.

Warp types
Shaped warp presets: Arc - Horizontal, Bend - Vertical, Fish Eye, Twist (left to right).

Warp groups

Any warp preset will create a warp group that controls the warp. Contained objects within the warp group remain unaffected, giving the feature its non-destructive behavior.

Warp groups behave much like ordinary groups you'll find in Affinity apps. Any group can be moved on the page, while any contained object can be dragged in or out of the group at any time.

Group Layers To apply a warp preset in Designer Persona:
  1. Select one or more objects.
  2. On the Layers panel, tap Group and Warp, then choose a preset from the pop-up menu (from Mesh to Twist).
  3. With the Node Tool active, adjust settings specific to the type of warp preset chosen on the context toolbar. For example, Value controls how much warping is applied while maintaining the original symmetry of shape-based warp presets.

See Editing mesh warps (below) for details of how to move and add mesh junctions, as well as adjust a junction's control handles.

Group Layers To apply a warp preset in Pixel Persona:
  1. Select one or more objects.
  2. On the Layers panel, tap Add, then choose a preset from the pop-up menu (either Mesh or Perspective).
  3. With the Node Tool active, adjust settings specific to the type of warp preset chosen on the context toolbar. For example, Value controls how much warping is applied while maintaining the original symmetry of shape-based warp presets.
Mute Mesh To temporarily hide the warp to show unwarped objects:
Convert to Curves To convert to curves:

The object is turned into a closed shape made up of curves. For text, each text character is converted to a separate curve. The resulting curves are grouped automatically.

Editing warps

Once warped, you can edit the warp using the Node Tool in a similar way to editing a curve, except you are actively warping as you edit, as opposed to reforming a curve or shape. Editing will let you reposition one or more junctions, adjust any selected junction's control handles, add junctions or reposition a mesh patch (the area enclosed by four mesh junctions).

Selecting junctions

You can use various techniques for making multiple selections of junctions. This allows you to warp from multiple points in one operation. Selection methods include:

Snapping junctions

When you reposition junctions you can make use of two types of snapping, i.e.

Editing warp objects

Any contained object in a warp group can be edited independently of the group and other grouped objects. For example, you can fix a typographic error or rename the warped text at any time, or recolor a specific object.

To edit the warp:
  1. On the Layers panel, tap the chosen warp group's layer thumbnail.
  2. With the Node Tool now active, reposition the junctions or connected control handles by dragging.
To add new mesh junctions to the warp:

Do any of the following within the warp's outline:

The new mesh junction can then be:

To move a mesh patch:
  1. Tap anywhere within a mesh patch, i.e. the area enclosed by four junctions, to place a circular 'hollow' junction target.
  2. Drag the target in any direction to warp the entire patch, moving its four junctions simultaneously and in relation to each other.
To adjust a junction's control handles:
Node Snapping To snap junctions globally:
  1. Tap Snapping.
  2. Drag a junction to page horizontal/vertical center or page elements (e.g., margins and placed guides).
To align junctions using snapping:
To edit warp objects:

Do any of the following:

  1. With the Move Tool active, double-tap on the target object in the warp group until it becomes selected.
  2. Edit the object as you would normally do.

SEE ALSO: