Using Snap Lines for Precision Design

To get the most precise results for your design projects, take a look at some of our layer alignment options. You'll see these updates across the Photo Editor and the Graphic Designer.

Snapping helps you align layers to each other and to the center / edges of your canvas. To see a layer’s pixel distance from other layers and canvas edges, you can also enable Display Distances.

Snap Gap:

When moving multiple layers around your design canvas, you may want to have a layer equal distance to another. Now when you’re moving a layer in between others, a purple 'snap gap' will appear to show you when you’ve achieved equal distance.

Snap Gap shows Amount Between PixelsThe snap gap will also show the exact amount of pixels between those layers (indicated by purple numbers within the snap gaps) for full precision placement.

Precise Pixel Measurements:

When the blue and purple snap lines appear, it means your layers have been aligned in some way. This could mean the edges line up between layers, or on the design canvas itself. You’ll notice numbers now appear along the snap lines to show the pixel distance between all of the coordinates.

Move your layers around to see them align with each other. The snap gap shows that the layers are aligned equidistant, and the blue lines show layers aligned on a vertical or horizontal axis in relation to each other.

Aligning Layers with SnappingOur previous snap line system showed the lines spanning the entire screen.  Now snap lines will only appear to show the distance between relevant layers.

Turn Snap Lines On And Off:

If you'd rather not use Snapping, click on the 'Alignment' menu on the Bottom Bar of your workspace. Here you can choose 'Disabled' under the 'Snapping' menu to turn it off. This will also turn off 'Display Distances' (aka gridlines).

Please Note:

Display Distances can only be enabled when Snapping is also enabled.

Turn Snapping On and OffIf you'd like to keep Snapping on but don't want distances displayed, keep 'Enabled' on for Snapping and click 'Disabled' under Display Distances.

Keyboard Shortcuts:

When snapping and display distances are enabled, you can use shortcuts on your keyboard to view them. Press Option on your keyboard to display distances around your current layer.

Keyboard Shortcut SnappingAlso use the left, right, up or down buttons on your keyboard to nudge your layer around the canvas, and you'll see the distances appear as it moves.

Looking for more inspiration? Check out our blog post:

Graphic Design Made Easier With Improved Snap Lines

1 out of 1 found this helpful