Realistic Wrinkled Paper In Photoshop

Realistic Wrinkled Paper In Photoshop

What We’ll Be Creating

Wrinkled Notepad Paper Effect

Preparation

Create a new (Ctrl + N) document 800 x 600 pixels with a white (#ffffff) colored background. Right click your background layer and select “Layer From Background” from the menu, doing this will unlock the layer. Once the layer is unlocked add the following “Gradient Overlay”.

Wrinkled Notepad Paper Effect

We need a good contrasting color for our background due to the paper being white.

Creating The Paper

Select the “Rectangle Tool” (U) then drag out an appropriately sized rectangle onto your canvas.

Wrinkled Notepad Paper Effect

Select the “Ellipse Tool” then left click on the rectangles vector mask in the layers window. Once clicked select “Subtract From Shape Area” from the top menu.

Wrinkled Notepad Paper Effect

Drag out a small ellipse at the top of the square, the ellipse should subtract itself from the rectangle leaving a simple hole.

Wrinkled Notepad Paper Effect

Now select the “Rectangle Tool” (U) and drag out a small rectangle at the top of the ellipse, creating like a keyhole shape but upside down.

Wrinkled Notepad Paper Effect

Wrinkled Notepad Paper Effect

Repeat the steps above all long the top edge of the rectangle.

Wrinkled Notepad Paper Effect

Wrinkled Notepad Paper Effect

Label your layer “Paper” then add a layer mask. Now select the “Brush Tool” (B), use a medium sized brush of your choice then with the color black #000000 start to color in the edges of the paper.

Wrinkled Notepad Paper Effect

were now going to warp our paper using the warp tool, make sure your “Paper” layer is selected in the layers window then go to “Edit > Transform > Warp”. When the warp tool is applied to your paper, simply just make tweaks here and there be careful not to overly distort the paper.

Wrinkled Notepad Paper Effect

Adding The Lines To The Paper

Incorporated in photoshop are some ready made patterns in which will fit perfectly for a paper. Double click your paper layer and select “Pattern Overlay” layer style. Once the “Pattern Overlay” has been selected open up the patterns window (2), then click the top right arrow in the corner (3). In the fly out menu select “Color Paper”, then finally select the lined paper from the list of paper patterns (5).

Wrinkled Notepad Paper Effect

Wrinkled Notepad Paper Effect

Adding The Wrinkled Effect

Create a new document (Ctrl + N) 800 x 600 pixels with a transparent background. Reset your background and foreground colors to black and white then select the “Gradient Tool” (G) with the following settings.

Wrinkled Notepad Paper Effect

Once you’ve applied the settings randomly drag numerous gradients over the canvas. You will have a completely different set of wrinkles everytime you do this so don’t worry if your image looks nothing like mine.

Wrinkled Notepad Paper Effect

Now go to “Filter > Stylize > Emboss”.

Wrinkled Notepad Paper Effect

Wrinkled Notepad Paper Effect

Select your whole canvas (Ctrl + A) then copy the contents to the clipboard (Ctrl + C). Head back to your original canvas then load a selection around your paper layer.

Quick Tip:

To load a selection around an element click the little thumbnail inside of your desired layer whilst holding down the CTRL key on the keyboard.

Once the selection has been loaded go to “Edit > Paste Into” if your using Photohop CS5 go to “Edit > Paste Special > Paste Into”. Your wrinkles should now appear inside your paper.

Wrinkled Notepad Paper Effect

Now load a selection around your “Layer Mask” on your “Paper Layer”, once the selection has been loaded go to “Select > Inverse” then hit the delete key.

Wrinkled Notepad Paper Effect

Finally set your wrinkles layers blend mode to “Hard Light”, you should have something like this.

Wrinkled Notepad Paper Effect

Creating The Paper Shadow

Right click the mask which was applied to your wrinkles layer and select “Apply Layer Mask”. Now duplicate the layer and drag it underneath your paper layer, rename the layer “Shadow” then add a black #000000 “Color Overlay”. To make the shadow abit more realistic were going to blur it a little, so go ahead and select “Filter > Blur > Guassian Blur”, blur the shadow layer by around 2px.

Wrinkled Notepad Paper Effect

Add a layer mask to your shadow layer then using the same technique as we did for our paper brush away parts of the shadow using the “Brush Tool” (B).

Wrinkled Notepad Paper Effect

Adding The Pencil Writing

For the writing on the paper you need a decent font which is going to look like the text has been written, I’m using a font called “Segoe Script”. Add a couple of lines of text to your paper using the color #abaaab.

Wrinkled Notepad Paper Effect

Conclusion

That’s how easy it is, you could take your paper further and add a few scribbles, doodles or even a cork board like my result. Have a play around and see what you can come up with, don’t forget to share you results right here on photoshop plus.

Wrinkled Notepad Paper Effect

Click Here to Download PSD

About the Author Wilma Hamlin

Wilma Hamlin is a creative designer & writer. She writes for Crayonify. Being a designer as well she use to create amazing designs using many tools. In her lesuire time she love to read books and tries to learn new designs.

Leave a Comment:

27 comments
csabi says

Hi! You have lot`s of great tutorials!
Congratulations!
I`we just started a tutorial indexing website and I would like to ask you to submit some tutorials :D
You can submit tutorials without registering, but if you register you will get gift points for each tutorial and you can use these points to buy ads.

Please visit it: http://www.tutorialswindow.com
Thanks

Reply
Kent says

I simply love this tutorial. I know how to do it a similar way, but this is much better, actually. Thank you, again, for the amazing tutorial you provided! You do amazing work! :)

