Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Old Style Personal Page

Old Style Personal Page


As usual we will use the same document size : 760x770 pixels. I will use a white background.

On this document I will add a image with a roll paper.

image 1

With Rounded Rectangle Tool.

image 2

I will create a simple shape, and I will place it like in the following image.

image 3

I have changed the Opacity value = 50%.

image 4

Grab Rectangle Tool.

image 5

And create a shape like in the following image. I have used the following color (#e0d4b9).

image 6

The next step is to erase the left and the right part of this shape. I will right click on the layer, then I will chose rasterize layer. then with a smooth round brush, I will delete some parts of the shape.

image 7

This is my result after I have erased the left and the right part of this shape.

image 8

Be sure you have selected, the layer in your layer palette, then press on Ctrl+J to duplicate the shape a few times. With Move tool, you cna place the shapes one after the other, like in the following image.

In the same time I will use Type Tool, to add some text over the shapes.

image 9

This is the text, and font size I have used. with the following color : #5a0901.

image 10

This is my result:

image 11

The same I will use Horizontal Type Tool to add another text.

image 12

Here is the font proprieties.

image 13

For the Main menu text I will use the following color #d7cec1 and this is my result.

image 14

I have used some custom shapes for the following leaves.

image 15

For the next text "welcome to my website" I will add more text with Horizontal Type Tool.

image 16

These are the settings:

image 17

And for this text I have used the following color #8a5348.

In the next images you can see how it looks so far.

image 18

For the other text, I have used the following settings for my font.

image 19

And this is my result.

image 20

Now I will use Rounded rectangle tool, after that I will rasterize the shape ( to rasterize the shape you need to right click on the layer in your layer palette ) then with a grunge brush tool, you can add some minor details.

image 21

For the shape I have used the following color #d9b698.

image 22

With Custom Shapes tool I have placed some leaves. Or you can use some brushes from Talk-Mania Big-Pack.

image 23

I have placed a feather from my personal stock collection.

image 24

You can duplicate the feather image several times, and place it , based on your text. if you have more text on your layout, you can add more feathers.

To duplicate a layer, you need to select the layer first, then press on Ctrl+J.

image 25

I will use Custom Shape Tool.

image 26

And I will chose the following custom shape tool.

image 27

I will place this shape near the text logo.

I will duplicate the leaf, ( press Ctrl+J ), then with move tool I will place it on the other side of the text logo.

You need to flip the leaf. you can go to Edit > Transform > Flip horizontal.

image 28

After that you will have the same result as mine.

Old Style Personal Page Tutorial: Final Result



Author's URL: victor
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Old Style Personal Page"

Only registered users can write comment

No comments yet...