Her

Home Photoshop Tutorials Web Layout Business Web Page

Business Web Page

Author: Adobetutorialz.com Author's URL: www.adobetutorialz.com More by this author

Create a new file (File>New) with 780x700 px and 72 dpi.

image 1

Create a new layer and select the Rectangular Marquee Tool (M) to mark out the necessary zone and take the Paint Bucket Tool (G) to paint the marked zone in black color.

image 2

Next use the Elliptical Marquee Tool (M) (on the same layer) to mark out the zone as it is shown on the picture and press Delete button. This operation must be done five times.

image 3

Make a copy of the recently made layer and place it under the original layer of black color on the layers palette. Using the Free Transform selection, it's possible to move the layer to the right side, changing also the layer's parameters. The color in this case should be #AEAEAE.

Blending Options>Color Overlay

image 4

image 5

Show again the previous layer.

image 6

Select now the Brush Tool (B) of standard type.

image 7

Use now the Dodge Tool (O) on the black layer (we should use the earlier selected brush).

image 8

Download from Internet a set of ready to use brushes for Adobe Photoshop: My_Grunges_Yay_by_Wise_Sensei

image 9

Create a new layer and select for it the earlier mentioned brush of white color. The Opacity in this case should be of 40%.

image 10

Make a copy of the last made layer and apply the Free Transform option to turn the copy around on 180 degrees, placing the copy as it is indicated next picture.

image 11

Now we should use the Rectangle Tool (U) to represent a vertical line, having the color #ACACAC

image 12

Apply next the Ellipse Tool (U) to represent a small circle of the same color on the already made line.

image 13

Using the same Ellipse Tool (U), it's possible to make another small circle of white color.

image 14

Press on the Alt button, make a mouse's click between the layers of white color and the small grey circle for the white circle to be applied in the limits of the grey one.

image 15

image 16

Now we should merge down all the layers composing next image in a group.

image 17

Press on the Ctrl button to mark out the necessary layers and hold the left mouse's button to take the layers down on Create a new group option. Make four copies of the new group and place them the way you may see below:

image 18

We should represent now the button of the site's header. It's necessary to use in this case the Ellipse Tool (U).

image 19

The layer's parameters: Fill 0%

Blending Options>Outer Glow

image 20

Blending Options>Gradient Overlay

image 21

Gradient's parameters:

image 22

Blending Options>Stroke

image 23

Gradient's parameters:

image 24

image 25

image 26

For our convenience we should combine in a group all the layers composing the menu's button. Press on Ctrl button to mark out the appropriate layers and hold on the left mouse's button to take the layers down on Create a new group option. Make four copies of the last made group, placing them the way it is shown next picture:

image 27

The menu's buttons should be numbered:

image 28

image 29

Insert now the titles for the menu's buttons situated on the site's header:

image 30

image 31

Create a new layer of 1x4 px and 72 dpi, selecting after that the Pencil Tool (B), colored with #4C4C4C, to represent the primary element of the texture's pattern.

image 32

image 33

Edit>Define Pattern

Now take the Rectangle Tool (U) to picture the vertical running line.

image 34

The layer's parameters: Fill 0%

Blending Options>Pattern Overlay

Business Web Page