Online Photo Portfolio

October 24th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout

   

Both dividing stripes must have the same parameters:
The layer’s parameters: Blending Options>Outer Glow

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

Take the Rounded Rectangle Tool (U) to represent the primary layer of the button that must be placed lower than the section itself. Choose this time the white color.

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

The layer’s parameters: Blending Options>Drop Shadow

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

Make a copy of the last made layer and select the Free Transform option to minimize the copy a little, applying for the layer also the color #6DD800

Create Online Photo Portfolio in Photoshop CS3

The layer’s parameters: Blending Options>Stroke

Create Online Photo Portfolio in Photoshop CS3

Using the Rectangle Tool (U), try to make a highlight on the number’s plate. The color is #A9DB7C. Insert a top on the upper part of the highlight with the Add Anchior Point Tool. The shape must be corrected with Convert Point Tool

Create Online Photo Portfolio in Photoshop CS3

Press Alt button and make a mouse’s click between the highlight’s layer and the button’s green layer for the highlight to be applied in the limits of the button’s green layer:

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3 

Combine in a group now all the layers composing the section’s button (Press Ctrl button and mark out the necessary layers and press the left mouse’s button to take the marked layers on Create a new group option). Make two copies of the last made group and select the Free Transform option to place the copies under the corresponding site’s sections. Change the basic colors of the copies: the first copy – #F0920D; the second copy- #5191AD. The highlights’ colors should be changed too: the orange button – #F6C073; the blue button- #89B4C7 (Blending Options>Stroke is the same with the basic button’s color).

Create Online Photo Portfolio in Photoshop CS3

Insert now the titles for the sections’ buttons:

Create Online Photo Portfolio in Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5 6 7 8

  • Türks Bilişim

    09/09/2009

    this, very thank you..

    Your site full professional and very beautiful…

  • css ajax styles

    09/09/2009

    yes this article is very fine.

  • vezir

    01/03/2010

    eeeeexcellent!!!!

  • Webdesign Mannheim

    15/07/2010

    Thanks a lot

  • Philliptan

    17/07/2010

    Thanks a lot , this is useful and i love your article !!!

  • Craig

    08/09/2010

    Great tutorial and really nice finished design, Thanks!

  • Lisa Thomason

    20/09/2010

    Wow! Fantastic online photo portfolio tutorial, very easy to follow, Thank you. LT

  • Md. Afsar Khan

    07/11/2010

    Very beautiful article realy …
    but please let me know how can we make it live i mean slicing and setting in dreamweaver etc.

  • kenichifc

    17/12/2010

    thanks for tutorial. Love it, simple and effective :D

  • 9633a

    31/12/2010

    Thank you for the tutorial
    It is very beautiful

  • Ajveth

    19/01/2011

    Thank u this tutorial is very useful

  • โหลดเพลงฟรี

    14/04/2011

    very nice for this theme

  • Kapil

    27/10/2011

    very nice and eye catching website theme

    thanks

  • amrew

    04/12/2011

    very nice