fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Torn Paper Text Effect
Tutorials Text Effects 17791 Views April 9th, 2012

Learn how to obtain a realistic torn paper effect in Photoshop using torn brushes and simple layer styles. You will have to download our torn paper brushes that you can use to create any torn paper effect in notime.

I am planning to make an action out of this tutorial so that you can obtain this torn paper edge effect in a matter of seconds from any layer. So stay tune.


Torn Paper Text Effect

Here is a preview of the torn paper text that we are about to create in Photoshop. We will only need some custom made brushes and Work Path basic knowledge. You can apply this effect to other shapes not only text layers.

Start with a simple text, the font is not important, I have chosen Poplar Std that is a font that comes with Photoshop CS4. The color used is #ecd86b but you can use any color you want, except white.

I have also added a Pattern Overlay using these notebook patterns. Call this first layer Paper Text.

Select the text shape(press CTRL and click on the Paper Text layer thumbnail) and turn the selection into a Work Path.

Create a new layer called Torn Edges 1. Set the Foreground Color white and pick the Brush Tool. From the list of brushes choose the Torn Paper Brush 1; you can download the ABR file at the end of this tutorial.

Pick the Path Selection Tool, right click on the selection and choose Stroke Path. From the list choose the Brush Tool.

You can now remove the Work Path. You should obtain these torn edges or something similar.

Select the Paper Text layer again. Press SHIFT+CTRL+I to Inverse Selection and press delete to remove the selection from the Torn Edges 1 layer.

Our text should now look like this:

Select the text shape again, Expand the selection by 3px and turn the selection into a Work Path.

Create a new layer called Torn Edges 2. Set the Foreground Color black and pick the Brush Tool. From the list of brushes choose the Torn Paper Brush 2.

Pick the Path Selection Tool, right click on the selection and choose Stroke Path. From the list choose the Brush Tool.

Make a selection from the Torn Edges 2 layer and remove it from the Torn Edges 1 layer. Hide the Torn Edges 2 layer to see the result.

Use the same selection, press SHIFT+CTRL+I to Invert and add it as Layer Mask for the Paper Text layer.

Duplicate the Torn Edges 1 layer and call it Shadow Effect layer. Place it below the Torn Edges 1 layer. Reduce the Fill to 0% and add Drop Shadow.

Create a blank layer and merge it with the Shadow Effect layer, that way the shadow gets rasterized. Now select the Paper Text one more time, select inverse and remove the selection from the Shadow Layer.

You can even add some Layer Style effects to the Paper Text layer like Drop Shadow or Inner Glow for example. Here is my final result for Torn Paper Text made from scratch in Photoshop, using torn brushes.

To make this tutorial work you have to download the two brushes used to create the torn edge effect, so here is the ZIP file(1.38 kb).

You might also like to try our premium Photoshop plugin that allows you to create torn paper corner for photo effects.

Torn Photo Corner Photoshop Action

Torn Paper and Tear Effects Photoshop Actions

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

8 comment(s) for "Torn Paper Text Effect"

11:05 PM Wednesday, June 13, 2012
I do not see anywhere that I can download the Torn Brushes??
I do not appreciate being almost deceived by the download ad for a PDF reader either. I have the best, so why another? reply
11:06 PM Wednesday, June 13, 2012
Ooops, I now found the Zip. But the rest of it stands, lol.
It would be appreciated if you could make your tutorials print friendly............How about it? reply
11:13 PM Wednesday, June 13, 2012
Hi Joanne,

I am not controlling the ads they come randomly :) I am glad you found the ZIP file, sometime its true that I forget to add it so it is better to drop a comment like you did!
As far as the "print friendly" option is concerned we have to postpone it because we have other things to do first.

11:27 PM Thursday, June 21, 2012
Thanks for the tutorial I love it. but there is only 1 brush and it is numbered 40. Should there be more brush choices in the zip? reply
11:30 PM Thursday, June 21, 2012
Ooops. Disregard my comment. I thought there was only one because they look the same. sorry. Thanks again. reply
11:34 PM Thursday, June 21, 2012
I am glad you like the tutorial, can u please upload your result, I am curious to see ! reply
6:35 AM Saturday, June 23, 2012
Sure. When it is perfect. LOL. I am trying it with shapes instead of alphas. Thanks again and more power to you. reply
6:38 AM Saturday, June 23, 2012
You're welcome and Good luck :) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
This set contains 20 label brushes available for free download. All the labels from this pack have a...
Must have collection of broken glass textures ready to be used in your Photoshop manipulations. This...
Learn how to create a retro comics effect in Photoshop in just a few easy steps. For the comic book ...
Learn how to create a Easter grass planet in Photoshop from this new tutorial for beginners. You can...

      Rubber Stamp Generator Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator