Warping objects

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 — 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 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.

To apply a warp preset in Designer Persona:

Select one or more objects.
On the Layers panel, tap Group and Warp, then choose a preset from the pop-up menu (from Mesh to Twist).
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.

To apply a warp preset in Pixel Persona:

Select one or more objects.
On the Layers panel, tap Add, then choose a preset from the pop-up menu (either Mesh or Perspective).
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.

To temporarily hide the warp to show unwarped objects:

On the context toolbar, select Mute Mesh.

To convert to curves:

On the context toolbar, select 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:

Marquee selection—you drag a marquee over a range of junctions to encompass them.
Individual selection—use a modifier to select multiple junctions one-by-one.
Lasso/polygon selection—use a modifier to drag a lasso around junctions or draw tap-by-tap polygons for more precise targeting of specific junctions.

Snapping junctions

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

Global snapping—you can snap junctions to page horizontal/vertical center and page elements (e.g., margins and placed guides) just like snapping nodes when pen drawing.
Junction-to-junction snapping—use context toolbar Node Snapping options to align junctions to each other vertically and horizontally.

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:

On the Layers panel, tap the chosen warp group's layer thumbnail.
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:

Tap on a mesh line.
Double-tap in any area enclosed by mesh lines.

The new mesh junction can then be:

repositioned to warp the area directly under the junction.
converted to a smooth or cusp (sharp) Junction on the context toolbar.

To move a mesh patch:

Tap anywhere within a mesh patch, i.e. the area enclosed by four junctions, to place a circular 'hollow' junction target.
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:

Select a junction and drag one of its control handles.

To snap junctions globally:

Tap Snapping.
Drag a junction to page horizontal/vertical center or page elements (e.g., margins and placed guides).

To align junctions using snapping:

On the warp group's context toolbar, select a Node Snapping menu option.
- Snap to Nodes—will horizontally or vertically align any node you drag to any other node in the same warp group.
- Snap All Selected Nodes—will snap multiple selected nodes, when dragging, to a "target" node in the same warp group when it is at the vertical and horizontal intersection of the moving nodes.

To edit warp objects:

Do any of the following:

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