July 19, 2021

Heart Collage in Photoshop

Learn how to create a Heart Collage in Photoshop from multiple images fast and easy.

We'll create an Actions to resize and crop image, Batch processing to resize and crop images at once, create a Contact Sheet from multiple images, and Custom Shape Tool to create a heart shaped.

Let's get started!
Heart Collage in Photoshop
Final result.

Download This Heart Collage Template (PSD)

Download this Heart collage template here or find others Photoshop Collage Templates here


1. Create Two Folders for the Source and for the Modified Images
Start the Windows Explorer then create a folder by clicking the New Folder button at the top. 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.
Create two folders. One folder for the source images and another one for the custom/modified images.

2. Copy Your Source Images Into the “Source” Folder
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.
Copy your source images Into the “Source” Folder.

3. Open an Image
Choose File>Open to open an image from the source folder.
Open an Image.
File>Open.

Open an Image.
Open an Image.

4. Create a New Action
Select Windows>Actions or Alt+F9 to open the Action panel. 
Windows>Actions.
Windows>Actions.

Click the Record New Action Button. In the New Action dialog box, named the Action "Edit (resize-crop)", set to Default Actions then click the Record button. 
Click the Create New Action Button.
Click the Create New Action Button. 

The Begin Recording button in the Actions panel turns red.
The Begin Recording button in the Actions panel turns red.
The Begin Recording button in the Actions panel turns red.

5. Perform the Operations to Resize the Image
Choose Image> Image Size to perform the operations to resize the image. 
Image> Image Size.
Image> Image Size.

In the Image Size dialog box, enter the new Width and Height then click OK.
Enter the new Width and Height then click OK.
Enter the new Width and Height then click OK.

6. Perform the Operations to Crop the Image
Grab the Crop Tool from the Tools bar then perform the operations to crop the image. In the Options bar choose 1:1 (square). 
The Crop Tool.
The Crop Tool.

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.
You can drag mouse to move the cropped area then press Enter or click Commit button.

7. Save Image
Choose File>Save As to save the modified image in the "Modified" folder. 
File>Save As.
File>Save As.

In 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.
Save Image.

8. Stop Recording the Action
Stop recording by clicking the Stop Playing/Recording button. 
Stop recording by clicking the Stop Playing/Recording button.
Stop recording by clicking the Stop Playing/Recording button.

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

9. Resize and Crop images at Once
Go to File>Automate>Batch
File>Automate>Batch.
File>Automate>Batch. 

Choose the "Edit (resize-crop)" Actions you created earlier. Choose the images source folder. Choose the destination folder. Check "Override Action Save As Command". Type the file naming. Choose Document Name and Extension. Click OK. Wait for a moment until Photoshop finishes resizing and cropping your images. You can see the results in your Destination folder.
The Batch dialog box.
The Batch dialog box.

You can see the results in your Destination folder.
You can see the results in your Destination folder.

10. Create a Contact Sheet
Choose File > Automate > Contact Sheet II
File > Automate > Contact Sheet II. 

Choose your source folder (your modified images). Choose Width, Height, and Resolution values for the contact sheet. 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.
Choose File > Automate > Contact Sheet II.
Choose File > Automate > Contact Sheet II.

Create a Contact Sheet.
Create a Contact Sheet.

11. Group Layers
While holding down the Shift key, click the first and last layer. Choose Layer>Group Layers.
Layer>Group Layers.
Layer>Group Layers.

Layers grouped.
Layers grouped.

12. Draw a Heart-Shaped Image
Grab the Custom Shape Tool. 
Grab the Custom Shape Tool.
Grab the Custom Shape Tool.

In the Options Bar, pick a Heart-Shaped. 
In the Options Bar, pick a Heart-Shaped.
In the Options Bar, pick a Heart-Shaped. 

You can click the eye icon on the left to hide the contact sheet group layer visibility. Click-drag on canvas to draw a heart shape.
Click-drag on canvas to draw a heart shape.
Click-drag on canvas to draw a heart shape.


13. Create Layer Mask
Press Ctrl+Click on the heart layer thumbnail to load selection. 
Press Ctrl+Click on the heart layer thumbnail to load selection.
Press Ctrl+Click on the heart layer thumbnail to load selection.

Click the eye icon on the left to hide the heart layer visibility. Select the layer group then create a layer mask by going to Layer>Layer Mask>Reveal Selection.
Layer>Layer Mask>Reveal Selection.
Layer>Layer Mask>Reveal Selection.

Create Layer Mask.
Create Layer Mask.

14. Add Background Color
Select the Background layer then fill it with a color you like. Choose Edit>Fill.
Edit>Fill.
Edit>Fill.

Choose a color then click OK.
Choose a color then click OK.
Choose a color then click OK.

Here’s the result.
Heart Collage in Photoshop.
Heart Collage in Photoshop.

15. Save Your Document
Choose File>Save (Ctrl+S) to save your contact sheet project file. 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 export the image in a more widely used format, such as JPEG, PNG, TIFF, etc.

No comments:

Post a Comment