What You’ll Be Creating
Have you wondered how to create a torn photo effect in Photoshop? If so, your search ends here! In this tutorial, we’re going to create a picture collage in Photoshop. Then you’ll learn how to add torn photo edges in Photoshop and customize them to look unique and true to life
What You’ll Learn in This ‘How to Add Torn Photo Edges’ Tutorial
- How to create a collage in Photoshop
- How to create torn edges in Photoshop
- How to customize a torn paper effect in Photoshop
1. How to Create a Photo Collage in Photoshop
Step 1
To create a collage in Photoshop, open your first photo. I’m using this simple portrait of a young woman with a shaved head on a white background
Step 2
Now, open your second photo. I’m using this colourful portrait of the same woman, also by oneinchpunchphotos available from Envato Elements.
Step 3
Create a New Document. Go to File > New Document. I’ve chosen a size of 3000 x 2200 pixels at 300 Pixels/Inch allowing for the maximum resolution from these images.
Step 4
Bring the two photos into your new document. Now you’ll want to convert both photos to Smart Objects. To do this, press and hold Control while you click the Layer name to open the sub-menu. Click Convert to Smart Object. Repeat this for both photo layers.
Step 5
Decrease the Opacity of the top layer to 50%. This will reveal some of the layer underneath, allowing you to see the size of the model’s face in both images at the same time.
Step 6
Now we need to align the two photos so that the model’s face is the same size. This can be a bit tricky, which is why we converted the layers to Smart Objects, which will allow us to resize the images as many times as we need to get this right without any loss of quality.
Using the Free Transform Tool (Command-T), resize the top layer. Don’t worry about being perfect here, but try to align any key areas such as the nose and the chin to be as close as possible.
Step 7
Crop in on the image.
We’ve now aligned the photos well, so we can move on to create a torn paper edge in Photoshop.
2. How to Create Torn Edges in Photoshop
Step 1
To add a worn, torn photo edges effect in Photoshop, open the image of the torn piece of paper. Bring it into your working file, on top of your photo layers, and position the edge of the paper approximately where you’d like the torn edge to appear. Make sure the Opacity settings of all the layers are at 100%.
Don’t worry about getting the placement exactly right just yet. We’ll be able to adjust this if need be at a later step.
Step 2
Drag the torn paper layer under the top photo layer.
Step 3
Select the top photo layer—for me this is Layer 2. Press and hold Control while you click the top layer name to open the sub-menu, and select Create Clipping Mask.
Step 4
Now that you can see where the rip is appearing, this is the time to make any necessary adjustments to align the two portraits as accurately as possible. Use the Free Transform Tool (Command-T) to adjust the scale of the photos.
Step 5
Next, we’ll need to create a selection of the ripped paper edge. Command-click the torn paper layer. This will create a selection that will appear as marching ants right down the rip.
Step 6
Create a Layer Mask on the top photo layer. There’s a shortcut available for this at the bottom of Photoshop’s menu that looks like a rectangle with a circle in the middle.
Step 7
Select the top photo layer (be careful not to select the layer mask, just the layer itself) and then using your arrow keys, Nudge it to create a rip.
3. How to Customize a Torn Paper Effect in Photoshop
Step 1
We’ve now created a torn photo effect in Photoshop, but I think we could make it a little bit more believable, so let’s work on customizing the ripped paper.
First, Click the ripped paper layer, then select the Free Transform Tool (Command-T) and then the Warp function, which is found at the top menu of the Free Transform Tool.
Click and drag your cursor around to create some asymmetry to the rip. Once you’re happy with the results, click OK to commit.
That warping has really made the ripped paper effect appear believable now!
Step 2
Because our source image of the torn paper edge had a blueish hue, I’m going to desaturate it. Select the torn paper layer, and create a Hue / Saturation Adjustment (Command-H). I want to decrease the Saturation to -100 and increase the Lightness to about +16.
Step 3
Now let’s sharpen the paper’s texture. Go to Filter > Sharpen > Unsharp Mask. I used an Amount of 349% and a small Radius of 0.4 Pixels with 0 Threshold Levels.
And It’s Done! You Know How to Create a Torn Paper Edge in Photoshop!
Just like that, you now know how to create a collage in Photoshop, how to add torn photo edges in Photoshop, and how to customize a ripped paper effect in Photoshop!
