Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Adobe Creative Suite

  • Print
  • + Share This
This chapter is from the book

Aligning Objects

The Align panel provides commands that align objects or distribute them evenly along a horizontal or vertical axis.

To work with the Align panel:

  1. Choose Window > Object & Layout > Align. This opens the Align panel square56.gif.
    60alignpanel.jpg

    square56.gif Use the Align panel to arrange objects in an orderly fashion.

  2. Choose Show Options from the Align panel menu to see all the commands in the panel.

To align objects:

  1. Select two or more objects.
  2. Use the Alignment menu to choose to what items the objects should align square57.gif.
    • Align to Selection uses the objects themselves for alignment.
    • Align to Margins uses the margins for alignment.
    • Align to Page uses the page trim for alignment.
    • Align to Spread uses the size of the spread for alignment.
    60balignpanel-newdropdown.jpg

    square57.gif The alignment menu lets you choose how the objects should be aligned.

  3. Click an alignment icon as follows:
    • Click a vertical alignment icon to move the objects into left, centered, or right alignment square58.gif.
      103fig01.jpg

      square58.gif Effects of the vertical alignment icons.

    • Click a horizontal alignment icon to move the objects into top, centered, or bottom alignment square59.gif.
      103fig02.jpg

      square59.gif Effects of the horizontal alignment icons.

You can also move objects so the spaces between certain points of the objects are equal. This is called distributing objects.

To distribute objects:

  1. Select three or more objects.
  2. Click a distribute icon as follows:
    • Click a vertical distribute icon to move the objects so that their tops, centers, or bottoms are equally distributed square60.gif.
      104fig01.jpg

      square60.gif Effects of the vertical distribute icons. Notice that the middle object changes position to create an even distribution.

    • Click a horizontal distribute icon to move the objects so that their left edges, centers, or right edges are equally distributed square61.gif.
      104fig02.jpg

      square61.gif Effects of the horizontal distribute icons. Notice that the middle object changes position to create an even distribution.

You can also distribute objects based on their size. This ensures that the space between the objects is equal.

To distribute the space between objects:

  1. Select three or more objects.
  2. Click a distribute space icon as follows:
    • Click the vertical space icon to move objects so the vertical spaces between them are equal square62.gif.
      104fig03.jpg

      square62.gif Effect of the vertical distribute space icon.

    • Click the horizontal space icon to move objects so the horizontal spaces between them are equal square63.gif.
      104fig04.jpg

      square63.gif The effect of the horizontal distribute space command.

The Align panel also has controls to space objects numerically. You can apply a numerical distance between the tops, centers, bottoms, or sides of objects.

To use spacing to distribute objects:

  1. Select two or more objects.
  2. Check Use Spacing in the Distribute Objects section of the Align panel square64.gif.
    67alignpanel-distribobj.jpg

    square64.gif The Use Spacing option for Distribute Objects lets you set a specifi c distance between the tops, centers, bottoms, or sides of objects.

  3. Enter the numerical distance in the Use Spacing field.
  4. Click one of the Distribute Objects icons. Now the objects are separated by a specific space inserted between the tops, centers, bottoms, or sides of the objects.

You can also set a specific numerical distance between the objects themselves. This is very useful when you want the same amount of space between objects, but the objects themselves have different sizes.

To set the spacing between objects:

  1. Select two or more objects.
  2. Check Use Spacing in the Distribute Spacing section of the Align panel square65.gif.
    68alignpanel-distribspac.jpg

    square65.gif The Use Spacing option for Distribute Spacing lets you set a specifi c distance between objects.

  3. Enter the numerical distance in the Use Spacing field.
  4. Click one of the Distribute Spacing icons. Now a specific amount of space is added between the objects horizontally or vertically.
  • + Share This
  • 🔖 Save To Your Account