Have you ever wanted to create a photo collage in Photoshop? Learn how to create a basic photo collage in Photoshop, adding clean, symmetrical space between each photo.
There are several ways to create a photo collage in Photoshop, but I’d like to focus on the most simple, intuitive way.
Here’s how you do it:
1. Resize photos and move them onto a blank canvas.
2. Merge multiple photos into one layer and lock the layer.
3. Create a layer on top.
4. Create duplicate symmetrical lines to rearrange onto the photo in a grid pattern.
If some of the language I used in those steps seemed unfamiliar, browse through Adobe’s free tutorials.
This is easy and fun. Once you learn how to do this, you can play with color, shapes, and placement of photos.
Ideally, if you’re trying to create an evenly spaced grid, your photos were shot using a square dimension. But since I neglected to consider this when I started this project, this will also include a short tutorial on how to batch crop photos into a square!
Save the photos you’d like to feature on your grid into one folder.
Open your first image in Photoshop.
You will need to utilize the Actions panel. Go to Window > Actions to view the Actions panel.
In the Actions panel, Create a new action.
Name the action.
Remember, this edit will be applied to all of the photos, so give your edit a specific name. I named mine “Strawberry Face Photo Grid” to help me quickly identify which edit I want to apply. Click “Record” to begin recording your edits.
Crop the photo into a square.
Select the crop tool.
Go to Ratio > 1:1 (Square).
Position the grid, then press Enter to crop into a square.
Resize the photo to your desired size.
Go to Image > Image Size to update the size. I created a 600 px square collage with 16 photos at 150 px x 150 px.
You can see that both the crop and image size actions have been recorded.
Auto balance the color
Go to Image > Auto Color
Click Stop Playing/ Recording.
The square crop, image size update, and auto color have now been saved as a recorded edit.
Test your recorded edit.
Before you apply this edit to the batch, test another single image to make sure your recorded edit works.
Open a new image. Select the recorded edit (Strawberry Face Photo Grid) and click Play selection.
If your photo sizes and color balance matches the first photo you edited- congrats!- this means your saved edit was applied. Save this photo, the you’ll need to batch edit the remaining photos.
Batch edit the remaining photos.
Go to File > Automate > Batch
Click Choose and open the folder containing the photos that need the recorded edit applied.
The batch edit should apply to the remaining photos in the folder.
Create the canvas to place the photos onto to create the grid.
Go to File > New
Change the width and height to a square dimension. Click Create.
Select the tab of the canvas and move the window outside of the main window. This will help you quickly drag photos onto the canvas.
Using the Move tool, click directly onto the photo, drag your cursor to the blank canvas, and release to drop the photo onto the canvas.
Move all the photos onto the canvas.
To help navigate the movement of each layer, go to Window > Layers to open the layers panel.
Reposition the photos into a grid.
Merge all photos together and lock that layer.
Go to Layer > Merge Layers.
The photos will merge together as each layer fills in the transparent space of the layer before that.
Lock that layer to prevent it from moving while you place the grid lines on top.
Create a new layer on top of the photo grid.
Select the rectangle tool.
Make sure the fill is the color you’d like, here I’m using white (#ffffff- yes that’s 6 F’s).
Create the first line.
Have confidence that you cannot over shoot this, the shape will automatically fit to the shape of the canvas, however, the width is automated.
Shorten the width of the line.
In the Properties panel, update the width to your preferred size. 9 px was too wide for the size of the photos I used, so I reduced the width to 4 px.
Create a duplicate line.
In the Layers panel select the drop-down menu and click Duplicate Layer. This will create the same line in a new layer.
Select the move tool to move your duplicated line, which is waiting for you on top of the first line.
Once you’ve placed the vertical lines, create another duplicate layer, then rotate that line to a 90-degree angle.
A Duplicate Layer of this line will create a horizontal line. Position the remaining horizontal lines and save your photo collage.