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

Home > Articles > Design > Adobe Creative Suite

Adobe® InDesign® CS5 Classroom in a Book: Placing Multiple Graphics in a Grid of Frames

  • Print
  • + Share This
This excerpt from Adobe® InDesign® CS5 Classroom in a Book shows you how to place multiple graphics in a grid of frames.

Note: This excerpt is from a draft manuscript and may not be representative of the final published work.

From the book

The back cover of the newsletter should contain six photos. You could place the photos one by one and then position each one individually, but because they will be arranged in a grid, you can place all the photos and arrange them in a grid at the same time.

  1. Choose View > Fit Page In Window.
  2. Choose File > Place. Navigate to the Links folder in the Lesson_04 folder, click the graphic file named 01JohnQ.tif to select it, and then press Shift and click the file named 06HannahB.tif to select all six photos. Click Open.
  3. Position the loaded graphics icon () at the intersection of the horizontal ruler guide in the top half of the page and the left edge of the third column.
  4. Drag toward the right margin. As you drag, press the Up Arrow key once and the Right Arrow key twice. As you press the arrows, the proxy image changes to a grid of rectangles to indicate the layout of the grid.
  5. Continue dragging until the pointer snaps to the intersection of the right margin guide and the lower horizontal ruler guide, and then release the mouse. A grid of six graphics frames displays the six photos you placed.
  6. Choose Edit > Deselect All, and then choose File > Save.

Adjusting the space between frames

The Gap tool () lets you select and adjust the space between frames. You’ll use it to adjust the space between two of the photos in the top row and then two of the photos in the bottom row.

  1. Choose View > Fit Page In Window. Hold down the Z key to temporarily access the Zoom tool (), zoom in on the two photos at the top right, and then release the Z key to return to the Selection tool.
  2. Select the Gap tool () and then move the pointer to the vertical gap between the two pictures. The gap is highlighted—all the way down to the bottom of the two photos below.
  3. Hold down the Shift key and drag the gap one gutter width to the right, making the graphics frame on the left one gutter width wider and the one on the right one gutter width narrower. (If you don’t hold Shift while dragging, you’ll move the gap between the two photos below, as well.)
  4. Choose View > Fit Page In Window. Press Z to temporarily access the Zoom tool, and then zoom in on the two photos on the bottom left.
  5. With the Gap tool (), move the pointer to the vertical gap between the two pictures. Press Shift+Ctrl (Windows) or Shift+Command (Mac OS), and then drag to widen the gap from one gutter width to approximately three gutter widths. (You may have to drag left or right depending on which graphic you click closest to.) It’s important to release the mouse button before releasing the keys.
  6. Choose View > Fit Page In Window, and then choose File > Save.

You’ve completed the grid of images on the back page.

Adding metadata captions to graphics frames

A new feature in InDesign CS5 lets you automatically generate captions for placed graphics based on metadata information stored in the original graphics files. Next, you’ll automatically add photographer credits to the pictures using metadata information.

  1. With the Selection tool (), Shift-click to select the six graphics frames. Click the Links panel icon and choose Captions > Caption Setup from the panel menu.
  2. In the Caption Setup dialog box, specify the following settings:
    • In the Text Before box, type Photo by . (Make sure to enter a space character after by.)
    • Choose Author from the Metadata menu; leave the Text After box blank.
    • Choose Below Image from the Alignment menu.
    • Choose Photo Credit from the Paragraph Style menu.
    • In the Offset box enter p2.
  3. Click OK to save the settings and close the Caption Setup dialog box.
  4. From the Links panel menu, choose Captions > Generate Static Captions.
  5. Each of the graphic files contains a metadata element named “Author,” which stores the name of the photographer. This metadata information is used when the photo credit caption is generated.

  6. Choose Edit > Deselect All, and then choose File > Save.
  • + Share This
  • 🔖 Save To Your Account