Today we are going to learn about how to create old paper web layout in Photoshop. This tutorial I will show you how easy is to create a great layout with a simple old paper texture image. I think it may help you to create your own blog more stylish. So, let’s start…
To create this layout you need a papyrus image, or an old paper image. When you have such an image, place that image on the middle of your layout.
For this layer please add a simple shadow. to add a shadow please be sure you have the layout selected, then go to Layer > Layer styles > Drop Shadow.
And add the following settings
This is my result: nothing to fancy, but remember, each simple detail will result in a great looking layout
With Polygonal Lasso Tool, create a selection like in the following image.
With this selection we will create some buttons. Be sure you have the first layer selected
Then press on CTRL+J
You will see another layer above the first one. I will rename this layer button
Select this layer button, and go to Edit > Transform > Rotate 180
With move tool place the small button on the top of the layout
Then drag this layer right above the background layer
Repeat the steps from above until you place as many buttons as you need
This is my result
Add some text:
I want to change the colors for this buttons. The easy way is to use the HUE / Saturation option
To bring up the Hue saturation window, be sure you have the first button selected, and then press on CTRL+U
Use the following settings if you want to use the same colors,
This is my new button:
Now change alone the colors for each button. This is my buttons
Now it is time to add some text and images on your layout. This is a very simple task and I don’t think you will have problems
The layout is already looking quite good, but I think it will be nicer if we will add a good background. You can download the background from here.
Download this image and place it right above the background layer
I don’t like the actual image because it doesn’t have the contrast I want. But I will desaturate this background image and i will have a nicer look. to
desaturate a layer, please go to Image > Adjustments > Desaturate
I hope you like this tutorial. I would really appreciate if you like this technique.
You can leave your comment and suggestions below.
For graphics design support please contact Clipping Path Service Provider.