Dating Agency Weblayout


Dating Agency Weblayout

Open a new file, having 766×700 px and 72 dpi. Apply the parameters indicated next step. (the basic color must be 8D0107).

Dating Agency Weblayout

Blending Options-Bevel and Emboss

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Pattern Overlay

Dating Agency Weblayout

Use next instrument

Dating Agency Weblayout

then to represent a figure colored in FAF7F2 with the sizes shown below.

Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Take the next tool now

Dating Agency Weblayout

to picture a rectangle that must be of this color – 717171.

Dating Agency Weblayout

Take another tool now

Dating Agency Weblayout

and represent an element colored in 404040 and then apply this instrument

Dating Agency Weblayout

to erase the upper part, like it is demonstrated next image. Apply the same parameters.

Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Take again this tool

Dating Agency Weblayout

to insert a picture with the color EAEAEA and the parameters from next step.

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Apply the previous tool to represent a figure with the parameters indicated in the lower picture.

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Take the next instrument

Dating Agency Weblayout

to picture an element colored in EE2425, then apply the next tool

Dating Agency Weblayout

to delete the upper part of the image. Make everything look like in the next picture.

Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Apply again

Dating Agency Weblayout

to picture an element colored in FF3367, then use another tool

Dating Agency Weblayout

to erase the upper part of our picture. Use the same sizes demonstrated in the picture.

Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Take again this tool

Dating Agency Weblayout

to add one more element colored in 404040 and the parameters shown next step.

Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Copy the new made layer and place everything out the same way it is done below.

Dating Agency Weblayout

Apply the next instrument

Dating Agency Weblayout

to represent a figure colored with the following color 3BA2EC and the parameters from next step (we’re beginning to create Main Menu).

Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Copy this new made layer 3 times and place out the first one exactly it is done below.

Dating Agency Weblayout

The second one must be enlarged, using Free Transform selection and placed out also like it is demonstrated below.

Dating Agency Weblayout

Don’t forget about placing correctly the layers.
In the third one must be changed the color on BE0000. Apply also Free Transform selection to increase its size.

Dating Agency Weblayout

place correctly the layers.
Apply now the next instrument

Dating Agency Weblayout

to insert a figure colored in B8B8B8, then use the next tool

Dating Agency Weblayout

to erase the upper part and the left one, like it is demonstrated next picture (figure for welcome windows).

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Use now a different instrument

Dating Agency Weblayout

to picture an element drawn in F47190.

Dating Agency Weblayout

Add the text now (text for Search form), keeping the same type, size and the color.

Dating Agency Weblayout
Dating Agency Weblayout

Add now Agency Name, keeping again the type, size and the color.

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Add another part of the text and keep again the same type, size and the color, shown in the table.

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Next text for Main Menu also must be added with the same type, size and the color.

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Add the next part of the text. You may see below the demands for the text.

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Keep using now the same instrument

Dating Agency Weblayout

and represent a figure with the same parameters shown next step.

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Blending Options-Gradient Overlay

Dating Agency Weblayout

Gradient’s parameters.

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Copy the new made layer and place it out like it is shown below, but changing Blending Options-Gradient Overlay

Dating Agency Weblayout
Dating Agency Weblayout
Dating Agency Weblayout

Using the next tool

Dating Agency Weblayout

, it’s possible to draw the small circle we need colored in 0073A7, with the sizes shown below.

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Inner Shadow

Dating Agency Weblayout

Take the known instrument

Dating Agency Weblayout

and insert a new figure of white color with the sizes shown next image.

Dating Agency Weblayout

Represent another element with the previous tool, but it must be colored in white

Dating Agency Weblayout
Dating Agency Weblayout

Take the next tool

Dating Agency Weblayout

and insert a new figure colored in 3BA2EC. The parameters are indicated next step.

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Take the necessary picture now and place its layer above the new made one, holding on Alt button and make a click between these layers. The photo will transform itself into a mask (header is ready now).

Dating Agency Weblayout
Dating Agency Weblayout

Apply the next instrument

Dating Agency Weblayout

to picture a figure colored in F8A8BB with the parameters from below.

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Copy this new made layer.

Dating Agency Weblayout

Then use again the indicated tool

Dating Agency Weblayout

to represent a picture with the color FF3367 and the parameters must be the same with those from below.

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Inner Shadow

Dating Agency Weblayout

Copy the recently made layer two times and place everything out the same way it is demonstrated next step.

Dating Agency Weblayout

Take the next tool

Dating Agency Weblayout

to insert a new figure colored in FFFFFF and it must have the next sizes.

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Copy this new made layer.

Dating Agency Weblayout

Apply the instrument

Dating Agency Weblayout

and introduce another element with the color CCCCCC and with the parameters form next image.

Dating Agency Weblayout
Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Take the instrument

Dating Agency Weblayout

to introduce a rectangle now of black color.

Dating Agency Weblayout
Dating Agency Weblayout

Insert the same way several other elements for Search Form and Login Form (the lens is possible to draw with

Dating Agency Weblayout

and its color must be C6C6C6)

Dating Agency Weblayout

Using the shown instrument

Dating Agency Weblayout

, build several lines colored in 09577B, like in the next image.

Dating Agency Weblayout

The same instrument may be useful in representing the lines colored in A9A9A9 (the interrupted line draw with the next tool

Dating Agency Weblayout

and it must be pictured in white)

Dating Agency Weblayout

Apply the same tool to continue representing the lines colored in 0088DA.

Dating Agency Weblayout

One more line built by the same instrument, but colored in 9E0000.

Dating Agency Weblayout

Apply now the next tool

Dating Agency Weblayout

to insert 5 small dots colored in BE0000.

Dating Agency Weblayout
Dating Agency Weblayout

Place this new represented layer 5 times and place it out the same way it is done below.

Dating Agency Weblayout

Use the next instrument

Dating Agency Weblayout

to build another line, but colored in black this time.

Dating Agency Weblayout

Take the next tool

Dating Agency Weblayout

to represent a triangle of black color also.

Dating Agency Weblayout
Dating Agency Weblayout

Copy this new created layer and place it the same way it is shown below.

Dating Agency Weblayout

Applying the next tool

Dating Agency Weblayout

create a rectangle of blue color with the sizes from below.

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Copy this new made layer two times and make use of Free Transform selection to enlarge them and place everything out the picture indicates it below.

Dating Agency Weblayout

Take the photo now and place its layer above the layer, holding Alt button. Click between the layers and the picture becomes a mask.

Dating Agency Weblayout
Dating Agency Weblayout

Take a different photo now and place its layer above the layer with the blue rectangle, holding the Alt button. Click between these layer and the photo becomes a mask.

Dating Agency Weblayout

Take the next photo now and place its layer above the layer with the blue rectangle, holding on the same Alt button. Click between these layer again and the photo becomes a mask also.

Dating Agency Weblayout

Take another photo now and place it the same way it is indicated next image.

Dating Agency Weblayout

Applying now the next tool

Dating Agency Weblayout

, represent a figure colored in BE0000 with the parameters from next step.

Dating Agency Weblayout

Blending Options-Drop Shadow

Dating Agency Weblayout

Blending Options-Stroke

Dating Agency Weblayout

Copy this new made layer two times and place them out the same way like in the next picture.

Dating Agency Weblayout

Now add the text for Quick Search Form, Members Login, Welcome Windows, Featured Profiles keeping the Tahoma type, the size and the color.

Dating Agency Weblayout

Finished!