This is the sort of cool effect you’ll see in high-end magazines and on poster designs. Spreading one image across multiple image frames creates a stunning collage effect that you can add to your own layouts or upload to social media.
You can achieve the effect directly in Adobe InDesign—here we show you how!
1. The One-Image/Multi-Frames Effect
This effect is beloved by professional designers for adding interest and creativity to photos.
Once you know the basics of creating the effect, you can build up the design to create incredibly intricate collage effects.
First, let’s start out simple…
Open up Adobe InDesign and create a New Document.
Set the Page Size to A3, Portrait orientation. Deselect Facing Pages. Keep everything else set to its default values and click OK.
Expand the Layers panel (Window > Layers) and double-click on the default Layer 1 name to open the Layer Options panel.
Rename the layer Guides and click OK.
Create a new layer so that it sits above Guides, and rename it Images. Lock the Images layer and stay on the Guides layer for now.
You now need to choose a suitable photo for your design. Any high-resolution photo will do, but try and look for interesting details in the image—generally, portraits and close-up shots will work better for this effect than landscapes, which tend to lack strong detail.
I’ve gone for this image of a flamingo.
Take a look at the photo—is it more portrait or landscape, or even square? My photo is square, so I make a mental note of that, and head back to my InDesign document.
Take the Rectangle Tool (M) and drag to create a shape that’s either roughly portrait or landscape to match your photo (it doesn’t need to match the exact dimensions or proportions). I hold down Shift to create mine, to create a perfect square shape.
Center the shape on the page.
Now it’s time to think about the kind of shape effect you want to create. Let’s start here with a basic example, using squares to create a ‘windowpane’ effect.
Return to the Layers panel and lock the Guides layer. Unlock the Images layer above.
Take the Rectangle Frame Tool (F) and, holding Shift, drag onto the page to create a square, and sit it inside the a corner of the rectangle guide.
Go to File > Place, navigate to your chosen photo, and click Open.
Double-click inside the image frame to directly select the photo and, holding down Shift, resize the image until it matches the proportions of the guide shape.
Select the image frame and Edit > Copy, Edit > Paste.
Place the pasted frame somewhere inside the guide shape, like in the top-right corner as I’ve done here. You can either resize the image frame to meet the edge of the first image frame, choose to leave a little gap between the frames or even overlap.
Whatever you go for, the guide shape is your constant. So, double-click inside the pasted image frame to select the photo and pull it into the same position as the guide shape sitting below.
You’ll start to see that the images are beginning to look correct, gradually making up a whole image.
Repeat the process of copying and pasting image frames, and resizing the pasted frame if needed…
…then grabbing the image inside the frame and adjusting its position so it sits within the guide shape.
Once you have filled the whole area of the guide shape with image frames, you should see your whole image has taken shape.
2. Creating Advanced Designs
Once you’ve experimented with the effect using simple shapes you can start to get more creative. Circular image frames are accessible from InDesign’s Tools panel (Ellipse Frame Tool), and look great when layered over each other in a venn diagram style.
To recreate this design, as before create a square shape on the Guides layer below.
Use the Ellipse Tool to create a circular image frame which has the diameter of one quarter of the guide shape. Place in the corner of the shape and File > Place.
Repeat the process described above, copying and pasting circular image frames until you’ve filled the area of the guide shape.
To add an overlapping effect to the circles, go to Object > Effects > Transparency and set the Mode to Multiply.
You can build up this collage effect to create designs that are simple and striking…
…or intricate and ornate. The only limitation is your imagination!
In this tutorial you’ve learned how to create a collage-style effect in Adobe InDesign using multiple frames to assemble a single image. Awesome work!