August 13, 2022

How to Make a Custom Shape Contact Sheet in Photoshop

In today’s tutorial, I’m going to take you through the process of creating a custom shape contact sheet in Photoshop. A contact sheet is an arrangement of image thumbnails that is a useful way to catalog images. With contact sheet, we can automatically place multiple images in a grid. One of the tasks Photoshop can perform is the ability to make contact sheets of multiple images and print them to your printer or save them as files that can be used later. 

Let's get started!
Custom Shape Contact Sheet in Photoshop.
Final result.

You can find others free Photoshop Collage Templates here. Download Photoshop here



If you liked my tutorials, please subscribe to my YouTube channel - JTSGraph.

Follow these steps to make a custom contact sheet from multiple images:

Step 1: Create two folders

Start the Windows Explorer then create a folder by clicking the New Folder button at the top. The new folder appears, with blue highlighted text. Type a new name for that folder (like “source”) then press Enter. Create two folders. One folder for the source images (you can name it “source”) and another one for the custom/modified images (name it “resized & cropped”).
Create two folders. One folder for the source images and another one for the custom/modified images.

Step 2: Copy your source images

Use the Navigation pane on the left to navigate to a location on your computer where you have some images. Select the ones you want to add to your new folder. Once you have selected your images, right click on any of them. From the menu that appears select Copy. Now navigate back to the “SOURCE” folder you've just created. Double click the “SOURCE” folder to move inside of it. Right-click anywhere inside of the big white area and from the menu, select Paste. The images will be copied and pasted over to the “SOURCE” folder.
Copy your source images Into the “Source” Folder.

Step 3: Open an Image

Choose File>Open to open an image.
Open an Image.

Step 4: Create a New Action

The Begin Recording button in the Actions panel turns red.
Named the Action "Images-Crop", set to Default Actions then click the Record button.

Select Windows>Actions or Alt+F9 to open the Action panel. The New Action dialog box appears. Named the Action "Images-Crop", set to Default Actions then click the Record button.
The Begin Recording button in the Actions panel turns red.

Step 5: Resize the image

Choose Image> Image Size to perform the operations to resize the image. The Image Size dialog box appears. Enter the new Width and Height then click OK.
Perform the operations to resize the image.

Step 6: Crop the image

Grab the Crop Tool from the Tools bar then perform the operations to crop the image. 
Grab the Crop Tool.

In the Options bar choose 1x1 (square). 
In the Options bar choose 1x1 (square).

You can drag mouse to move the cropped area then press Enter or click Commit button.
You can drag mouse to move the cropped area then press Enter or click Commit button.

Step 7: Create Custom Shape

Choose Layer>New>Layer from Background to unlock the Background Layer. 
Unlock the Background Layer.

Grab the Custom Shape Tool. 
The Custom Shape Tool.

Make sure Shape is selected.

In the Options Bar, choose a Shape you like. 
In the Options Bar, choose a Shape you like.

Drag over the image to draw shape.
Drag over the image to draw shape.

Move the shape layer down below the image's layer. 
Move the shape layer down below the image's layer.

Click the image's layer then create clipping mask by going to Layer>Create Clipping Mask.
Click the image's layer then create clipping mask by going to Layer>Create Clipping Mask.

Step 8: Save Image

Choose File>Save As to save the modified image in the "Modified" folder. The Save As dialog box appears. Navigate to the “Modified” folder where you want to store the file. Type a name in the File Name text box. Click Save to store the image.
Save Image.

Step 9: Stop Recording the Action

Stop recording by clicking the Stop Playing/Recording button.  
Stop recording by clicking the Stop Playing/Recording button then Close the image.

Close the image. You can just delete the modified image.
You can just delete the modified image.

Step 10: Create Custom Shape Images using Batch Processing

Go to File>Automate>Batch. Choose the Images-Crop Actions you created earlier. 
Choose the Images-Crop Actions you created earlier.

Choose the images source folder. 
Choose the images source folder.

Choose the destination folder. Check "Override Action Save As Command". 
Choose the destination folder. Check "Override Action Save As Command".

Type the file naming. Choose Document Name and Extension. Click OK. 
Type the file naming. Choose Document Name and Extension. Click OK.

Wait for a moment until Photoshop finishes modifying your images. You can see the results in your Destination folder.
You can see the results in your Destination folder.

Step 11: Create Custom Contact Sheet

Choose File > Automate > Contact Sheet II. Choose your source folder (your modified images). Choose Width, Height, and Resolution values for the contact sheet file. Uncheck Flatten All Layers to have the command create a separate image layer (with a mask) for each image. Choose across first and the desired number of Columns and Rows. Click OK. 

Please wait, while Photoshop opens each image and creates the contact sheet.
Create Contact Sheet.

There you have it! How to Make a Custom Shape Contact Sheet in Photoshop.
Custom Shape Contact Sheet in Photoshop.


Step 11: Save Your Document

Choose File>Save or else just press Ctrl+S to save your contact sheet project file. The Save As dialog box appears. Navigate to the folder where you want to store your project file. Type a name in the File Name text box and leave the default Photoshop (*.PSD;*.PDD) format.

PSD is Photoshop's native format and is useful because it stores everything about your image and will allow you to later edit your image in Photoshop, in case you notice a problem. Click Save to store the project file.

Once you have finished, you will probably also want to use File>Save As (Shift+Ctrl+S) to export the image in a more widely used format, such as JPEG, PNG, TIFF, etc.

2 comments: