Fisker Car Web Layout

Fisker Car Web Layout
Fisker Car Web Layout

Create a new file that would have 766×575 px and 72 dpi. Paint it in black color.

Fisker Car Web Layout

Cut out now a picture having represented a car on it (cut it out both with the surface it is situated on) and place it the way you may see in the picture below.

Fisker Car Web Layout

Select now the next instrument

Fisker Car Web Layout

and represent the lowest layer reserved for the site’s menu buttons.

Fisker Car Web Layout

Blending Options-Gradient Overlay

Fisker Car Web Layout

Gradient’s parameters:

Fisker Car Web Layout

Select the next tool

Fisker Car Web Layout

and try to outline the menu’s buttons to be.

Fisker Car Web Layout
Fisker Car Web Layout

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

Fisker Car Web Layout

Gradient’ s parameters:

Fisker Car Web Layout

Insert after that the text, informing us about the site’s name.

Fisker Car Web Layout
Fisker Car Web Layout

Blending Options-Inner Shadow

Fisker Car Web Layout

Blending Options-Gradient Overlay

Fisker Car Web Layout

Gradient’s parameters:

Fisker Car Web Layout

Finish inserting the text reserved for the site’s name.

Fisker Car Web Layout
Fisker Car Web Layout

Blending Options-Bevel and Emboss

Fisker Car Web Layout

Blending Options-Gradient Overlay

Fisker Car Web Layout

Gradient’s parameters:

Fisker Car Web Layout

Cut out now a logotype of the car’s brand and place it to the left side of the site’s name.

Fisker Car Web Layout

Write now the titles of the site’s menu’s buttons, keeping the demands from the table below.

Fisker Car Web Layout

Blending Options-Inner Shadow

Fisker Car Web Layout

Blending Options-Gradient Overlay

Fisker Car Web Layout

Gradient’s parameters:

Fisker Car Web Layout
Fisker Car Web Layout

Finished!

View full size here