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

Apply for the layer the next parameters: Fill 20%

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Combine in a group all the layers composing the menu’s button of the site to be created (press Ctrl button to mark out the appropriate layers and hold on the left mouse’s button while moving the marked layers on Create a new group selection). Make a copy of the last made group and choose as usually the Free Transform option to place the copy exactly the same way demonstrated below. On the copied button we have to change the layers’ parameters:

1) the parameters of the primary layer: 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

2) The parameters of the highlight 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

3) The parameters of the zone reserved for the button’s indicator: Fill 10%

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Make three copies of the grey button and select the Free Transform option to place the copies as it is demonstrated next picture:

Create Photo Portfolio Web Layout in Photoshop CS3

Create Photo Portfolio Web Layout in Photoshop CS3

Using the earlier applied instrument, Rounded Rectangle Tool (U) (radius 7 px), represent on the next stage the panel reserved for the logotype and the menu of the site’s searching system:

Create Photo Portfolio Web Layout in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Photo Portfolio Web Layout in Photoshop CS3

Page: 1 2 3 4 5 6 7 8

Comments