Reply
Richard Carpenter says

Thanks for your comments

Reply
ahmed alhelaly says

great one … i have a similar way too :] thnx

Reply
Andrew says

Good job :). Richard can you share your pattern collection with us ?

Reply
rajasegar says

Great tutorial and techniques, explained well… Thanks for sharing…
Featured in Tutorials of the Week at http://www.hangaroundtheweb.com

Reply
The Maldivian says

I Tried Another Tut But Didn’t Got The Best Outcome!! But This One Is Cool Man..! Thanks! :D

Reply
Matthias says

Great job!!!!
With your permission, i’ll link this tutorial to my designerforum
http://alia2net.com/foro

Thanks

Reply
James says

I need to ask one question – how do you maintain equidistance (hope my terminology is correct) when recreating the upside keyhole shapes? It is the only thing that so far frustrates my efforts.

Great tutorial in all aspects for a total beginner like me, though.

Reply
Boman says

I just want to say a very big thumbs up to Richard, your team is doing a very good job,the website is simple,tutorials are self explained and as a starter to Photoshop I find your tutorials more interesting and practical as compared to other online and pdf tutorials.Keep up the good work!.

Reply
Resimleri says

Great work. Thanks very much.

Reply
Brett Widmann says

This is a cool tutorial! I can use this effect in different types of designs as well!

Reply
Sahar Web Services says

It is a great tutorial, i like it and i will use it on my next projects.

Thanks Richard, keep it up

Reply
Boss says

Thanks. :X

Reply
Diana says

That is a very clever way of making wrinkled paper!!

Love the tutorial. Thank you very much for sharing…:)

Diana

Reply
pakdhe says

@Ricard :: may i translate your tutorial, upload to my blog, and add (credit) to your site?

Reply
Wasiu Sekoni says

Men this is great job, pls i will like to knw more abt dis.
Thank u very much appreciate. bt I almost there not yet.

Reply
Juan Carlos says

Excelente tutorial, hace tiempo que quería hacer algo como esto. Saludos.

Reply
Cojon says

Nice tut, I liked your use of the gradient too. I often forget the various effects a clever gradient can produce. I am going into Photoshop as soon as I complete this (and boot out of Linux) and mess with gradients a bit more, hoping to make my memory stick around them a bit better. Who knows I might even improve my design abilities. Naaa . . . Too old!

Might I suggest you improve the realism by adding a drop shadow using the pen tool to create a shadow that starts thin to wider at the bottom and fade it using the blur tool. It would really make it pop out. Also, the equidistant holes, for others, can be adjusted in a number of ways. Perhaps the simplest is by using guides. Enable the ruler at the top and side and drag the guide from the left ruler by clicking and dragging. Use multiple guides arranged equally. I apologize if this is too brief, but I am not doing a tutorial, simply hoping to clarify.

Reply
DizaynX says

Awesome tutorial! You got some skills there bud ;)

Reply
Ahmet Talut says

very good, but I can not find the pattern

Reply
john says

goog jobs
thank you

Reply
Juan Carlos says

Hay posibilidades de ver esto en español?

Reply
Deep says

Thank you / Maraming salamat

Reply
Davi says

I can’t get this to work after Paste Into. When I hit “select inverse” and then, delete – it tells me no pixels were selected. Not sure what I’m doing wrong. :(

Reply
Karan says

Very Nice :)

Reply
Shashank Gwari says

Hi Matthias, Yes you can do that.

Thanks.

Reply
Add Your Reply

Popular posts

css.php