Tips & Techniques

Tutorial – Create a paper texture

  #1  
Old 08-08-2009, 10:36 PM
Jani's Avatar
Freelance Web Designer
Jani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to behold
 
Posts: 3,156
Join Date: Sep 2008
Gender: Male Male
iTrader: (40)
Blog Entries: 6
Default Tutorial – Create a paper texture

In this tutorial I am going to show you how to create a paper texture in Adobe Photoshop.

Step 1:
Create a new document (any size) and fill the background with white color #FFFFFF

Step 2:
Create a new layer, take the Single Row Marquee Tool and Single Column Marquee Tool and draw the lines as shown in the image below.

Horizontal Lines Color: #bedfec
Vertical Line Color: #ffc4c5



Step 3:
Choose these two colors, Foreground color: fffff4, Background Color: ffffff and apply Clouds filter from here

Filter > Render > Clouds

Now you should have an image like this



Step 4:
Take a Brush with 18px master diameter, choose the foreground color #fffff3 and draw with brush behind the horizontal lines. You may not draw on some lines, or some part of lines.

This step will make the lines look old, like their ink is bleeding. Your image should look something like this;



Step 5:
Go to the Horizontal Lines’ Layer, take the Eraser (E) with 20px diameter and start Erasing lines very carefully. You don’t need to Erase the full line. Just Erase the edges to make them look broken. See the image below how I did with my lines.



Use same Erasing technique with vertical line. See the result of my vertical line.



And your paper texture is ready

In addition if you like you can use the step 4 one more time (with the center crossing line) with this color #faffeb. See how my image looks like now.



Hope you find this tutorial easy and useful. Please feel free to let me know if you are having any problem following this tutorial
__________________
Design Inspiration Blog | Banner Designer | Mobile SMS Collection | Web Hosting

Don't forget to hit the THANKS button whenever you like my post.
Reply With Quote
The Following 2 Users Say Thank You to Jani For This Useful Post:
  #2  
Old 01-09-2009, 05:05 AM
WebEvader's Avatar
Member
WebEvader is on a distinguished road
 
Posts: 45
Join Date: Sep 2009
Gender: Male Male
iTrader: (0)
Default

Thanks, nice tutorial ... could you create a tutorial on making smilies ?
Reply With Quote
  #3  
Old 01-09-2009, 05:12 AM
Jani's Avatar
Freelance Web Designer
Jani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to behold
 
Posts: 3,156
Join Date: Sep 2008
Gender: Male Male
iTrader: (40)
Blog Entries: 6
Default

I don't know how to make smilies myself

They can be designed by someone who is good in Illustration artwork. I am not good in it.
__________________
Design Inspiration Blog | Banner Designer | Mobile SMS Collection | Web Hosting

Don't forget to hit the THANKS button whenever you like my post.
Reply With Quote
  #4  
Old 01-09-2009, 05:13 AM
WebEvader's Avatar
Member
WebEvader is on a distinguished road
 
Posts: 45
Join Date: Sep 2009
Gender: Male Male
iTrader: (0)
Default

So you didn't create the smilies on this forum ? Where did you find them ?
Reply With Quote
  #5  
Old 01-09-2009, 06:36 AM
Jani's Avatar
Freelance Web Designer
Jani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to beholdJani is a splendid one to behold
 
Posts: 3,156
Join Date: Sep 2008
Gender: Male Male
iTrader: (40)
Blog Entries: 6
Default

Nope, the smilies you are seeing here are actually from Yahoo! website
__________________
Design Inspiration Blog | Banner Designer | Mobile SMS Collection | Web Hosting

Don't forget to hit the THANKS button whenever you like my post.
Reply With Quote