fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Create a Paper Text in Photoshop

Tutorials Text Effects 35377 Views September 10th, 2012

Learn how to create an interesting paper text effect in Photoshop using custom shapes, and paper textures and patterns. You can easily reshape the paper text using the Photoshop vector tools like the Pen Tool, Convert Point Tool and so on. This is not a tutorial for beginners, you have to know how to work with vector shapes in Photoshop, to create and edit a custom shape. I hope you will enjoy reading this text tutorial and I really curious to see your paper text effects, so upload your result on our comments section.

Advertisment

In this tutorial we will create a paper text effect in Photoshop using torn paper shapes and paper textures. This paper text will look like a notebook with leather cover. The final result will be a vector shape so you can resize it to any size without losing the quality.

Let's start with a simple text, font Impact, the size is not important depends on how big is your canvas size. The color for the text is #d0d0d0

Call this first layer Text Paper 1 and duplicate it; call the second layer Text Paper 2. Open the layer style window of the Text Paper 1 and add a simple Drop Shadow. Be careful when you make the settings, especially the Angle.

Hide the Text Paper 1 for now and let's work with the Text Paper 2. Right click on the layer to convert the text in shape; or you can use the Photoshop menu as shown in the image. If you don't know how to do it read this quick tut on how to turn text in shape in Photoshop.

This step is really important! Pick the Path Selection Tool and select all the letters from the paper text, and press the Combine button.

Method 1:Now let's create the torn paper effect; for that you need to download these torn paper shapes. In a new layer add some torn paper shapes; use the Add to shape area to add all the shapes in a single layer. Make sure that the torn paper covers the paper text except the bottom area like shown in the image.

Select the paper text using the Path Selection Tool; press CTRL+C to copy the shape. Go to the torn paper shape created in the previous step, and press CTRL+V to paste the text shape.

Press the Intersect Shape Areas from the Path Selection Tool menu. The result is a torn paper text. Press the Combine button to combine the two shapes.

Method 2: If you are not familiar with vector shapes drawing you can simply rasterize the text layer and use the Lasso Tool to create the torn paper selection by hand. Use the selection and delete it from the rasterized text layer.

Rename the new shape layer Text Paper Shape 1 and delete the old Text Paper 2. Add a Gradient Overlay for the Text Paper Shape 1; use a combination of light gray and white for the gradient.

Add also a Drop Shadow effect like shown in the image.

In a similar way create another torn paper text. Duplicate it and call the original shape Shadow and the copy layer name it Text Paper Shape 2. Add a Gradient Overlay to the Shadow layer.

Rasterize the layer style effect of the Shadow layer and apply a Gaussian Blur filter like shown in the image.

For the Text Paper Shape 2 layer add a Gradient Overlay similar to the one used for the Text Paper Shape 1. Also use the Edit>Transform Path>Warp Tool like shown in the image.

Duplicate the Text Paper Shape 2 and change the old Gradient Overlay with this new one presented in the image below. The idea is to add some color to the letters. Use whatever colors you want but be careful when you place the color locations.

To make the paper text effect more realistic I have duplicated the Text Paper Shape 2 two times and I used the Freeform Pen Tool to create the torn paper effect; make sure you check the Intersect Shape Areas button before you begin.

As you can see one paper page is colored and one is white; I did that to obtain a nice looking effect and contrast. This is how the paper text looks after adding the two little torn paper layers.

Let's create a notebook cover for our paper text. To create the notebook cover first duplicate one of the text paper layers and use the Rectangle Tool to substract the rectangle from the paper text area like shown in the image.

I will uyse a leather texture for this cover; because I want to use a leather pattern as pattern Overlay I will choose this seamless leather.

Open the layer styles window and add the following Photoshop styles: Drop Shadow, Bevel and Emboss, Color Overlay and Pattern Overlay. All the settings can be changed and adjusted to match with your text effect and background color.

You can of course choose another leather texture for the cover; this is how your result should look so far:

For the final touches you can add a notebook pattern for each letter or you can even find a nice notebook texture.

I have also added these scotch shapes to the paper text. I have used vector shapes instead of the usual scotch tape brushes because our text is a vector based shape, so it is better to make all the items vector.

Use the color #f5efe4 for the scotch tapes and the opacity of the layer around 50%.

To make the scotch tape look more realistic I have added a Pattern Overlay and also a layer mask using Filter>Render>Clouds filter with black/white as foreground/background colors. If you don't know how to add Photoshop mask you can read this Layer Mask Guide for Beginners.

You can make the text look vintage and old if you add some stain vector shapes, blend mode Overlay; you can add again a layer mask to obtain opacity variations. And in the end add an old paper texture. So here is the final result for the paper text created in Photoshop using only vector shapes.

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

25 comment(s) for "Create a Paper Text in Photoshop"

Darrell
Darrell
3:51 AM Tuesday, September 11, 2012
Are you using CS5 for this ?

I am working with CS6 and having problems when I get to the "Press the Intersect Shape Areas from the Path Selection Tool menu. The result is a torn paper text. Press the Combine button to combine the two shapes."

Thanks in advance for your help and I absolutely love your website. reply
PSDDude
4:04 AM Tuesday, September 11, 2012
Hi Darrell,

I always glad when people appreciate my work :) so thank you!

