Heart Shaped Photo Collage Template in Photoshop

In this tutorial, you will learn how to create a heart-shaped photo collage template in Photoshop. We'll be using the Custom Shape tool, the grid, Rectangle tool, Free Transform and Clipping Mask that comes with Photoshop. Once you have arranged all shapes to your satisfaction, you can play around with other Photoshop's tools to add your own artistic effects. Let's get started!

Heart Collage. Final result.

Download These Templates

Click the links below to download the heart Photo collage templates (PSD):
template#1, template#2, template#3, template#4, template#5,  or find others free Photoshop Collage Templates.

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

Step 1: Create new Document

Choose File> New (or Ctrl+N) to create a new document. 

Step 2: Grab the Custom Shape Tool

Grab the Custom Shape Tool from the Tools panel, or press U.

In the Options Bar, make sure Shape is chosen from the menu.

Choose shape color. Click the color swatch in the options bar, and then choose a color available.

Enter a value for the stroke size.

Select a heart shape from the Custom Shape pop-up panel.

Step 3: Draw a Heart Shape

To draw a Heart Shape, click inside your document and drag away from the starting point.

When you release your mouse button, Photoshop completes the Heart Shape and fills it with your chosen color.

Step 4: Create the Grid

Now we need to create a grid to assist us in laying out rectangle shapes symmetrically. To add the grid, choose View>Show>Grid.

Choose View>Snap, to enabling snaping that will help you to align any object (including shape) you want.

Step 5: Adjust the Grid

Open up the grid preferences, choose Edit> Preferences> Guides, Grid & Slices.

Choose the color you want for the grid lines. I will set the “Gridline every” option to be 5 percent and “Subdivisions” option to be 1.

Step 6: Grab the Rectangle Tool

Grab the Rectangle Tool from the Tools panel, or press U.

In the Options Bar, make sure Shape is chosen from the menu then choose shape color.

Step 7: Draw a Rectangle Shape

Click inside your document and drag away from the starting point. When you release your mouse button, Photoshop completes the rectangle shape and fills it with your chosen color.

Step 8: Adjust Shape

Click the shape layer, then go to Edit> Free Transform or Ctrl+T.

Resize the shape by dragging any corner while holding down the Shift key to keep the shape doesn't distort.

Drag to move or use the arrow keys on the keyboard to reposition it. Press Enter when you're done.

Step 9: Duplicate Shape

Duplicate the shape layer by choosing Layer> Duplicate Layer, or Ctrl + J. Then resize and reposition it using Edit> Free Transform. Now, you can edit the rectangle shape as follows:

• Resize the rectangle shape by dragging any corner while holding down the Shift key to keep the shape does not distort.
• Move the rectangle shape by clicking and hold anywhere inside the shape and drag.
• Rotate the rectangle shape by moving your cursor farther out from any corner until you see two arrows. Click and hold, then drag the shape.
• Press Enter key when you are done.

Duplicate the rectangle shape layer as many as you want and then arranged it all to your satisfaction. After you finish creating all shapes, you can hide the grid by choosing View> Show> Grid.

Step 10: Hide or Delete the Heart Shape

You can delete the heart shape or simply turn off its visibility option by clicking the eye icon on the left.

Step 11: Save File As Template

Choose File>Save or Ctrl+S to save your project file as a template for later use. Save this template file so that someday you can use it again.

Step 12: Insert Image

Stock images used in this Photoshop Collage tutorial: 1241817, 1328454, 738303, 920128, 1508121, 807566, 1226954, 649021, 649020, 457237, 1347385, 1387118, 817368, 807547, 807531, 738310, 807544, 817364, 817361, 807536, 807533, 738306, 738305, 738302, 738287, 457234, 958457, 633453, 817365.

Select the layer to which you want to insert an image.

Go to File> Place Embedded to open the picture you'd like to insert. 

Click on the picture, then click OK. You can now edit and move the picture as follows:

• Resize the picture by dragging any corner while holding down the Shift key to keep the picture does not distort.
• Move the picture by clicking and hold anywhere inside the image and drag.
• Rotate the picture by moving your cursor farther out from any corner until you see two arrows. Click and hold, then drag the picture.
• Press Enter key when you are done.
  

Step 13: Create Clipping Mask

You must stack the image layer above the Rectangle layer. Click the image layer to be clipped, then choose Layer>Create Clipping Mask or Alt+Ctrl+G.

When layers are put into a clipping mask, the content of the bottommost layer (the Rectangle layer), clips the layers above it (the image layer).

Step 14: Insert Other Images

Repeat steps 12 through 13 to open and manipulate each picture you'd like to insert.

Step 15: Save Your Document

Choose File>Save or Ctrl+S to save your collage.

There you have it! a heart colage in Photoshop.

See also other Photoshop Collage tutorials:

• Multiple Frames Photoshop Collage template
• How to create a Polygon Collage in Photoshop
• Easy way to create mosaic in Photoshop CS6
• Create a Jigsaws Puzzle Collage in Photoshop