Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Torn Paper Text Effect

www.psd-dude.com
Tutorials Text Effects 18781 April 9th, 2018

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.

Torn Paper Effect Photoshop

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.

Torn Paper Effect Photoshop

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

Torn Paper Effect Photoshop

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

Torn Paper Effect Photoshop

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.

Torn Paper Effect Photoshop

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

Torn Paper Effect Photoshop

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

Torn Paper Effect Photoshop

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.

Torn Paper Effect Photoshop

Our text should now look like this:

Torn Paper Effect Photoshop

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

Torn Paper Effect Photoshop

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.

Torn Paper Effect Photoshop

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.

Torn Paper Effect Photoshop

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

Torn Paper Effect Photoshop

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.

Torn Paper Effect Photoshop

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.

Torn Paper Effect Photoshop

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 this free ripped paper texture or 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

Newspaper Letters [Online Fonts]

If you are looking for newspaper letters, cut out letters or magazine letters, you can use these online text effects.

5 ( 101 votes)

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

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

Joanne
Joanne
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
Joanne
Joanne
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
PSDDude
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.

reply
dodiegonzales
dodiegonzales
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
dodiegonzales
dodiegonzales
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
PSDDude
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
dodiegonzales
dodiegonzales
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
PSDDude
6:38 AM Saturday, June 23, 2012
You're welcome and Good luck :) reply
Julie Stiltner
Julie Stiltner
12:44 PM Monday, June 10, 2019
You're pretty rude and ungrateful for his help in teaching you something you didn't know! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top