Photographer's Site Template


Photographer's Site Template

Create a new file that would have 766×500 px and 72 dpi. Apply the Layer Style for it.

Photographer's Site Template

Blending Options-Gradient Overlay

Photographer's Site Template

Gradient’s parameters:

Photographer's Site Template

Represent a stripe colored in 444444 on the background’s bottom. It’s possible to do that with the shown instrument

Photographer's Site Template

. You must get the next result.

Photographer's Site Template

Next step we must represent another stripe with the same instrument, but this time with the color 656565. It must be placed a little upper than the previous layer.
Make use of the next instrument

Photographer's Site Template

to draw a cliché like the next one (keep the same grey color)

Photographer's Site Template

Save the picture!

Photographer's Site Template
Photographer's Site Template

Blending Options-Pattern Overlay

Photographer's Site Template

Using the same instrument we have to represent now on the background’s top the lowest layer reserved for the upper panel of the site’s header. Its color must be 444444 and the parameters from below.

Photographer's Site Template

Blending Options-Pattern Overlay

Photographer's Site Template

On the new made layer we must represent another one. The instrument remains the same, but the color is 636363.

Photographer's Site Template

Copy the new made layer and make use of the Free Transform selection to narrow it vertically and place it the way you may see in the next picture.

Photographer's Site Template

Applying the previous instrument, insert a panel in the middle of the upper site’s header’s part.

Photographer's Site Template

Draw a horizontal line now with the color 646464 lower than the texture’s stripe (on the site’s header’s bottom)

Photographer's Site Template

Copy the new represented layer and place it the way it is shown next step.

Photographer's Site Template

Create now a central panel of black color on the central part of the site’s header. Use this instrument

Photographer's Site Template

.

Photographer's Site Template

Blending Options-Drop Shadow

Photographer's Site Template

Blending Options-Stroke

Photographer's Site Template

Find a picture representing the nature and place it the same way it is shown in the next picture.

Photographer's Site Template

Insert the picture in a frame colored in 3A3A3A. Make it with the next tool

Photographer's Site Template

by choosing an appropriate cliché from the table below.

Photographer's Site Template

Adjust the frame’s dimensions like in the picture below. It’s possible to do that with the shown instrument

Photographer's Site Template

.

Photographer's Site Template

Blending Options-Drop Shadow

Photographer's Site Template

Blending Options-Inner Glow

Photographer's Site Template

Blending Options-Stroke

Photographer's Site Template

Now we have to find a picture, representing a photo camera. Place it on the upper panel.

Photographer's Site Template

Insert now the site’s name.

Photographer's Site Template
Photographer's Site Template

Choose the next instrument now and represent the button for the menu. Its color must be 595959.

Photographer's Site Template

Select this tool

Photographer's Site Template

to draw a vertical stripe to the right side of the button. Its color is 545454.

Photographer's Site Template

Merge down the layers containing the button and the stripe next to it in a group.
Copy the new made group 3 times and place everything as you may see below.

Photographer's Site Template

Insert their names on the buttons by using

Photographer's Site Template
Photographer's Site Template
Photographer's Site Template

The final result is this one!