I am using CS5 for this tutorial but I am not really sure why it is not working with CS6 .... please explain me what does not work...which button is inactive; what is the result that you obtain after this step
You can add a printscreen using the "Upload your fan art" button to see the problem
Or you can try another method, to use the Freeform Pen Tool and create the torn paper effect without using the torn paper custom shapes. Make sure you press the Subtract from Shape Area button before you begin.

see the image attached reply
Darrell
Darrell
4:20 AM Friday, September 14, 2012
Thank you ! - I got it to work with the pen tool. Awesome work - My favorite PS site by far. reply
PSDDude
4:21 AM Friday, September 14, 2012
I am glad to hear that :) thanks reply
maria
maria
11:53 PM Tuesday, September 18, 2012
Dude ?! I don't have Facebook and I don't want, sooooo
byby
reply
PSDDude
11:55 PM Tuesday, September 18, 2012
Hi Maria,

you can try using the Freeform Pen Tool and create the torn paper effect yourself; see the image attached at the comments section. It is really easy and you can obtain a better result! reply
Arch
Arch
12:32 AM Monday, October 01, 2012
I have the same trouble with PS6. I dont see the combined button on the panel when path selection tool is selected. Any pointers? reply
PSD Dude
12:45 AM Monday, October 01, 2012
Hi Arch,

If you have the Path Selection Tool selected on the tool panel you have a Combine shapes button. If the combine shapes is not active it means that you didn't selected the shapes you want to combine. For that you have to click on the Vector Mask Thumbnail that is attached to the shape layer.
See the image attached for combining shapes in Photoshop. reply
kibita-kun
kibita-kun
11:42 PM Wednesday, December 12, 2012
PSD file of this tutorial did not.I am a Vietnam.And I want to borrow it to make a tut like this, and I need the PSD files so to practice. reply
PSDDude
11:44 PM Wednesday, December 12, 2012
Unfortunately the PSD file is not available for this tutorial! reply
yovi
yovi
12:22 AM Thursday, January 03, 2013
NO SE PUEDE hacer, porque las instrucciones no son detalladas ni claras, qu?? l??stima
---
I don't know how to practice this tutorial because the instructions are not very clear. reply
John
12:33 AM Thursday, January 03, 2013
This tutorial is for Photoshop intermediate level and you do have to know basic things about custom shapes(how to install and use), about vector shape drawing and about the Pen Tool techniques. I suggest you to read more about Photoshop Pen Tool and if you have any questions about the tutorial steps don't hesitate to ask. reply
kibita
kibita
2:35 AM Saturday, January 05, 2013
Can send me the psd tut does not reply
John
2:36 AM Saturday, January 05, 2013
This tutorial doesn't come with a PSD file included! reply
PSDDude
9:15 AM Tuesday, March 05, 2013
nice colorful paper text made by evil smayx (http://demiart.ru/forum) reply
Ashi
Ashi
10:34 AM Monday, May 06, 2013
Hi

I love your tutorial. But i do have a problem with the below step

Press the Intersect Shape Areas from the Path Selection Tool menu. The result is a torn paper text. Press the Combine button to combine the two shapes.

When I do this step it comes as this.

ps i am using CS6 reply
PSDDude
10:52 AM Monday, May 06, 2013
Hi Ashi,

I think that you didn't combine all the text letters into one vector shape. Before you copy/paste the text into the torn paper layer you have to:

- select all the text letters with the Path Selection Tool
- press the Combine button reply
Gurvinder
Gurvinder
6:30 AM Tuesday, May 07, 2013
nice one.......like it reply
Paul
Paul
12:32 AM Thursday, May 23, 2013
Hello,

First of all, let me say great site!

I am using CS6, and I am able to complete all steps up until the one where is says, "For the final touches you can add a notebook pattern...." I have the different notebook patterns installed, but I am not sure how to: (1) add the pattern on top of the letters, and (2) make each letter a different pattern. Not sure what I am overlooking. Please help!

Thanks,
Paul reply
John
1:13 AM Thursday, May 23, 2013
Hi Paul,

First of all I am glad you like my blog, thank you!

Second, I will answer your questions and hope it helps:
- You have to make selections for each letter with different pattern and to create a new layer from that selection called Notebook Pattern Layer.
- Open the layer style window of the Notebook Pattern Layer and add Pattern Overlay with the settings highlighted in the preview image.

reply
Nadjiiiib
Nadjiiiib
6:18 AM Monday, June 17, 2013
HELLO !!
Thaank's a loot

I didn't find the '' combine button in photoshop CS6 Extended ?! reply
likeit
likeit
7:38 AM Thursday, August 15, 2013
like it ! reply
Daisy
Daisy
5:16 AM Saturday, August 24, 2013
i like this so much. but i don't know how to do it by cs6. :(

So i hope that u can make video tutorial about this.

thank you so much!!! reply
Eslam
Eslam
1:34 AM Monday, November 11, 2013
Hello ,thanks for the subject But i can not make the torn paper effect step ,so if you would like to tell me what to do exactly. reply
John
1:39 AM Monday, November 11, 2013
I have updated the step and added a second method that you can use to create torn paper text effect. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
In this Photoshop tutorial you will learn how to combine different fire and light effects to create ...
The Match Color adjustment makes the colors in one image resemble those in another image. When you o...
In this tutorial we are going to create a fruit pie typography in Photoshop. You can use any filling...
Learn how to create a realistic fire text in Photoshop from these gret tutorials. I have gathered on...
GraphicRiver Photoshop Marketplace
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top