Photoshop Torn Edges Photo Effect

Worn, Torn Photo Edges Effect In Photoshop

Learn Photoshop with Photoshop Effects Tutorials at Photoshop Essentials.com

Summary: Learn how to easily combine the Eraser Tool with one of Photoshop's built-in brushes, along with a few layers and some layer styles, to give a photo a worn, torn edges effect!

Written by Steve Patterson
Exclusively for Photoshop Essentials.com.

Part of our complete collection of Photo Effects tutorials.

In this Photoshop photo effects tutorial, we'll learn how to give a photo a worn, torn edges effect. Creating the effect is easy, requiring nothing more than a few layers, the Eraser Tool, one of Photoshop's built-in brushes, and some layer styles to help finish things off.

Here's the torn edges effect we'll be creating:

Photoshop worn, torn photo edges photo effect. Image © 2009 Photoshop Essentials.com.
The final "worn, torn photo edges" effect.

Not what you're looking for? Check out our other Photoshop Effects tutorials!

New! Download our Photoshop tutorials as convenient, print-ready PDFs!

Let's get started!

Step 1: Duplicate The Background Layer

With our image newly opened in Photoshop, let's begin by duplicating the Background layer. Go up to the Layer menu in the Menu Bar at the top of the screen, choose New, and then choose Layer via Copy. Or, for a faster way to duplicate a layer, press the keyboard shortcut Ctrl+J (Win) / Command+J (Mac):

Selecting the New Layer via Copy command in Photoshop. Image © 2009 Photoshop Essentials.com.
Go to Layer > New > Layer via Copy, or press Ctrl+J (Win) / Command+J (Mac).

If we look in the Layers panel, we can see that our document now contains two layers. The original Background layer sits on the bottom, while our newly added copy of the Background layer, which Photoshop has automatically named "Layer 1", sits above it:

The Layers panel in Photoshop after duplicating the Background layer. Image © 2009 Photoshop Essentials.com.
A copy of the Background layer appears above the original in the Layers panel.

Step 2: Add Extra Canvas Space

Let's give ourselves a bit more room to work by adding a little extra canvas space around the image. Go up to the Image menu at the top of the screen and choose Canvas Size:

Selecting the Canvas Size command from the Image menu in Photoshop. Image © 2009 Photoshop Essentials.com.
Go to Image > Canvas Size.

This brings up Photoshop's Canvas Size dialog box. I'm going to add an extra 100 pixels around the image by entering 100 for both the Width and Height options in the center of the dialog box and making sure the measurement type is set to pixels for both. Also make sure the Relative option is checked so the extra space is added to the existing canvas, otherwise we'll be changing the canvas size to 100 x 100 pixels, which isn't what we want. Click the center square in the Anchor grid so that the extra space is added evenly around all edges of the canvas:

The Canvas Size dialog box in Photoshop. Image © 2009 Photoshop Essentials.com.
Add extra space around the image with the Canvas Size dialog box.

Click OK when you're done to exit out of the Canvas Size dialog box. If we look at the image in the document window, we can see that we now have extra space around the image. We'll be trimming away the extra space when we're finished creating the torn edges effect. This is simply to give us some extra room to work with the Eraser Tool, which we'll be using in a moment:

The extra canvas space has been added around the image. Image © 2009 Photoshop Essentials.com.
The extra canvas space has been added.

Step 3: Add A New Blank Layer Between The Two Existing Layers

With "Layer 1" selected in the Layers panel (it should be highlighted in blue), hold down your Ctrl (Win) / Command (Mac) key and click on the New Layer icon at the bottom of the Layers panel:

Clicking the New Layer icon in the Layers panel in Photoshop. Image © 2009 Photoshop Essentials.com.
Hold down Ctrl (Win) / Command (Mac) and click on the New Layer icon.

Normally, Photoshop adds new layers directly above the currently selected layer, but by holding down the Ctrl / Command key as we click on the New Layer icon, we tell Photoshop to add the new layer below the selected layer. We now have a new blank layer named "Layer 2" sitting between the Background layer and "Layer 1".

A new blank layer appears in the Layers panel. Image © 2009 Photoshop Essentials.com.
The new blank layer appears between the Background layer and "Layer 1".

Step 4: Fill The New Layer With White

Go up to the Edit menu at the top of the screen and choose Fill:

Selecting the Fill command from the Edit menu in Photoshop. Image © 2009 Photoshop Essentials.com.
Go to Edit > Fill.

This brings up Photoshop's Fill dialog box, which we can use to fill a layer or a selection with color. Choose White for the Use option in the Contents section at the top of the dialog box:

The Fill command dialog box in Photoshop. Image © 2009 Photoshop Essentials.com.
Set the Use option to White.

Click OK when you're done to exit out of the dialog box. Photoshop fills the new layer with white, although we can't actually see it in the document window since the image on "Layer 1" above it is blocking the new layer from view. However, if we look at the layer preview thumbnail for "Layer 2" in the Layers panel, we can see that the thumbnail is now filled with white, which tells us that the layer itself is filled with white:

The layer preview thumbnail for 'Layer 2'. Image © 2009 Photoshop Essentials.com.
The preview thumbnails in the Layers panel give us a preview of the contents of each layer.

We're ready to begin creating the torn edges effect with the Eraser Tool. We'll do that next!

Need printable versions of our Photoshop tutorials? Download them as print-ready PDFs!

Go to page: 1 | 2 | 3 | 4