Stylish WebStudio Web Layout

May 30th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout

Create Stylish WebStudio Web Layout in Photoshop CS

Make four copies of the new made button and select the Free Transform option to turn them over if necessary. Choosing the Convert Point Tool, it’s possible to make the corrections on the copies’ shapes too. Change the parameters for each copy’s layer. The copies must be placed, like the first button, lower than the sections’ layer, on the layers’ palette.

Create Stylish WebStudio Web Layout in Photoshop CS

The parameters for the first copy:
Fill 0% on the layers.
Blending Options>Drop Shadow

Create Stylish WebStudio Web Layout in Photoshop CS

Blending Options>Gradient Overlay

Create Stylish WebStudio Web Layout in Photoshop CS

Gradient’s parameters:

Create Stylish WebStudio Web Layout in Photoshop CS

The parameters for the second copy:
Fill 0% on the layers.
Blending Options>Drop Shadow

Create Stylish WebStudio Web Layout in Photoshop CS

Blending Options>Gradient Overlay

Create Stylish WebStudio Web Layout in Photoshop CS

Post Pages: 1 2 3 4 5 6 7 8 9 10 11

  • keith

    15/10/2009

    can i do this at microsoft frontpage annd how??

  • eshanne

    06/11/2009

    Keith : Please read the tutorials before posting..

    THis is Photoshop tutorials.. If you don’t know what is photoshop then you should check out them at :

    http://www.adobe.com and search for the supports or anywhere that you can find adobe photoshop.

    And yes Keith you need to learn a lot.. :)

  • Sam

    15/11/2009

    This is just amazing! Thanks.

  • Daniël

    16/12/2009

    Amazing! Nice tutorial!
    Keep up the good work!

  • mirel

    18/12/2009

    thanks dude that’s realy great …waiting for you’r every new stuff
    good luck

  • Santiago

    03/03/2010

    Awesome tutorial, could someone point me in the direction for another tutorial to make it work, to uploaded an make the buttons work… thank you!