There are 3 editing modes for modifying a Surface — Edit, Move, and Structure.
In this article:
Edit Mode
The Edit Mode allows you to add and adjust vertices of the masks of any selected Surface.
Click on the Edit Icon in the Toolbar or press V. Any number of surfaces can be selected. You can select a single surface by clicking on one surface, or you can select multiple surfaces by drag-selecting to create a selection box that captures any number of surfaces. Once surface(s) are selected, their vertices, control points, and edges are available for edit.
Translation
Vertices and edges can be selected and translated. Click on any vertex or edge to edit it. Translate the vertex or edge by moving it in any direction. Shift+Click to add/remove the vertex from the selection set. Drag select to capture multiple vertices.
Adding Curvature
⌘/CTRL+Drag on a vertex to add control points to that point, which makes both edges it is attached to into a bezier curve. Click+Drag a control point to edit the location of both control points - the control point that is clicked is freely translated and the opposing control point will move to keep the curve smooth. ALT/option+Drag will allow editing of only the control point clicked, leaving the opposing control point unaffected, which creates a corner in the curve. ⌘/CTRL+Click+Drag a control point to edit the location of both control points and to mimic the translations done to one control point on the opposing control point.
Adding Points
⌘/CTRL+Shift+Click on a Path to add a new point on that path where clicked. A point will appear along the path to guide where you'd want to place it.
Move Mode
The Move Mode allows you to scale, rotate, and translate the selected Surface(s) or the selected Surface's content.
Click on the Move Icon in the Toolbar, press M, or click on a content layer in the layers panel. Any number of surfaces OR content layers from the same surface can be selected. You can select a single surface by clicking on one surface, or you can select multiple surfaces by drag-selecting to create a selection box that captures multiple surfaces. You can also select multiple surfaces in the layers panel by ⌘/CTRL+Click to add/remove from the existing selection. A single click will replace the selection with just the clicked item.
Double Click selects a content layer for transformation. You will see parts of the layer that sit inside the structure.
Vertices, control points, and edges are not visible in this mode. Instead, an axis aligned bounding box is drawn around the selection. The selection set can be scaled, translated, or rotated.
Scale
Hover over a vertex of the bounding box. The cursor should now be the scale icon. Click+Drag the vertex in any direction to scale the box. You can constrain the aspect ratio with ⌘/CTRL.
Translation
Hover over anywhere within the bounding box. The cursor should become the move icon. Click+Drag in any direction to translate the box.
Rotation
Hover above and adjacent to the bounding box's vertices or edges. The cursor should become the rotate icon. Click+Drag in any direction to rotate the box. ⌘/CTRL+Drag restricts the allowed angles to be multiple of 10 degrees.
Structure Mode
The Structure Mode allows you to modify the topology or mesh warp of the selected Surface.
Click on the Structure Icon in the Toolbar or press S. Only one surface can be selected at a time. A green bounding box with corners should appear around the selected surface.
Corner Pin
By default, Structure Mode will be in corner pinning mode. Drag a corner of the Structure and release to pin it in place. ⌘/CTRL+Drag over a corner pin to rotate the structure independent of the masks.
Corner pinning edits can be reset by clicking the Fit Structure to Masks button in the Properties Panel under Structure.
Mesh Warp
Double Click anywhere within the Structure to reveal the mesh warp grid. You can double click again to return to corner pinning mode. The vertices of the grid are rendered and pickable. Click+Drag the control points to edit a mesh point. Drag select or Shift+Click to edit multiple mesh point vertices.
Specify the number of columns and rows in the Properties Panel under Structure. Mesh warping edits can be reset by clicking the Reset Structure Points button in the Properties Panel under Structure.
