Skip to content

Photoshop Collage Effect: Make Collage in Photoshop

How to Make a Collage in Photoshop?

Adobe Photoshop is the most popular software for photo manipulation and image editing. In today’s tutorial, you will learn to create Photoshop Collage Effect. We will use the Rectangle Tool, Move Tool, Clipping Mask, and few effects to make Collage in Photoshop. We will turn a Photo into a Collage with Photoshop in a few simple steps.

How to make Collage in Photoshop

Let’s begin with the Photoshop Collage Tutorial. Select a high quality image for the tutorial and follow the below-mentioned step-by-step process:

Step 1

Launch Adobe Photoshop and open the selected photo as a new document.

Open Image in Photoshop

Now create a duplicate layer of the image.

Layer > Duplicate Layer

Select Duplicate Layer
Give a name to the duplicate layer
Collage in Photoshop

Step 2

Now select the Rectangle Tool from the Tool Panel and double-click on the image. A Create Rectangle dialogue box will appear on the canvas. in that dialogue box, enter the height and width of the square.

Select Rectangle Tool
Create Rectangle dialogue box
Create a Square

Step 3

Select the Move Tool from the Tool Panel. Now with the help of the Move Tool, I will drag the square shape and place it on the top-left side of the image in such a manner that it covers the face of the model. Then I will rotate the square shape to -24 degrees.

To rotate the square shape, place the cursor at the corner of the square shape. When the cursor changes into a curve shape, then rotate the square shape by holding the left-click.

Move and rotate the square shape

Similarly, create few more square shapes of the same size and place them on the image at random positions. You can rename the layers for each square shape. (See the image below)

Create more square shapes

Step 4

As you can see in the Layers Panel, that the shape layers are arranged in descending order. We will reorder the layers in ascending order. Select the layer named Rectangle 2 and along with the Shift key, drag it below the layer named Rectangle 1. Do the same with the other layers also.

Rearrange the Layers
Rearrange the Layers

Step 5

Now select the Image layer and place it above the Rectangle 1 layer.

Rearrange the Image Layer

Let the Image Layer be selected and go to Layer in the Menu Bar. Then select Create Clipping Mask. Also, turn off the visibility of the Background Layer.

Select Create Clipping Mask
Create Clipping Mask

Rename the Image Layer as Clipping Mask 1 Layer.

Step 6

Press Ctrl + J to create a new Image Layer and rename it. Now drag that layer below Rectangle 1 Layer and create a Clipping Mask.

Similarly, create copy of the image layer for each shape layer and create Clipping Mask.

Collage in Photoshop

Step 7

In this step, we will create a background for our Photoshop Collage.

Click on the Create New Fill or Adjustment Layer icon in the Layers Panel. Then select Solid Color.

Select Create new Fill or adjustment layer
Select Solid Color

Color Picker dialogue box will appear on selecting Solid Color. Pick a color for the background and click OK.

Pick a color for the background

Select the Color Fill layer and drag it below the rectangle 9 layer.

Place the Color Fill layer above the background layer

Step 8

Now we will apply Layer Style to each Clipping Mask. At first, we will apply Strokes to each Clipping Mask and then Drop Shadow effect.

Double-click on the Rectangle 1 layer to open the Layer Style options. Then select Strokes. Set the size of the stroke and position, and then click OK.

Apply Strokes

Again double-click on the Rectangle 1 layer and select Drop Shadow from the Layer Style dialogue box. Make required changes in the Drop Shadow settings and click OK.

Apply Drop Shadow

Similarly, apply the Strokes and Drop Shadow to other rectangles also.

Collage in Photoshop

These are the steps by which you can make Collage in Photoshop. Your Photoshop Collage is ready.

Now practice this Collage Effect in Photoshop and create your own Photoshop Collage.

Share this Photoshop Tutorial with others and also, share your views in the comment section


  • Vivi Designing

    Vivi Designing is a platform for people who are in love with design and are eager to learn for creativity and inspiration. We provide free design resources, articles, tutorials, techniques, and the latest trends in Adobe Illustration and Adobe Photoshop.

Leave a Reply

Your email address will not be published. Required fields are marked *