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!

Website Design Studio

Make six copies of the recently made layer and select one more time the Free Transform option to situate the layers as it is indicated next image:

Create Design Studio Website in Photoshop CS3 

Combine in a group all the layers containing the white stripes (press Ctrl button to mark out the necessary layers and then keep pressed the left mouse’s button while moving the marked layers on Create a new group option). Mark out the group and press Ctrl +E, applying the next shown parameters for the rasterized layer:
Fill 20%
Blending Mode-Overlay

Create Design Studio Website in Photoshop CS3

Choose again the Rounded Rectangle Tool (U) (radius of 20 px) to draw a button of white color.

Create Design Studio Website in Photoshop CS3

The layer’s parameters: Blending Options>Inner Shadow

Create Design Studio Website in Photoshop CS3 

Create Design Studio Website in Photoshop CS3

Let’s create the primary layer, reserved for the next button on the menu. The tool applied in this case is Rounded Rectangle Tool (U) (radius of 20 px).

Create Design Studio Website in Photoshop CS3

The layer’s parameters: Fill 0%
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 

Create Design Studio Website in Photoshop CS3

Make a copy of the last made layer and use again the Free Transform option to situate the copy a little lower, changing also the layer’s parameters with those from below: Fill 0%
Blending Options>Inner Shadow

Create Design Studio Website in Photoshop CS3

Blending Options>Gradient Overlay

Create Design Studio Website in Photoshop CS3

Page: 1 2 3 4 5 6

Comments