4.2. Align

Figure 14.119. The Align tool in toolbox

The Align tool in toolbox

The Align tool is useful to align the image layers with various image objects. When this tool is selected, the mouse pointer turns to a small hand. By clicking on an element of a layer in the image, you choose the layer which will be moved (with Shift + click, you can choose several layers to be aligned); this focused layer has small squares in corners and is called source. Then buttons in the dialog become active (they remain active during all the GIMP session): they allow you to select the target, i.e other layer, selection, path, the source will be aligned with.

4.2.1. Activating the Tool

You can activate the Align tool in several ways :

  • from the image-menu, through: ToolsTransform ToolsAlign,

  • by clicking on the tool icon: in the toolbox,

  • by using the Q keyboard shortcut.

4.2.2. Key modifiers (Defaults)

Shift

You can select several layers by holding Shift when clicking the layers.

[Tip] Tip

Sometimes it's easier to choose multiple layers using rubber-banding: click somewhere outside an imaginary rectangular region covering the layers you want to choose. Then drag out that region by moving the pointer, and release the mouse button. Now every layer, which is completely inside the dragged rectangle, is selected.

Note that now there is no target first item the selected layers can be aligned on.

4.2.3. Tool Options

Figure 14.120. Tool Options for the Align tool

Tool Options for the Align tool

Normally, tool options are displayed in a window attached under the Toolbox as soon as you activate a tool. If they are not, you can access them from the image menu bar through WindowsDockable WindowsTool Options which opens the option window of the selected tool.

Align
Relative to:

In this drop down list, you select the target, the image object the layer will be aligned with.

  • First item: the first selected item when selecting multiple layers holding the Shift key. Note that there is no first item when you select multiple layers using rubber-banding.

  • Image: the image is the target.

  • Selection: the selection is the target.

  • Active layer: the active layer, in the layer dialog, is the target.

  • Active Channel: the active channel, containing a selection you made before, is the target.

  • Active Path: the active path is the target.

Align buttons

These buttons become active when a target is selected.

  • Align left edge of target: to align left edge of source with left edge of target.

  • Align center of target: to align center of source on the vertical middle line of target.

  • Align right edge of target: to align right edge of source with right edge of target.

  • Align top edge of target: to align top edge of source with top edge of target.

  • Align middle of target: to align center of source on the horizontal middle line of target.

  • Align bottom edge of target: to align bottom edge of source with bottom edge of target.

Example

An image with a selection, layer #1 (background) is active, layer #2 is cropped to content, layer #3 is a text layer.

We click on the yellow circle: layer #2 becomes the source. We want to send this source to the middle of the selection: the Relative to option is set to Selection.

Align center of target clicked

Align middle of target clicked

Distribute
Distribute buttons

These options are used when you have several targets and want to arrange them. Here, layers selected with Shift + Click are called targets . But they are actually sources. Relative to options are active to set the target. These transformations are usually relative to Image.

These options work as Align options, but you can add an offset and new options are available to distribute sources evenly.

  • Distribute left edges of targets: to distribute left edges of sources on the left edge of the target (the image).

  • Distribute horizontal centers of targets: to distribute centers of sources with center of the target horizontally.

  • Distribute right edges of targets: to distribute right edges of sources on right edge of the target.

  • Distribute targets evenly in the horizontal: to distribute sources evenly horizontally.

  • Distribute left edges of targets: to distribute top edges of sources on top edge of target.

  • Distribute vertical centers of targets: to distribute centers of sources with center of target.

  • Distribute bottom edges of targets: to distribute bottom edges of sources with bottom edge of target.

  • Distribute targets evenly in the vertical: to distribute sources evenly vertically.

Offset

This offset can be positive or negative and is expressed in pixels. Distribute add it to the left edges, horizontal centers, right edges, top edges, vertical centers, or bottoms of sources.

Figure 14.121. Example for the Distribute commands

Example for the “Distribute” commands

Base image: three layers. Example for the “Distribute” commands (Distribute right edges of targets) will be used.

Example for the “Distribute” commands
Active layer is yellow (target). Offset = 0: all layers are aligned on the right edge of the yellow layer.
Example for the “Distribute” commands
Active layer is yellow. Offset = 10:

New feature in GIMP-2.10

GIMP-2.10 shows relative coordinates (horizontal or vertical) when moving guides and sample points. Coordinates are relative to the start of moving.

4.2.4.  A practical example for Distribute

Figure 14.122. Origin

Origin
Four text layers, with same size. We want to align them at center of image.


      

Origin

We select them as sources with Shift + Click.

Origin

The default target (Relative to) is Image. Offset = 0. We used the Origin (Distribute vertical centers of targets) command.

Origin

After using the Origin(Distribute targets evenly in the horizontal) with offset = 5.


4.2.5. Align using the rubber-band box

Figure 14.123. Align using rubber-band box

Align using rubber-band box

We clicked left from and above the red layer, and dragged out a region covering the red and the yellow layer by moving the pointer towards the bottom right corner.

Align using rubber-band box

Selection is the reference. After a click on the Align using rubber-band box button, both layers align with the left side of the selection.