Rename the layer.

Step 39

Turn the photo into Clipping Mask by hitting Ctrl + Alt + G. This way, the guide file will be clipped by the shape of the photo piece underneath it.
Turn layer into Clipping Mask.

Step 40

Again, duplicate the guide file into the second piece. Rename its layer to photo – 2 for clearer identification. And as in the first case, convert it into Clipping Mask by clicking the Ctrl + Alt + G.
Duplicate the guide file to group folder number 2.
Rename it to photo – 2.
Turn it into Clipping Mask.

Step 41

We don’t need to see the guide file at this stage onward. To hide it, click on the eye icon next to its name in Layers Panel. As you can see below, now we have rectangle 1 from the guide file sits inside the first pience and so as the second rectangle.
Hide the guide file.

Step 42

Continue duplicating and placing the guide file into each piece. In the mockup, the rectangles should be confined inside each piece. Of course, layer transformation is still needed and we’re going to do it soon.
Duplicate and place the guide file into each piece.

Step 43

Let’s add a solid color to cover the background which might distract us. Activate the Background layer, which can be found at the bottom of the layers, and click Add Adjustments Layer icon. Select Solid Color. In the popped up dialog box select white or any neutral color suitable to your file and then click OK.
Add Solid Color Adjustment Layer.
Place the Solid Color adjustment layer above the Background layer.

Step 44

Next step we need to do is match the photo position to its corresponding piece. The first rectangle should sit right on the first piece. So, make sure the photo inside the first piece is selected. Hit Ctrl + T to perform transformation. Rotate it if needed. Right click and select Warp. Warp transformation gives you greater control on the transformation process.
Use Warp Transformation for greater control.
Make sure the rectangle fits inside the piece.

Step 45

If you are following me by putting one of the pieces off its position, you should also place the photo accordingly. In this case, the piece number 11 is way down. The photo guide should go there too.
The 11th rectangles should be placed inside its corresponding piece.

Step 46

If you look closer, the paper color is protruding on the edge of the photo pieces. We do want to keep this effect, that’s why we don’t use scissor or utility knife . We want to produce the same effect in this mockup.
Some part of the photo paper can be seen on the edge.

Step 47

We will start with the first piece which is placed inside the 1 group folder. Select the photo layer and add layer mask.
Add layer mask.

Step 48

The layer now have a mask next to it. Using the mask, we are going to hide some edges of the photo piece and therefore reveal the paper behind them. First, make sure the mask is active, indicated by thin white lines surrounding it.
Ensure the layer mask is active.

Step 49

Activate the Brush Tool. Right click to open the Brushes Panel. Select rough edged brush tip and set enough Brush Size.
Select rough edge brush tip.

Step 50

Set foreground color to black and Brush Opacity, which can be found in the Options Bar, to 50%. Paint on the piece’s edge to hide it and reveal the original we had earlier. That original shape is going to be the paper color.
Notify of
1 Comment
Oldest Most Voted
Inline Feedbacks
View all comments


Free Photoshop Actions

Sign up to our weekly newsletter and get 10 free Photoshop Actions.

Special FX Photoshop Actions