Align Projects with with Snap Lines

To get the most professional looking results for your design projects, you will want to learn about snapping your layers. Snapping helps you align layers to each other and to the center / edges of your canvas. While most commonly used in the Graphic Designer, snap lines are also available (and active by default) in the Photo Editor and Collage Maker

Snapping refers to the auto-alignment that occurs while moving a layer across your canvas. The snap lines are a turquoise line that appears when scaling or moving a layer. The corners will snap to other layer coordinates (left, center, right, top, middle, bottom), canvas edges, and manually inputted on-canvas guides. When you are adjusting a layer and you've moved it to be equidistant between two other layers, you'll also see a purple snap gap appear to confirm placement. 

Important Note: Mobile users will find the Alignment options in the Settings tab

Toggling Snapping

On the bottom bar of your canvas, find the Alignment icon in the bottom navigation bar. Here you'll see options to enable or disable Snapping. You can also use this menu to toggle Display Distances, which lets you see a layer’s pixel distance from other layers and canvas edges.

Step 1: Select the Alignment icon in the bottom navigation bar.

Step 2: Toggle the switch to the right to enable Snapping, as well as Display Distances, if desired.

Pro Tip: Display Distances can only be viewed when Snapping is toggled on. 

Snap Gap

When working with multiple layers, you may want to have your layers spaced equidistant to another. When moving a layer in between others, a purple snap gap will appear to show you when you’ve achieved equal distance. If Display Distances are toggled on, the snap gap will also show the exact amount of pixels between those layers for even more precise placement. As you move the layers around 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. 

Keyboard Shortcuts

When snapping and display distances are enabled, you can use shortcuts on your keyboard to view them. Select the layer and press Option (Mac) or Alt (Windows) on your keyboard to display distances around your current layer. Use the left, right, up, or down arrow buttons on your keyboard to nudge your layer around the canvas, and you'll see the distances appear as it moves.

You can also use the shortcut Option + Shift + S to turn snapping on and off. 

Looking for more inspiration? Check out another tutorial:

1 out of 1 found this helpful