From InDesign Basics: Making a Photo Grid

This an amazing tip. I tried it with my own images and it worked perfectly. If you use InDesign give it a try.

Courtesy of Erica Gamet

You can use two of InDesign’s lesser-known tools to create a quick and easy grid of photos or other images. Well, one is a tool and the other isn’t so much a tool, but more of a hidden function. Semantics aside, use these two helpers to create a photo grid either as empty frames on master pages, or create them on-the-fly as you place images in your document.

Setting Frame Fitting Options

First, let’s set a preference or two to make our work easier down the road. Let’s set the image fitting preferences before even creating a frame or placing any images. This way you won’t have to adjust each image’s frame after placing.

  1. With nothing selected—or with no document open to set this behavior for all new docs—choose Object > Fitting > Frame Fitting Options.
  2. Choose Fill Frame Proportionally (or another option that works better for you) from the Fitting drop-down menu.
  3. If you’d like to have the image continually fill the frame as you re-size it, check the Auto-Fit checkbox.
  4. Set any universal crop amount, if desired.

Frame Fitting Options dialog box

Set Grid Spacing

Next, set the amount of spacing you’d like to automatically create between your images in the grid. It’s nearly impossible to do this numerically after the fact, so now is a good time to set the value.

  1. If you already have your document created, choose Layout > Margins and Columns.
  2. Under Columns, set the Gutter amount to the desired amount of spacing.
  3. You can also set this amount in the New Document dialog box when first starting a document.

Place the Images

Now, let’s place some images. Remember, you can create a grid with empty graphics frames, as well. But having some images already populating the frames makes it easier to see the results.

  1. Choose File > Place and navigate to your images. Select as many as you need (we will use 12 in this example). Click Open.
  2. With your loaded cursor, click and drag out your first frame, but don’t release the mouse, yet.
  3. With the mouse button still held down, click the right arrow key twice to add two columns (you should see a grid of rectangles on your page). Click the up arrow key three times to add three rows.
  4. Increase or decrease spacing between the frames by holding down the Command/Ctrl button while clicking the arrow keys (and while still holding down the mouse button…I call this a “bring a friend” shortcut).
  5. Still holding the mouse key, drag the lower right edge to set the overall size of the grid. Finally, release the mouse button (and there was much rejoicing!). Each photo will be placed into a frame in the grid.
Creating the grid

Drag out a shape while using the Up and Right Arrow keys to add rows and columns.

Adjusting the Grid

Lastly, we’ll use the Gap tool to add some variety to our rigid grid.

  1. Choose the Gap tool from the Tools panel (it’s the 4th tool along)
  2. Roll over any gap—between two objects or objects and a page edge—to highlight it.
  3. Click within the gap and drag to re-size objects while maintaining the gap between them.
  4. Shift-click to move and re-size only the objects immediately opposite the gap. By moving individual gaps, you can create variety and break up the monotony of the grid a little bit.

Gap tool
Adjust individual gap

Get the Most Out of the Grid

Note that the frames aren’t linked or connected to each other in any way. Once created, the individual frames in the grid are independent, normal graphic frames. Move, size, split, or combine them manually to add even more variety. Save the layout as a master page by dragging the document page up into the master page section or save the document as a template for re-use.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s