Making your own portfolio web page

April 23rd, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

Next choose the Rectangle Tool (U) to draw the button that will form the site’s menu:

Making your own portfolio web page in Photoshop CS3 

Making your own portfolio web page in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Making your own portfolio web page in Photoshop CS3

Gradient’s parameters:

Making your own portfolio web page in Photoshop CS3

Blending Options>Stroke

Making your own portfolio web page in Photoshop CS3 

Making your own portfolio web page in Photoshop CS3

Make a copy of the earlier made layer containing the menu’s button and choose after that the Free Transform option to place the copy - layer exactly the way demonstrated below:

Making your own portfolio web page in Photoshop CS3

The parameters for the changed button: Blending Options>Inner Glow

Making your own portfolio web page in Photoshop CS3

Blending Options>Gradient Overlay

Making your own portfolio web page in Photoshop CS3

Gradient’s parameters:

Making your own portfolio web page in Photoshop CS3

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

  • Web designers

    04.23.08

    Very nicely and personally presented tutorial really good.

  • roko

    04.23.08

    great tutorial. i have to try this

  • Timo Körber

    04.23.08

    very nice layout and great tutorial…

  • Behnam

    04.23.08

    Awesome scheme… Thx

  • strony internetowe

    04.23.08

    Realy Beautiful website:)

  • Arminder

    04.23.08

    It is a great tutorial, and very well explained. However like many other tutorials around the web it lacks the next stage - converting this design to XHTML and CSS. It would be nice to see how the concept can be made into reality.

  • DMVP

    04.23.08

    Yes, where could I go to learn how to convert a design such as this to XHTML / CSS ? I would like to use Joomla as the CMS..

  • lor

    04.23.08

    Marvelous, keep on the good work

  • hulek89

    04.23.08

    ok, this really looks good, but how long does it take to open a website with that amount of heavy graphics!?

  • Eview

    04.23.08

    Nice and simple layout good tutorial thanks mate