InDesign FX: Showing graphics as tiles

Published by | Wednesday, December 12th, 2012

In this week’s InDesign FX video, I show how to create the effect of an image printed on a set of ceramic tiles.

Create the effect of an image printed on a set of ceramic tiles.

The key element of this effect is a set of frames that are identically sized and equally spaced.

A set of frames that are equally sized and spaced.

There are a few different ways you could go about creating these frames. You could use the Step and Repeat feature. You could hold Option/Alt and drag an existing frame. You could even use a script that comes with Adobe InDesign called Make Grid. But by far the quickest and easiest way to make this set of frames is to use the Gridify feature. You simply start drawing a rectangle by clicking and dragging with the Rectangle tool, and before you release your mouse button, tap your keyboard arrow keys to split the rectangle into multiple copies. Tapping the up/down arrow keys adds or removes rows of frames.

Use the Gridify feature to create frames.

Tapping the right/left arrow keys adds or removes columns of frames.

Tap arrows right or left to add columns of frames.

You can adjust the spacing between the frames by holding the Command/Ctrl key while tapping your arrow keys. You can also hold Shift while you release your mouse button to create a set of perfect squares. If that all sounds like a lot of complicated keyboarding, I suggest you just try it out. It’s actually quite intuitive.

Of course, the frames are just the start of this effect. After you have created them, you then need to make them act as a single object before you can place a photo into them. This is a perfect use for the Compound Path feature. Then you’re ready to place a photo into the compound path so a small portion of the image appears in each tile.

Use the Compound Path feature and place a photo into the compound path.

Finally, a few finishing touches are needed to create the look of ceramic tile. First, I like to round the corners a bit, using the Corner Options in the Control panel. Then I add some transparency effects like Bevel and Emboss and Drop Shadow to finish the look of the tile.

Create the look of ceramic tile.

If you want to take the effect even further, you can create a texture that looks like grout holding the tiles in place. For that, I use a frame filled with gray, enhanced with a large Inner Glow. The key for creating the texture is to add a lot of noise to the Inner Glow.

Adding the appearance of grout to the tiles.

I also have a member-exclusive movie in the library this week called Simulating chalk. In it, I show how to make live text or any object you create in InDesign look like it was written on a chalkboard.

Chalkboard effect

See you here again in two weeks with another InDesign effect!

Interested in more?
• The entire InDesign FX biweekly series
• Courses by Mike Rankin on
• All InDesign courses

Suggested courses to watch next:
InDesign Secrets weekly series
InDesign CS6 Essential Training
• InDesign CS6 New Features
Deke’s Techniques

Share this:Share on Facebook1Tweet about this on Twitter4Share on Google+0Pin on Pinterest1Share on LinkedIn0 - start learning today

Tags: , ,

Leave a Reply