Paper Layout

Old Paper Layout in Photoshop

Old Paper Layout in Photoshop

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.

Old Paper Layout in Photoshop 1

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.

Old Paper Layout in Photoshop 2

And add the following settings

Old Paper Layout in Photoshop 3

This is my result: nothing to fancy, but remember, each simple detail will result in a great looking layout

Old Paper Layout in Photoshop 4

With Polygonal Lasso Tool, create a selection like in the following image.

Old Paper Layout in Photoshop 5

With this selection we will create some buttons. Be sure you have the first layer selected

Old Paper Layout in Photoshop 6

Then press on CTRL+J

You will see another layer above the first one. I will rename this layer button

Old Paper Layout in Photoshop 7

Select this layer button, and go to Edit > Transform > Rotate 180

With move tool place the small button on the top of the layout

Old Paper Layout in Photoshop 8

Then drag this layer right above the background layer

Old Paper Layout in Photoshop 9

Repeat the steps from above until you place as many buttons as you need

This is my result

Old Paper Layout in Photoshop 10

Add some text:

Old Paper Layout in Photoshop 11

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,

Old Paper Layout in Photoshop 12

This is my new button:

Old Paper Layout in Photoshop 13

Now change alone the colors for each button. This is my buttons

Old Paper Layout in Photoshop 14

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

Old Paper Layout in Photoshop 15

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

Old Paper Layout in Photoshop 16

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

Old Paper Layout in Photoshop 17

Final Result:

Old Paper Layout in Photoshop Final Result

I hope you like this tutorial. I would really appreciate if you like this technique.

You can leave your comment and suggestions below.

Have fun… 🙂

Credit: talk-mania.com

Mahmudur Rahman
[email protected]
1 Comment
  • Fannie
    Posted at 19:31h, 30 September

    Superior thinking demonstrated above. Thanks!