How to make a torn paper effect in Adobe Photoshop.

How to make a torn paper effect in Adobe Photoshop.

Tutorial Introduction

Yesterday when I was surfing on the net, I found some great-looking websites using torn paper effect in their web design and I decided to go into Photoshop tools and find the ones that can do this effect easily.

After few experiments, I found the easiest way to make this great effect that will be shown on here.

Step one, general selection of the part you want to be tear

Before you start step one, lets set the document. I chose 350px on 350px but you can choose any other size or apply this effect on images \ web graphics.

document settings

Open a new layer (Layer>new>layer), select the Lasso Tool (L) and start make a selection (not straight) through an imagined diagonal.

Lasso tool selection

Next, you need to pick the color, I picked #525252 (double click on the correct foreground color and then enter this value where the ‘#’)

Paint the selection you made with the Paint Bucket Tool (G).

Open a new layer under the top one so the order will be like below:

layers order

Now, you should repeat the first steps and make a new selection

corn paper selection

Paint it in #999999 (also explained in the above steps)

Step two, blur the pixels

The result till now should be like this:

torn paper result till step 2

You probably can see the pixels.. your goal is to make the pixels a bit blurred and it will look better.

This will be done with the blur tool

blur tool

After picking this tool, a top bar of this tool will be shown. enter the below values to it so it will be easier for you to blur it.

blur tool top bar

When you’re done with the values entry, pass on all the pixel parts in both layers. don’t do it too slow but also not too fast.

If this is too blurry, you can also go back in history or choose the ’sharpen tool’ and pass it on once again till it’s perfect!

sharpen tool

The result should be about like this:

result step two

Step three, lighting effects

The torn paper effect is ready but for making it a neat effect, lighting effects are required.

I used two tools for making the lighting effects, ‘Burn tool’ and ‘Dodge tool’

dodge tool and burn tool

Start use them at the ‘paper edge’. one more tip is to change the brush tool.

Here’s my final result:

final result

If you liked this tutorial, then please stumble and Digg this page.
Thanks, TutorialsHot admin.

5 Responses to “How to make a torn paper effect in Adobe Photoshop.”

Ah…so that’s how it’s done. Thanks! I’ve bookmarked your site. ;) Really useful!

Comment by Rawpinions on January 5, 2008 @2:47 pm

Really @ great tutorial. Thx :)

Comment by Azerbaijan on January 13, 2008 @11:14 am

It workz!!
Thankyou so much…..

Comment by Shalini on March 21, 2008 @9:41 pm

REAL NICE!

Comment by Dang on March 26, 2008 @1:27 pm

y3ah it works and dats damn cute

Comment by Jo3nathan on May 1, 2008 @6:07 am

Leave a Reply