Design Studio Website

March 17th, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

Select the Rounded Rectangle Tool (U) with a radius of 5 px to insert a button in the same zone with the menu on the site’s header.

Create Design Studio Website in Photoshop CS3

The layer’s parameters: Blending Options>Inner Shadow

Create Design Studio Website in Photoshop CS3

Blending Options>Gradient Overlay

Create Design Studio Website in Photoshop CS3

Gradient’s parameters:

Create Design Studio Website in Photoshop CS3

Blending Options>Stroke

Create Design Studio Website in Photoshop CS3

Gradient’s parameters:

Create Design Studio Website in Photoshop CS3 

Create Design Studio Website in Photoshop CS3

Make a copy of the button’s layer and choose the Free Transform selection to place the copy as in the picture from below. Change the parameters of the copies’ layers.

Create Design Studio Website in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Design Studio Website in Photoshop CS3

Gradient’s parameters:

Create Design Studio Website in Photoshop CS3

Make two copies of the recently made button’s copy and select once again Free Transform option to place the new copies as below:

Create Design Studio Website in Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5 6

  • sawebdesigns

    10/05/2011

    This really cool great tutorial thanks

  • Muddaser

    31/01/2012

    AWW PLEASE MAKE IT BIT EASIER