Categories

Partners
  • Free Flash Website

  • Website Templates

  • Desktop Wallpapers

  • Adobe Photoshop Tutorials

  • Bittorent and
    Google desktop programs

  • Free Stock Photos and Images

  • Adobe Photoshop Tutorials

  • Merry Christmas Tree

  • IPowerWeb Hosting
  • Search


    Advanced Search










    PSD to HTML

     »  Adobe Home  »  Adobe Photoshop  »  Web Layout  »  Portfolio Web Layout
    Portfolio Web Layout
    Published  04/18/2007 | Web Layout

    Download PSD File

       
    Portfolio Web Layout - part 1


    Learn how to create a web layout with services, portfolio, careers and others.

    Select File>New option with 800x720 px and 72 dpi. Select the Rectangle Tool (U) to represent the background of the site to be next:

    Create Portfolio Web Layout in Photoshop CS

    Make the necessary adjustments on the layer’s parameters in the layers’ panel:
    Blending Options>Gradient Overlay

    Create Portfolio Web Layout in Photoshop CS

    Gradient’s parameters:

    Create Portfolio Web Layout in Photoshop CS

    Using the Rounded Rectangle Tool (U), try to represent the primary layer reserved for the site’s panel:

    Create Portfolio Web Layout in Photoshop CS

    The layer’s parameters:
    Blending Options>Gradient Overlay

    Create Portfolio Web Layout in Photoshop CS

    Gradient’s parameters:

    Create Portfolio Web Layout in Photoshop CS

    Blending Options>Stroke

    Create Portfolio Web Layout in Photoshop CS

    Create Portfolio Web Layout in Photoshop CS Portfolio Web Layout
    Learn how to create a web layout with services, portfolio, careers and others.