If you are a photographer or graphic designer, you must have run into situations where the accurate placement of objects to space them evenly on the canvas is a real challenge. You cannot guarantee accurate and even spacing by measuring the layout roughly by sight. Learn how to evenly space objects in Photoshop using its amazingly helpful automatic features.
To create coherent visuals, we often attempt to arrange multiple elements evenly on the canvas. The proper placement and spacing of elements are required in marketing material like flyers and print ads, collages, and many other forms of visual designs. If elements are scattered in a messy way, it instantly kills the appeal of the visual.
Adobe Photoshop CC can help you space objects in a clean, accurate way through its automatic spacing features. Not only it has several options to align and distribute elements as you like, but it also has an auto-align functionality that aligns objects with similar details on the borders.
Photoshop also has a very handy Smart Guides feature that is immensely helpful in uniformly placing elements in your creation. We will discuss all of these below in detail so that you can get the hang of these features and practice them to perfection.
First of all, for demonstration purposes, we will create a new document with thumbnail size images of various properties. We can use this to create a flyer, adding text and other elements later on. But right now, we have a color-filled background with three images on separate layers.
Alternatively, you can also create a document using vector shapes to practice their placement using the options described below. Make sure that you deselect a shape by pressing CTRL/CMD + D before creating new duplicate layers.
The first feature we will throw light upon is the intuitive Smart Guides in Photoshop. The feature is your answer to all the spacing and aligning issues you may run into during the designing process.
On the Photoshop CC interface, the Smart Guides are turned on by default. However, they can be enabled by going to the View menu, hover on the Show option, and click on Smart Guides. Once turned on, you can easily view alignment and spacing values between an object and its neighbor, making accurate and even spacing possible.
The Smart Guide method to space objects, although very useful, requires manual alignment and distribution. However, when there are a large number of elements that need an arrangement and precise spacing, you can resort to the Move tool options that do the job automatically for you.
Each object, if on a separate layer, can be aligned and distributed accurately along with the other objects on your document. The twelve Alignment and Distribution options are accessible via the Layer menu and the options bar of the Move Tool.
Remember that in order to use the Align/Distribute options, you must select a minimum of three layers in your layer panel. Unless you do that, the options won’t be available to you. Also, the adjustment layers, vector layers, or any Smart Objects that do not have the needed information about alignment or distribution cannot be selected.
Select consecutive layers by clicking on the first layer, hold down the Shift key, and click on the last layer to select the series. For non-consecutive selection, press and hold the CTRL/CMD key and keep on clicking the layers you intend to space evenly.
With the layers selected, go up to the Layer menu. From the Align option, choose any of the six options to ensure even spacing from a specific perspective.
Or, go to the Layer menu, and hover over the Distribute option to choose any of the six options from the submenu to distribute the layers proportionally.
All the six Align options and the six Distribute options are also accessible as icons on the top options bar when you select the move tool. All you need to do is select the desired object layers and click on any of the icons that will fulfill your placement command.
The six align options in Photoshop are:
The six Distribute options are:
Here is a tip to avoid moving a layer accidentally after you have perfectly aligned and distributed them. Make a group of all the objects that are spaced evenly. This will help you move the whole group together if you need and avoid chances of accidentally changing the placement of a layer.
One more feature that is very handy while using the Move tool is the Auto-Align. It can be used to align layers that have some similarity in content around the borders.
To overlay the matching content, choose a reference layer in the Layer panel and click on the Auto-Align icon. The feature will place the images in a way that the matching content will be overlapped.
The Alignment and Distribute options are only available for use if you have three or more layers selected in the Layer panel. You need to specify to Photoshop the elements that need to be spaced evenly.
You may need to Align and Distribute objects evenly for the following reasons:
The efficient tools in Photoshop are no less than a blessing when it comes to the proportional spacing between objects. The features are described in detail to help you understand their functionality. Using these options, you can quickly space objects at equal spaces in a multilayer document and create visual coherency without figuring out measurements.