This is something new for us today – a Photoshop tutorial. It is area in which I have hoped to explore for a very long time. With this, the plan is to have a weekly section dedicated to publishing a fresh and original tutorial, not only for Photoshop, but also for Illustrator and Fireworks.
So, if you would like to jump on the bandwagon and write a tutorial for this new weekly section, get in touch with me here: Contact


.

Creating a Realistic Torn Photo Effect – Image Preview

85a7a 25 final image small Creating a Realistic Torn Photo Effect – Photoshop TutorialIn this tutorial you will learn how to take a standard photo of a girl and tear it into pieces using some stock images and some nifty Photoshop techniques.
The image on the left is what your finished product will look like. OK, lets get started…
Before we start, you should download the source files…

Step 1 –
From the downloaded source files, open the image below in Photoshop, and duplicate the layer. On the duplicated layer set the Blend Mode

to Screen

and open the Blending Options

.

85176 00 original image 425 Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 2 – Drop Shadow Settings
Firstly, we will start by adding some Shadow

. Use the settings you see in the image below:

85176 01 Drop Shadow settings Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 3 – Inner Shadow Settings
Then we will need to add some Inner Shadow

, using these settings:

85176 02 inner shadow settings Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 4 – Inner Glow Settings
… and then some Inner Glow

with the following settings:

79bc0 03 Inner Glow settings Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 5 – Bevel and Emboss Settings
Finally, a little Bevel and Emboss

. Use these settings:

79bc0 04 bevel and emboss settings Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 6 – Merge layers
Hit OK and now Merge

the original or Background layer to the duplicate one. Select the two layers and hit CTRL + ALT + E

. You’ll now have a new merge layer

.

2a6c7 05 merge layers Creating a Realistic Torn Photo Effect – Photoshop Tutorial

This is the result so far

2a6c7 06 Merged layer done Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 7 – Torn Paper
Now open the below image with the several pieces of torn paper, from the source files.

8f9a2 07 torn paper Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 8 – Crop the Torn Paper
You will now need to crop the part that you are going to use, so that it is easier to select. Crop

the piece of paper that is on the lower right corner of the torn paper image.

8f9a2 08 crop torn paper Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 9 – Select with the Magic Wand
Now you need to select the piece. You can select the white parts of the image and then invert

the selection (CTRL + SHIFT + I

). Use the Magic Wand

tool to do this.

8f9a2 09 Select piece of paper magic wand Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 10 – Scale and Rotate
Copy it and paste it onto the image that you are working with. Scale

it down

and rotate

it until you get something like this:

ce239 10 pasted paper Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 11 – Torn Background
Now we need to create the background for the torn photo. Open

this image of a piece of cardboard:

ce239 11 torn cardboard Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 12 – Torn Background II
Select

the white area, invert

that selection. Copy and paste it onto the image you’re working on. Scale

it and rotate

it until it looks like this:

12f42 12 cardboard pasted Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 13 – Torn Background III
Open

again the image with the pieces of torn paper. Crop

the yellow one. Select

it as shown in the image below and invert

that selection.
Remember to remove the clip. You can use the Clone tool

or just cut a piece of plain paper and paste it over the clip.

12f42 13 another piece of paper selected Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 14 – Torn Background IV
Paste

it onto the document that you were working on and place it as you can see in the below image:

12f42 14 another piece placed Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 15 – Torn Background V
Now, the magic begins.
Set all the torn pieces of paper layers invisible. Now, open once again the image of the torn cardboard. Select

the section that looks like a triangle; it’s the brownest part of the image.

66078 15 torn cardboard selected Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 16 – Torn Background VI
Copy and paste

it onto your current document like this:

66078 16 paste piece of paper Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 17 – Torn Background VII
CTRL + CLICK

on the thumbnail of the piece of torn paper layer. Make it invisible

and select

the layer of the girl.

66078 17 piece of Girl selection Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 18 – Copy and Paste the Selection
With the girl layer selected, copy

the selection and paste

it. Move the layer to the top (it may help to make all the torn paper layers visible). Now, rotate the part you’ve just pasted and move it like you can see in the picture below:

d9d8f 18 paste it rotate move top Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 19 – CTRL + CLICK
Now, CTRL + CLICK

on the yellow piece of torn paper you have on the document.

07d7e 19 ctrl+click yellow paper Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 20 – Cut the image of the Girl
Make that layer invisible

and use that selection

to cut another part of the girl like this:

07d7e 20 select Another part of the Girl Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 21 – Position the Torn Paper
Copy

it, paste

it and move it to the top of the layers. Now rotate it a little and move it to the right just like this:

94801 21 move it and rotate Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 22 – Applying Shadow
Now, you will need to apply some shadow

to this particular piece. Open the blending options

and Drop some shadow

using these settings:

94801 22 drop shadow piece Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 23 – Positioning another piece of cardboard
You will now need to do something similar with the other cardboard piece. Select

the cardboard layer on your left. Make that layer invisible

and copy

that part of the image of the girl’s layer and paste

it. Place it on top of the layers and rotate

it and move it so that it looks like the image below. Don’t forget to add some shadow to this piece as well, you can simply copy

the layer style and paste

it. (Step 22)

94801 23 paste Another part Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 24 – Repeat the process
This part is up to you. You will need to continue copy

ing and paste

ing parts of the photograph, and creating the final image how you would like it. Do this until you’re satisfied with the result, let your creativity rein free!
Continue copying and pasting the torn paper parts, you can even divide a part in two and rotate it like this:

4ef1f 24 continue pasting parts Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Step 25 – Finished
The result could look like this, or yours may even be better!

4ef1f 25 final image Creating a Realistic Torn Photo Effect – Photoshop Tutorial

The Author

Paola

has been the author of todays tutorial, she is also known as Violet Bag

and you can visit here website, Violetbag.com


to view some of her awesome works and some more tutorials.

You might also like…

The Best 40 Photoshop Text Effects from 2009 »

49 Most Creative Photoshop Tutorials of 2009 »

20 Beautiful HDR Photographs of the Marvels and Mysteries of Iceland »

30 Artistic and Creative Photoshop Poster Tutorials »

40 Amazing Photoshop Brush Directories and Collections »

50 Imaginative Fantasy Art Tutorials for Photoshop »

25 Cool Digital Photography Tutorials, Techniques and Effects »

30 Useful Photoshop Buttons and Badges Tutorials »

25 Photoshop Tutorials for Creating that Perfect Web Page Design »

 Creating a Realistic Torn Photo Effect – Photoshop Tutorial

 Creating a Realistic Torn Photo Effect – Photoshop Tutorial

 Creating a Realistic Torn Photo Effect – Photoshop Tutorial