Gradient's parameters:
Blending Options>Stroke
Next we'll represent the buttons of the searching menu:
Using the Pencil Tool (B) (1 px) and the color #FF9E00, try to make now the pointers situated near the buttons as it is demonstrated below:
The Rectangle Tool (U) will be helpful in representing the window reserved for introducing the searching system. The color is #2D2D2D
The layer's parameters: Blending Options>Stroke
Insert the Search word in the searching system's window:
Represent on the following stage the button reserved for starting the searching system, using the Rounded Rectangle Tool (U) (radius 3 px). The color is #CC6600
The layer's parameters: Blending Options>Stroke
Insert also the button's title:
Next we have to create the primary layer reserved for the photos of our portfolio. Use this time the Rounded Rectangle Tool (U) (radius 7 px) and the color #111111
The layer's parameters: Blending Options>Inner Glow
Blending Options>Stroke
Using the same instrument with the same radius and the same color, try to make another layer of the portfolio:
The layer's parameters: Blending Options>Inner Glow
Blending Options>Stroke
Make four copies of the last made layer and select the Free Transform option to place the copies as it is demonstrated next picture:
Select now the necessary photos for the portfolio. Cut them out, according to the sizes of the recently made layers. Place the corresponding photos above the layers reserved for the photo (on the layers' panel). Press Alt button and make a mouse's click between the photos' layers and the photo's layer. Do this operation for each photo and its layer.
Using the Rectangle Tool (U), try to represent a special area for the text that would have black color.
The layer's parameters: Fill 30%
Insert the text on the represented area.
The layer's parameters: Blending Options>Stroke
Using the Rounded Rectangle Tool (U) (radius 7 px), it's possible to represent a special section reserved for the portfolio's author. Press Alt button when using the same instrument to move off the unnecessary elements. The color is #333333
Next stage must be done with the Rounded Rectangle Tool (U) (radius 7 px) when representing the layer reserved for the photo of the portfolio's author. The color is #939393
The layer's parameters: Blending Options>Inner Glow
Blending Options>Stroke
Place the photo above the photo's layer on the layers' panel. Hold on Alt button and make a mouse click between the photo's layer and the layer containing the photo of the portfolio's author.
Insert the text in the author's section:
(WELCOME)
(TO MY WEB SITE)
(Bold text)
(simple text)
Insert also the additional links in the author's section:
Create a new layer and choose this time the Pencil Tool (B) (1px) to represent the pointers near the links. The color is white.
Find in Internet a picture representing a photo camera, cut it out and introduce it on our picture:
Make a copy of the camera's layer and choose the Free Transform option to turn over the copy and to place it the way shown below:
Make a mouse click on Add a Mask option on the same layer on the layers' panel and choose the Gradient Tool (G) of black color.
Try to represent now the site's menu situated on the bottom part:
It's time to use the Pencil Tool (B) (1 px) and white color to represent the vertical dividing lines:
Finished!
More Tutorials: 
