Photography portfolio

January 21st, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

Gradient’s parameters:

Create Photo Portfolio Web Layout in Photoshop CS3

Blending Options>Stroke

Create Photo Portfolio Web Layout in Photoshop CS3 

Create Photo Portfolio Web Layout in Photoshop CS3

Next we have to select the Pencil Tool (B) (1 px) to picture the symbols on the menu’s buttons situated on the site’s header. The color should be white in this case.

Create Photo Portfolio Web Layout in Photoshop CS3 

Create Photo Portfolio Web Layout in Photoshop CS3 

Create Photo Portfolio Web Layout in Photoshop CS3

Insert the titles for the menu’s buttons placed on the site’s header:

Create Photo Portfolio Web Layout in Photoshop CS3 

Create Photo Portfolio Web Layout in Photoshop CS3

The layer’s parameter (Home Page) Blending Options>Stroke

Create Photo Portfolio Web Layout in Photoshop CS3

The parameters of next layers (About me, Services, Gallery, Contact me): Blending Options>Stroke

Create Photo Portfolio Web Layout in Photoshop CS3 

Create Photo Portfolio Web Layout in Photoshop CS3

Now it’s time to select the Rounded Rectangle Tool (U) (radius 7 px) to represent the primary layer of the logotype. Keep pressed Alt button while using the Rectangle Tool (U) to move off the unnecessary elements as it is demonstrated next picture:

Create Photo Portfolio Web Layout in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay


Create Photo Portfolio Web Layout in Photoshop CS3

Post Pages: 1 2 3 4 5 6 7 8

  • Clay Jackson

    21/08/2009

    This is great, thanks for posting!

  • Background Checks International

    26/08/2009

    Awesome design and post… thanks man!!!!

  • yac

    10/09/2009

    Thanks man!!!!!!

  • Kushan

    11/09/2009

    THANKS! THANKS! this is better than giving away template…we can learn lots of things like this… actually i grab the pencil tool after ages ;)
    THANKS!

  • Yadav

    16/09/2009

    Nice tutorial this is helpful for me

  • Luis Lopez

    01/10/2009

    Great, your amazing work has been featured here:
    http://www.conceptopixel.com/2009/10/47-tutoriales-para-crear-botones-web-layouts-barras-de-navegacin-banners-y-ms.html

    I like the camera on the right-bottom corner, special detail, i love it.

    Cheers. Luis.

  • Bigfoot29

    06/10/2009

    Wow this amazing I can’t wait to try it out thanks so much!!!

  • Jonocode

    25/10/2009

    Hi!

    I’m very new to photoshop. I was wondering if someone could explain these words:

    “Using the same instrument, it’s possible to represent a highlight on the menu’s button. Firstly we need to represent the zone of the highlight to be and then, holding on Alt button, erase the unnecessary elements. ”

    I’m stuck on this part! What is it that I need to do?

  • P

    06/11/2009

    Wow great thanks for the good work :D:D

    jonocode:
    you use the SAME instrument. you make another roundedrectangle on top of the existing!

    i had the same problem hehe but i figured it out ;)

  • R

    10/11/2009

    i thought i knew PS pretty well, but I still can’t follow the steps..

  • arul karthik

    30/01/2010

    It was a nice exp to do initial steps..Thank u very much..

  • Daniel

    01/03/2010

    thx. awesome!
    Where to download the PSD?

  • rhanzies

    14/03/2010

    this one is one of a kind..i really love it…thanks a lot dudes