fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library title= Rays of Light Photoshop Action

Notebook Paper Text Photoshop Tutorial

Tutorials Text Effects 58069 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.

Advertisment

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

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

Nilesh Parmar
Nilesh Parmar
9:02 AM Monday, September 09, 2013
This is cool, thanks. reply
John
8:47 AM Thursday, September 12, 2013
This is really a nice notebook paper inspired text effect by my tutorial (source: http://odcfamily.blog.fc2.com/) reply
Yner
Yner
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
John
9:02 AM Thursday, September 12, 2013
You are right I have kind of missed this step. So you can for example use this http://mytherea.deviantart.com/art/Leather-Texture-Pack-2-150629142 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
Yner
Yner
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:
http://www.chez-mireilled.com/article-effet-de-texte-cuir-avec-photoshop-120142857.html reply
John
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
John
11:21 AM Saturday, September 21, 2013
Another great leather text inspired by this tutorial made by Frank (https://www.facebook.com/franco.giovo.9) reply
John
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

http://textuts.com/note-cards-text-effect/ reply
Alena R
Alena R
8:42 AM Wednesday, October 16, 2013
Very nice tutorial, thanks a lot! I'm impressed and inspired... reply
John
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
John
2:44 AM Saturday, November 02, 2013
Another great leather stitch text with metal details made in Photoshop by maria0505 reply
Ksusha
Ksusha
1:06 AM Saturday, November 30, 2013
Thanks a lot. The result looks great. I really enjoyed doing your tutorial. reply
John
1:10 AM Saturday, November 30, 2013
Your notebook text effect looks really nice! Keep up the good work :) reply
DhaarVatti
DhaarVatti
8:43 AM Friday, January 03, 2014
Thanks, very nice tutorial. reply
John
8:50 AM Friday, January 03, 2014
Very creative Photoshop made notebook! I love all the details especially the heart shape notebook :) reply
dewraaz
12:15 PM Friday, January 31, 2014
No words to explain the work..this is simply marvelous...you have reached the milestone... reply
Samantha
Samantha
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
John
7:35 AM Friday, May 09, 2014
Please upload an image to see the stitch brush and the path that you created. reply
Tina
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
John
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
Pink
Pink
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
John
4:33 AM Tuesday, June 24, 2014
I am glad you like my notebook text Photoshop tutorial.
Keep up the good work! reply
Tarek
Tarek
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
PSDDude
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
Elisa
Elisa
8:31 AM Tuesday, February 10, 2015
Thanks a lot for the beautiful tutorial reply
PSDDude
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
lhannzky
lhannzky
5:14 AM Thursday, July 21, 2016
how to change the color of the cover page with pattern overlay? reply
PSDDude
5:17 AM Thursday, July 21, 2016
To change the color of the cover page you can add a Color Overlay layer style with the color that you like and set the blend mode to Hue or Color. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


title=
Animated Kaleidoscope Photoshop Action
Recent Posts
Food typography is the best method to display your message and logo in a very cool way. The food tex...
Learn how to create light text effects in Photoshop from these amazing tutorials. This collection co...
Learn how to create a summer travel holiday postcard with a realistic water text reflection in Photo...
Free action for creating rain effect in Photoshop with 1-click. The pack includes also a rain patter...

      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...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
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. ...
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...
Subscribe via email
LIKE US ON FACEBOOK

      Pixel Mix Artist Photoshop Action
top