Car Service and Repair Web Header


Car Service and Repair Web Header

Open a new file having 675×400 px and 72 dpi painted in black.

Car Service and Repair Web Header

After that take the next instrument

Car Service and Repair Web Header

and represent the lowest layer reserved for the site’s header. Apply the following instrument

Car Service and Repair Web Header

to stretch out the upper part to the right side.

Car Service and Repair Web Header

Blending Options-Gradient Overlay

Car Service and Repair Web Header

Gradient’s parameters:

Car Service and Repair Web Header

Copy this new made layer 2 times. The first copy should be minimized with Free Transform option, move off the effects from it and change its color into another one – 330002.

Car Service and Repair Web Header
Car Service and Repair Web Header

on the layers.
The second copy must be minimized too, by using the same Free Transform option and the color of the copy should be changed too into 810100.

Car Service and Repair Web Header

Fill 30% on the layers.

Car Service and Repair Web Header

Take the shown tool now

Car Service and Repair Web Header

and represent the panel reserved for the menu’s buttons of the site’s header. Apply also the known instrument

Car Service and Repair Web Header

to change the shape of the drawn the way it is shown in the next picture.

Car Service and Repair Web Header

Blending Options-Drop Shadow

Car Service and Repair Web Header

Blending Options-Gradient Overlay

Car Service and Repair Web Header

Gradient’s parameters:

Car Service and Repair Web Header

Take again the previous instrument

Car Service and Repair Web Header

and create a layer the same way we did it earlier. The layer’s shapes must be corrected with the same instrument

Car Service and Repair Web Header

.

Car Service and Repair Web Header

Blending Options-Gradient Overlay

Car Service and Repair Web Header

Gradient’s parameters:

Car Service and Repair Web Header

Blending Options-Stroke

Car Service and Repair Web Header

Apply the previous instrument to create the upper part of the panel on which will be placed the site’s name. If that is necessary, correct the shapes of the panel with the instrument shown next

Car Service and Repair Web Header
Car Service and Repair Web Header

Fill 0% on the layers.
Blending Options-Bevel and Emboss

Car Service and Repair Web Header

Blending Options-Gradient Overlay

Car Service and Repair Web Header

Gradient’s parameters:

Car Service and Repair Web Header

Now we should represent on the upper panel on its left side a circle colored in 878787. Do it with the instrument

Car Service and Repair Web Header

.

Car Service and Repair Web Header

Blending Options-Inner Shadow

Car Service and Repair Web Header

Blending Options-Inner Glow

Car Service and Repair Web Header

Blending Options-Stroke

Car Service and Repair Web Header

Gradient’s parameters:

Car Service and Repair Web Header

Take the last instrument and draw inside the created circle a kind of flare.

Car Service and Repair Web Header
Car Service and Repair Web Header

Fill 0% on the layers.
Blending Options-Gradient Overlay

Car Service and Repair Web Header

Gradient’s parameters:

Car Service and Repair Web Header

For you convenience now, we should merge down all the layers containing the circle and the flare in a group. Copy the recently made group three times. The first copy should be placed the same way it is shown below.

Car Service and Repair Web Header

We’ll get back to those two copies later.
Write now the site’s name.

Car Service and Repair Web Header

(car service and repair)

Car Service and Repair Web Header

(car expert )

Car Service and Repair Web Header

Blending Options-Inner Shadow ( car service and repair)

Car Service and Repair Web Header

Blending Options-Gradient Overlay ( car service and repair)

Car Service and Repair Web Header

Gradient’s parameters: ( car service and repair).

Car Service and Repair Web Header

Blending Options-Bevel and Emboss (car expert )

Car Service and Repair Web Header

Blending Options-Gradient Overlay ( car expert )

Car Service and Repair Web Header

Gradient’s parameters: ( car expert)

Car Service and Repair Web Header

Introduce now the names for the menu’s buttons on the site’s header.

Car Service and Repair Web Header
Car Service and Repair Web Header

Blending Options-Inner Shadow

Car Service and Repair Web Header

Blending Options-Gradient Overlay

Car Service and Repair Web Header

Gradient’s parameters:

Car Service and Repair Web Header

Get back to the circle’s copies (place them the same way it is demonstrated in the next picture). Now make use of the Free Transform selection to minimize the group like you may see in the picture and change their parameters with those shown next step.

Car Service and Repair Web Header

The parameters of the circle (the color FA0300)
Blending Options-Inner Shadow

Car Service and Repair Web Header

Blending Options-Inner Glow

Car Service and Repair Web Header

Blending Options-Stroke

Car Service and Repair Web Header

Gradient’s parameters:

Car Service and Repair Web Header

The parameters of the flare (Fill 0% on the layers) are the same with the parameters of the rest of the copies forming the group of the circle.
Insert the advertising announcement.

Car Service and Repair Web Header

(Welcome)

Car Service and Repair Web Header

(to Car Repair Station.)

Car Service and Repair Web Header

The rest of the text

Car Service and Repair Web Header

Blending Options-Drop Shadow

Car Service and Repair Web Header

Finally we have to cut out a picture with a car on it and place the picture the way we may see it below.

Car Service and Repair Web Header

The final result should be this one!