View Single Post
  #1 (permalink)  
Old 10-21-2008, 02:28 PM
victor victor is offline
Junior Member
 
Join Date: Oct 2008
Posts: 24
victor is on a distinguished road
169 Old style personal page

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

Attached Files
File Type: zip layout169.zip (1.14 MB, 99 views)
Reply With Quote