Old style personal page

victor · #1 (**permalink**) 10-21-2008, 03:28 PM

Hello

My name is Victor. i am the new co-admin here at Talk-Mania. this is my first tutorial, so please be gentle with me.
Lately a lot of changes happened in Talk-Mania offices. We have a new modern office. We are more designers, and more programmers.

We have new websites, and we are working right now for some free and unique downloads. Please visit our blog to see our new websites

Very soon we will release a very unique script. you will be announced when this script will be ready by e-mail. In my opinion it will be one of the coolest script available. It allows webmaster to earn money very fast. I will not disclose more information about this script, but please come back very soon to see this great script.

Today i will show you how to create a personal page layout. This is the tutorial number 169. To see all the tutorials from Talk-mania you can visit our blog : Talk Mania Blog This layout will use a stock image. For start let's start with a new document.
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

With ROUNDED RECTANGLE TOOL

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

I have changed the Opacity value = 50%

Grab RECTANGLE TOOL

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

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

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

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

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

This is my result

The same i will use HORIZONTAL TYPE TOOL to add another text

Here is the font proprieties

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

I have used some custom shapes for the following leaves. You can download some cool custom shapes from shape-mania.com*|*Free Photoshop Custom Shapes

For the next text "welcome to my website" i will add more text with HORIZONTAL TYPE TOOL

These are the settings

and for this text i have used the following color #8a5348

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

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

And this is my result

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

For the shape i have used the following color #d9b698

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

I have placed a feather from my personal stock collection

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

I will use CUSTOM SHAPE TOOL

and i will chose the following custom shape tool.

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

After that you will have the same result as mine

I hope you like my first tutorial. Right now i will start writing the second one :P