Photoshop Torn Edges Photo Effect

Worn, Torn Photo Edges Effect In Photoshop

Learn Photoshop with Photoshop Effects Tutorials at Photoshop Essentials.com

Step 14: Add A Drop Shadow

Click directly on the words Drop Shadow at the top of the list of layer styles on the left of the dialog box. Again, we need to click directly on the words themselves to access the options for the Drop Shadow:

Selecting a Drop Shadow layer style in Photoshop. Image © 2009 Photoshop Essentials.com.
Click directly on the words "Drop Shadow" on the left of the Layer Style dialog box.

The Drop Shadow options will appear in the center column of the Layer Style dialog box. Lower the Opacity of the shadow down to around 30% so it's much less intense than it is with the default opacity setting of 75%. Then set the Angle of the shadow to 120° if it isn't set to that already:

Changing the options for the Drop Shadow in the Layer Styles dialog box in Photoshop. Image © 2009 Photoshop Essentials.com.
Set the Opacity of the drop shadow to 30% and the Angle to 120°.

Click OK when you're done to exit out of the Layer Style dialog box. Here's my image after applying the drop shadow:

The image after applying the drop shadow in Photoshop. Image © 2009 Photoshop Essentials.com.
The image after adding all three layer styles.

Step 15: Select The Top Layer And Turn It Back On

Click on the top layer in the Layers panel ("Layer 1 copy") to select it, then click on the layer visibility icon on the left of the layer to turn the layer back on so it's visible again inside the document window. The photo will once again appear and will block the gray-filled image that we were just working on from view:

Turning the layer back on in the Layers panel. Image © 2009 Photoshop Essentials.com.
Click on the layer visibility icon once again to turn the top layer back on.

Step 16: Erase Parts Of The Edges On The Top Layer To Reveal The Layer Below

With the top layer selected, go back around the edges of the image with the Eraser Tool using short brush strokes, just as we did initially on "Layer 1", to remove more of the edge. Remember to keep most of the brush shape outside of the image so that no more than 25-30% of it extends into the image. As parts of the edge are erased, the light gray image below it is revealed, creating the illusion that the photo itself has worn off around the edges and only the back layer of the paper remains:

Erasing more of the edge to reveal the light gray on the layer below the image. Image © 2009 Photoshop Essentials.com.
Erasing the edges of the image on the top layer reveals the light gray area on "Layer 1" below it.

Again, you can change the size of the brush if needed by pressing the left bracket key ( [ ) to make it smaller or the right bracket key ( ] ) to make it larger. If you make a mistake, press Ctrl+Z (Win) / Command+Z (Mac) to undo the last area you erased, or press Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) to undo multiple brush strokes.

Here, after working my way around the edges of the photo once again, is my final "worn, torn photo edges" effect:

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

Step 17: Trim Away The Extra Canvas Space (Optional)

If you want to remove the extra canvas space we added earlier, go up to the Image menu at the top of the screen and choose Trim:

Select the Trim command from the Image menu in Photoshop. Image © 2009 Photoshop Essentials.com.
Go to Image > Trim.

This brings up the Trim dialog box. Select the Top Left Pixel Color option. Since the pixel in the top left corner of the document is white, Photoshop will trim away all of the white area around the image. Make sure the Top, Bottom, Left, and Right options are selected in the bottom half of the dialog box, then click OK to exit out of it, at which point Photoshop will trim away the extra canvas space we added:

Trimming away the extra canvas space in Photoshop. Image © 2009 Photoshop Essentials.com.
Trim away the extra canvas space with the Trim command.

And there we have it!

Want an easier way to learn Photoshop? Download our tutorials as Print-Ready PDFs!

StumbleUpon Toolbar

del.icio.us

Go to page: 1 | 2 | 3 | 4