Categories

Partners
  • IPowerWeb Hosting

  • Free Flash Website

  • Website Templates

  • Adobe Photoshop Tutorials

  • Bittorent and
    Google desktop programs

  • Free Stock Photos and Images

  • Adobe Photoshop Tutorials

  • Photoshop, Flash, 3dsmax tutorials

  • Merry Christmas Tree
  • Search


    Advanced Search










    PSD to HTML

    Photo Portfolio Web Page Layout
    Published  02/13/2008 | Web Layout
       
    Photo Portfolio Web Page Layout - part 2


    The layer’s parameters: Blending Options>Gradient Overlay

    Create Photo Portfolio Web Page Layout in Photoshop CS3

    Gradient’s parameters:

    Create Photo Portfolio Web Page Layout in Photoshop CS3 

    Create Photo Portfolio Web Page Layout in Photoshop CS3

    Select now the Line Tool (U) (weight 2 px) to represent a line above the menu’s panel on the site’s header. The beginning color is white. Select after that the Free Transform option to make the appropriate corrections on the color’s edges; letting down the frame (the edges should be very clearly defined). Press then Alt button and apply the same instrument to interrupt the line in three demonstrated places on the same distance (the segments are equal to the earlier drawn button).

    Create Photo Portfolio Web Page Layout in Photoshop CS3 

    Create Photo Portfolio Web Page Layout in Photoshop CS3

    The layer’s parameters: Blending Options>Gradient Overlay

    Create Photo Portfolio Web Page Layout in Photoshop CS3

    Gradient’s parameters:

    Create Photo Portfolio Web Page Layout in Photoshop CS3 

    Create Photo Portfolio Web Page Layout in Photoshop CS3

    Use the same tool, (Line Tool (U)), to insert on the picture four vertical lines.

    Create Photo Portfolio Web Page Layout in Photoshop CS3

    Use the same parameters for each layer containing the white line. Fill 30%

    Create Photo Portfolio Web Page Layout in Photoshop CS3

    Write now the titles for the buttons situated on the menu on the site’s header.

    Create Photo Portfolio Web Page Layout in Photoshop CS3 

    Create Photo Portfolio Web Page Layout in Photoshop CS3

    Create Photo Portfolio Web Page Layout in Photoshop CS3 Photo Portfolio Web Page Layout
    This tutorial will show you how to create a clean looking web layout for your portfolio.