fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Infographic JS Library Light Painting Effect Photoshop Creator

Notebook Paper Text Photoshop Tutorial

Tutorials Text Effects 52841 Views September 16th, 2013

This is a back to school Photoshop tutorial that you can use to create truly unique text effects using your own name for example. I was inspired by a notebook icon that I found on deviantArt and decided to make a Photoshop text effect out of it. I really hope you will enjoy our new Photoshop tutorial and decide to practice it. Even if it looks like an advanced tutorial it can be also made by Photoshop beginners.


I will start by writing a text using capital letters. The font used is MyriadPro that comes with CS4.

Rasterize the text layer and using the Rectangular Marquee Tool add a rectangle shape to the N letter as shown in the image. Fill the selection with the same color.

Expand the selection by 10px. Make a selection and go to Select>Modify and choose Expand. Fill the selection with the same color.

Now I will create a rounded edge effect using this quick tutorial Rounded Corners in Photoshop

Now we have to duplicate this layer a couple of times. Make 5 copies and rename them Paper Layers and maybe group them. Add a notebook pattern and a Drop Shadow layer style. You can move each layer to look like notebook pages.

Now I will use one of the copies to create the notebook cover. For that I will split this layer in two layers; make a selection like in the image and press CTRL+X and CTRL+V to make a Layer via Cut. Call these layers Cover 1 and Cover 2.

OPen the layer style of one of the Cover Layers and add the following styles:

Now for each of the layers add Pattern Overlay using these leather patterns that I have used. You can of course use other leather textures with different colors.

Duplicate the Notebook Cover Layers and place them behinde all the other layers.

Part 1Part 2

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

29 comment(s) for "Notebook Paper Text Photoshop Tutorial"

Nilesh Parmar
Nilesh Parmar
9:02 AM Monday, September 09, 2013
This is cool, thanks. reply
8:47 AM Thursday, September 12, 2013
This is really a nice notebook paper inspired text effect by my tutorial (source: reply
8:58 AM Thursday, September 12, 2013
This is adorable! Thanks for writing it.
"using these leather patterns" what leather patterns? You don't say. You do suggest "use other leather textures" but you don't say where you got the one you used or how you made it blue. reply
9:02 AM Thursday, September 12, 2013
You are right I have kind of missed this step. So you can for example use this texture, the beige leather from the right and add a Hue/Saturation and a Brightness/Contrast adjustment layers. You can make it any color you like! reply
12:32 PM Thursday, September 12, 2013
Thanks so much! reply
Gabriel Somnath
9:26 AM Wednesday, September 18, 2013
really easy to follow tutorial. Thanks for sharing mate. I have tried this thought the outcome was not exactly the same but still somewhat okay reply
Mireille D
1:38 AM Friday, September 20, 2013
Thank you for this nice tutorial to work.
My Notebook: reply
1:41 AM Friday, September 20, 2013
Very beautiful result as always Mireille D :) your notebook text effect looks great with that red and black leather combination. reply
11:21 AM Saturday, September 21, 2013
Another great leather text inspired by this tutorial made by Frank ( reply
12:44 PM Tuesday, October 08, 2013
You can also try this cool Photoshop tutorial for creating note card text effect using your favorite notebook pattern reply
Alena R
Alena R
8:42 AM Wednesday, October 16, 2013
Very nice tutorial, thanks a lot! I'm impressed and inspired... reply
8:46 AM Wednesday, October 16, 2013
Thank you for your kind words Alena :) Your notebook text effect inspired by our Photoshop tutorial is very beautiful! reply
2:44 AM Saturday, November 02, 2013
Another great leather stitch text with metal details made in Photoshop by maria0505 reply
1:06 AM Saturday, November 30, 2013
Thanks a lot. The result looks great. I really enjoyed doing your tutorial. reply
1:10 AM Saturday, November 30, 2013
Your notebook text effect looks really nice! Keep up the good work :) reply
8:43 AM Friday, January 03, 2014
Thanks, very nice tutorial. reply
8:50 AM Friday, January 03, 2014
Very creative Photoshop made notebook! I love all the details especially the heart shape notebook :) reply
12:15 PM Friday, January 31, 2014
No words to explain the work..this is simply have reached the milestone... reply
7:33 AM Friday, May 09, 2014
I am having a trouble with the stitches. I create the path just fine but when I go to stroke the path, the direction of the stitch isn't following the direction of the path. It isn't following the curves of the letters. Any idea what I am doing wrong? reply
7:35 AM Friday, May 09, 2014
Please upload an image to see the stitch brush and the path that you created. reply
1:53 AM Wednesday, June 18, 2014
Here's my first attempt. I got stumped at making a work path from a selection but muddled through! :) Thanks for the tut! reply
1:56 AM Wednesday, June 18, 2014
Your Photoshop Notebook inspired text effect looks great! I like the color scheme palette a lot, perfect for a school notebook :) reply
3:19 AM Tuesday, June 24, 2014
Great Tut. As usual when I do tutorials, I do it a little different :D and I did a composition notebook instead. Thanks so much. reply
4:33 AM Tuesday, June 24, 2014
I am glad you like my notebook text Photoshop tutorial.
Keep up the good work! reply
8:50 AM Monday, October 27, 2014
Hello, would you please help me with the 4th step of part 2? I really don't understand how you did this part. I'm a beginner in photoshop. Thanks in advance. reply
8:55 AM Monday, October 27, 2014
If you are not familiar with vector shapes you can use the Brush Tool, hard round brush and simply draw the shapes.
For the circles use the Eraser Tool, hard round brush lower size to create the empty circle shape. reply
8:31 AM Tuesday, February 10, 2015
Thanks a lot for the beautiful tutorial reply
8:34 AM Tuesday, February 10, 2015
It's such a cute girly notebook text effect, I love it! I like the pink accent color :) reply
ISyamsun usa
11:10 AM Monday, March 07, 2016
this is amazing effect. i like it. thank you so much :) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create amazing quilling paper art effects with this one of a kind Photoshop action. The...
Download this beautiful 3D gold style for free. Using our golden Photoshop text style mockup in your...
Learn how to create a lovely spring poster in Photoshop. Use this nature rebirth theme to create pos...
Create amazingly realistic fire effects in Photoshop with these great actions. You can now easily tr...

      Stiched Furry Plush Toys Photoshop Creator
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
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...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
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...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email