Selecting and Arranging Objects
Align and Distribute Objects
In order to access the Align, Distribute, Spacing or Arrange tools, open the Arrange section of the Geometry panel.
To align objects, select two or more of them.
1 - Align to the leftmost object.
2 - Align objects' centers horizontally.
3 - Align to the rightmost object.
4 - Align to the upper object.
5 - Align objects' centers vertically.
6 - Align to the lower object.
Let's take the first tool to explain the alignment principle. The program finds an object whose left side or a single point is the most far to the left compared to other objects. We can call this object a key object. Then the rest of the objects are moved to the left until they reach the leftmost point of the key object. The key object always retains its position. Notice that the program considers only the path. Strokes, shadows or other properties that may visually affect the objects' dimensions are not taken into account.
When you choose to align objects' centers, the centers take the same horizontal or vertical coordinate. This coordinate is calculated as the center of the boundary of all currently selected objects.
The Distribute tools equalize the distance between sides or centers of selected objects. You should select three or more objects in order to distribute them.
To distribute objects, the program finds two key objects. These are the rightmost and leftmost objects to distribute horizontally, or the upper and lower objects to distribute vertically. The key objects retain their positions. All the remaining objects will be relocated in order to comply with the selected Distribute command.
Make equal distances between:
7 - Left sides of objects.
8 - Centers of objects horizontally.
9 - Right sides of objects.
10 - Tops of objects.
11 - Centers of objects vertically.
12- Bottoms of objects.
The image below demonstrates the original location of the objects at the top, and the result of the Distribute centers of objects horizontally tool.
Set Up Spacing
The Spacing tools are used to set up an exact distance between objects. You should select two or more objects in order to set up spacing between them.
13 - Specify spaces between objects horizontally.
14 - Specify spaces between objects vertically.
In order to set new spacing, the program defines a key object (e.g., the leftmost for horizontal spacing). The position of this object will be fixed. All the remaining objects can be moved in order to make spaces between them equal to the value you set.
The image below shows what happens with the objects' locations when you set the horizontal spaces between them to a particular value.
Unlike the tools described earlier, the Arrange buttons don't change the location of objects on the canvas. They let you change the order in which objects overlap each other. Let's imagine that we have a circle placed behind a square. They overlap so that the square hides a part of the circle. Now, if we swap the order of the objects in the stack, the circle will appear in front of the square. This what the Arrange buttons do.
15 - Place a selected object one level higher in the stack.
16 - Place a selected object one level lower in the stack.
17 - Make a selected object the upper in the stack.
18 - Make a selected object the lower in the stack.
Notice that the Arrange buttons change the order objects within their layer. If layer A is above layer B in the Layers panel, then any object from B cannot appear in front of any object from A on the canvas.