Making your own Portfolio Web Page
Next choose the Rectangle Tool (U) to draw the button that will form the site's menu:
The layer's parameters: Blending Options>Gradient Overlay
Gradient's parameters:
Blending Options>Stroke
Make a copy of the earlier made layer containing the menu's button and choose after that the Free Transform option to place the copy - layer exactly the way demonstrated below:
The parameters for the changed button: Blending Options>Inner Glow
Blending Options>Gradient Overlay
Gradient's parameters:
Blending Options>Stroke
Gradient's parameters:
Make three copies of the changed button and select again Free Transform option to situate the copies the same way indicated next image:
Using the Rectangle Tool (U), it's possible to draw above the button a white line, to get the same image from below:
Insert the titles for the site's menu's buttons, keeping the demands from the next tables:
home page
the titles for the rest of the menu's buttons:
The parameters for the home page named layer: Blending Options>Stroke
The parameters for the rest of the titles reserved for the menu's buttons: Blending Options>Stroke
Create a new layer and try to represent on it a pointer situated on the left side of the menu's buttons' titles. In this case we must use the Pencil Tool (B) of white color (brush 1 px). The pointer near the home page title should be represented on a separate layer. The rest of them should be represented on a single one, near the rest of the buttons' titles:
We shall set the same parameters for the pointers as we did in case with the buttons' titles:
Next step includes choosing the Rectangle Tool (U) and representing the zone for the auxiliary buttons, having the color #36322D
Create a new layer on which we shall apply the earlier used instrument – the Pencil Tool (B) (brush 1 px) for representing the icons of the auxiliary buttons. Their color is #998D7B
Make a copy of the earlier made layer containing the photo of the site's author and choose Free Transform option to place the layer the same way demonstrated on the picture, changing the parameters for the copy – layer. The color in this case is #2A251F
The layer's parameters: Blending Options>Inner Glow







More Photoshop: