Build a Photo Collage with Smart Objects – Classic Day 18

How to Make a Photo Collage in Photoshop

A photo collage is a great way to share a whole trip in one image, and Photoshop makes building one fast once you know three techniques: loading all your photos into one document at once, building a grid of placeholder shapes, and clipping each photo into its placeholder so you can reposition and swap images freely. In this lesson you will build two collages, a square one for Instagram and an 8 x 10 inch one for print.

Load All Your Photos at Once

1. Use Load Files Into Stack

   Instead of opening eight photos separately, go to File > Scripts > Load Files into Stack. Click Browse, select all of your images, click Open, then OK. Photoshop places every photo on its own layer in a single document.

2. Convert Each Photo to a Smart Object

   Right-click each photo layer and choose Convert to Smart Object. You will be scaling these images down, and Smart Objects let you scale them back up later without losing resolution.

Build the Square Instagram Grid

3. Create a Square Document

   Press Ctrl/Cmd + N. Set the width and height to 2400 x 2400 pixels at 300 ppi and click Create.

4. Fill a New Layer With Black

   Create a new layer and press Shift + Delete (Shift + Backspace on Windows) to open the Fill dialog. Choose Black and click OK.

5. Scale It to One Quarter

   Press Ctrl/Cmd + T. In the Options bar make sure the reference point checkbox is on, then click the top-left square of the reference point grid. Link width and height and type 50 percent. The black square now fills exactly the top-left quarter. Click the checkmark to commit. (Type 33.33 instead for a 3 x 3 grid.)

6. Duplicate to Fill the Grid

   Press Ctrl/Cmd + J to duplicate the square, then with the Move Tool (V) hold Shift and drag it straight to the right. Select both square layers, press Ctrl/Cmd + J again and Shift-drag the copies straight down. You now have four equal squares.

Clip Photos Into the Grid

7. Drag a Photo Above a Square

   Go back to the stacked document, pick a photo and drag its Smart Object layer into the collage document. In the Layers panel, place it directly above the square where you want it to appear.

8. Create a Clipping Mask

   Right-click the photo layer and choose Create Clipping Mask, or press Alt/Option + Ctrl/Cmd + G. The photo is now visible only where that black square is. Repeat for the remaining three photos and squares.

9. Position and Scale Each Photo

   Select a clipped photo, press Ctrl/Cmd + T and scale or move it until you like the crop. Because it is clipped, it can never spill outside its square, so you can experiment freely.

10. Add Divider Lines

    On a new layer at the top of the stack, draw a thin vertical rectangle down the center with the Rectangular Marquee Tool (M) and fill it with white. Duplicate the layer, press Ctrl/Cmd + T and rotate it 90 degrees for the horizontal line, then merge the two line layers.

11. Swap Photos Any Time

    To replace a photo, drag a new one in, move it above the target square, and create a clipping mask. To move a photo to a different square, just drag its layer above that square in the Layers panel and clip it again.

Build an 8 x 10 Print Collage

12. Create the Print Document

    Press Ctrl/Cmd + N, switch the units to inches and set 8 x 10 inches at 300 ppi.

13. Make a Full-Width Top Panel

    Fill a new layer with black, press Ctrl/Cmd + T, set the reference point to the top-center and, with width and height unlinked, set the height to 50 percent. This panel covers the top half.

14. Split the Bottom Half

    Duplicate the panel and move it to the bottom half. Press Ctrl/Cmd + T, set the reference point to the left and set the width to 50 percent. Duplicate that and Shift-drag it to the right. You now have one wide panel on top and two squares below.

15. Clip in Three Photos

    Drag in three photos, place each above its panel and press Alt/Option + Ctrl/Cmd + G to clip it. Scale and position each one with Free Transform, then add white divider lines the same way as before.

Fix a Squashed Photo With Smart Objects

If a photo looks stretched because you scaled it without holding Shift, Smart Objects make the fix trivial. Press Ctrl/Cmd + T and look at the width and height percentages in the Options bar. If they don’t match, type the same value into both fields (10 percent and 10 percent, for example) and the image snaps back to its original proportions. A regular rasterized layer would not remember its original size, which is exactly why every photo went in as a Smart Object.

Key Takeaways

• File > Scripts > Load Files into Stack brings every photo into one document in one step.
• Build the grid from black placeholder layers scaled by exact percentages with Free Transform.
• Clip each photo to its placeholder with Alt/Option + Ctrl/Cmd + G so it can never spill outside.
• Smart Objects keep every photo re-scalable and let you fix accidental distortion.
• The same method works for any size, from a square social post to a print layout.

Related Tutorials

• Carousel in Photoshop: 5 Easy Steps for Social Media
• Object Masking in Photoshop 2026: 2 Easy Ways to Select
• Rotate Object in Photoshop: 3 Easy Steps to Real Composites