Like Friendster overlay profile part I

Paper presented to the user

Although this some HTML and Photoshop will require skills, here is step tutorial will guide you, some basic HTML and Photoshop so okay, if you don't have the knowledge base on these two applications, it is to learn.

But it is necessary Adobe Photoshop installed on the computer, but if you have I provided the download link here. Or if you do not have a computer, you can use the steps here under praise the memory in your computer try. You are only 1 to 2 hours for this tutorial. I hope this tutorial will be able to create and design your own and unique profile overlay. Goodluck. Difficulty: easy

Instructions

You need: Adobe Photoshop 7.0 or satisfied (I used this tutorial 7.0) things .Macromedia Dreamweaver (the download link is provided in this)http://mssunday.x10hosting.com/filezilla/mssunday.php?i=1Imageshttp://rapidshare.com/files/133233443/overlayimages.rar.htmlWinrar (the Files)http://www.rarlab.com/download.htm to extract))

1. 1

   Create a Photoshop document by pressing CTRL + N on your keyboard and then use this setting:
   
   Width: 900 pixels
   
   Height: 1500 pixels
   
   Resolution: 72 ppi
   
   Mode: RGB
   
   Contents: White

2. 2

   Select (see picture) paint bucket tool and fill the entire document in black.

3

Open the image you want to use as your header collection (or can the image name header.gif) by pressing CTRL + O on your keyboard.

Press CTRL + A to select the entire image. Then drag it aufIhr document and sizing tool beexercise (see picture). Note that in the right part of the Photoshop application will see added another layer (named layer 1). "" You can do it by double-clicking the name rename and type the name of the "header". This layer naming will be very useful as we go in this tutorial.

4

We create now our bar navigation links home, my friends, the messages and wish to unsubscribe.

Press CTRL + SHIFT + N to create the new layer and call it "-menu." Then select the font size to 47pt the horizontal type tool and set, font type is "Monotype Corsiva" and the font color is white. Then write the menu on the lower position of our image header. See in the picture

5

The next step is our experience with the image to add.

Can you use the image from the image file the I in the section background.gif resources.

Open the image in Photoshop, by pressing the CTRL + o. find you the background.gif image and press CTRL + A to the whole image click once on the document drag. Name this layer "Background". Place this picture in our menu items.

6

Then we add some effects to our wallpaper by lowering the opacity.

Select the background layer by clicking on the layer (to ensure that the selected layer, check "see the surrounding" on the image of the options.See travel tool). And then in the layer window right on your screen, click the arrow next to opacity. The default value of this is 100%, the value of its 45% opacity.

7

Now, nou

our area of the image on our document overlay to add s. Add new layer vo by pressingn CTRL + SHIFT + n. Then in the Toolbox, select the rectangle tool, and place it on the top left of our background layer. Name this layer "Zone of the image". See the picture.

8

We then add gloss effect on our box of the image.

Select the layer image and then in the layer window right click this layer and select blending options.

9

Now combines his time add navigation for our overlay.

PH MonOtos, send me add message as a friend and add comments. But this time to add this link icon. Here we use the gun.gif image.

First choose the tool type horizontal and then type that my photos send me message, add as friend and adding text comment under our layer image box (= Monotype Corsiva font size 48pt font, font color = white). Ensure that each of these links are separated layer. So when for the first time that my photographs, press CTRL + SHIFT + N Nommez layer "my photos" and then type the text of my photos on the document.

The text color is not white, if you are experiencing. The problem is in the layer window. New map to, positions of the level. To make the background layer under the other layer. See picture

10

Our can now add icon for the navigation links.

Open image gun.gif image folder, I've provided by pressing CTRL + O (I hope that this time already remember remember this link to the file.) (Open) and then drag it to our document overlay. Name the layer, the "Gun1."

And then, to move the oUtil, put the image on the left side of our navigation links. Given that the 4 pictures for these links notwendi(g). You can use the duplicate layer when you right click the layer of Gun1.

If you use the double layer. Canon layer is duplicate copy on the original layer, you can get to duplicate, these copies by you the move tool and set you on the left side of the navigation links. Note that the navigation links are 4, so you 4 layers of Canon, with the name "Gun1", "Gun2", "Gun3" and "Gun4 need".

11

For content on our right we will cover about me in the comments box available.

We begin the first theme me box.

Create a new name for the layer (CTRL + SHIFT + N) it "me about box" and then select the rectangle tool and draw a rectangle on the right side of your document. Note that what Mr. box which Ytirage or has the same style as part of the image. We sit by right clicking on the topic field layer and select the Merge option.

Disable the frequency of the disease, and then click the color effect and set its color to 3BC0B2 (circle is the number 0). See the picture.

Add also comment box of the duplicate layer and place it in the comments I field. Set the opacity to 5%.

12

Now let us create a title for the comments text me and comment box.

Create a new layer (CTRL + SHIFT + N) name "about me title." Then choose the horizontal type tool and type the word "about me" above on the comments, the I in the field. Set the Monotype Corsiva font options, the font size is 47pt font color is white. Do the same way on the title of the comment of the field comments.

13

Then the last step of this te is

ILS add the subject me content. It depends what you want to add here. In my example, I have my name on the top age, interest, leisure and me only.

By creating this content, you find the image that I took and follow levels, create here. The name, age, interest, leisure and in my sentence are in different layers.