Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Photography portfolio

Awesome photography portfolio design with a lot of content boxes and an attractive look.

Create Photo Portfolio Web Layout in Photoshop CS3

Create a new file (File>New) that would have 800×800 px and 72 dpi. Selecting the Paint Bucket Tool (G) may help us to paint the new file with the next color #111111

Create Photo Portfolio Web Layout in Photoshop CS3

Next we have to use the Rounded Rectangle Tool (U) (radius 7 px) to represent the primary layer reserved for the menu’s button, situated on the site’s header.

Create Photo Portfolio Web Layout in Photoshop CS3

The layer’s parameters are selected by making a mouse click on the necessary layer on the layers’ panel.
Blending Options>Gradient Overlay

Create Photo Portfolio Web Layout in Photoshop CS3

Gradient’s parameters:

Create Photo Portfolio Web Layout in Photoshop CS3

Blending Options>Stroke

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Using the same instrument, it’s possible to represent a highlight on the menu’s button. Firstly we need to represent the zone of the highlight to be and then, holding on Alt button, erase the unnecessary elements.

Create Photo Portfolio Web Layout in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Create Photo Portfolio Web Layout in Photoshop CS3

Gradient’s parameters:

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Using the same instrument and the same radius, try to represent next the zone reserved for the buttons’ indicator of white color. Press Alt button and select the Rectangle Tool (U) to erase the unnecessary elements.

Create Photo Portfolio Web Layout in Photoshop CS3

Page: 1 2 3 4 5 6 7 8

Comments