Categories

Partners
  • Website Templates

  • Design Feeds

  • Adobe Photoshop Tutorials

  • Website Templates, WordPress Themes

  • Website Templates

  • Flash Web Sites

  • Photoshop Templates

  • Photo Contests

  • Photo Tips
  • Search


    Advanced Search


    Partner Links
  • Adobe Photoshop Tutorials

  • Free Stock Photos and Images



  • Website Templates

    Online Photo Portfolio
    Published  10/24/2007 | Web Layout
       
    Online Photo Portfolio - part 1


    This tutorial will show you how to create a clean looking layout for your portfolio.

    Create a new file (File>New) with 766x699 px and 72 dpi.

    Create Online Photo Portfolio in Photoshop CS3

    Choose after that the Rectangle Tool (U) to represent the background of the site’s page to be next:

    Create Online Photo Portfolio in Photoshop CS3

    Apply the next layer’s parameters by making a mouse’s click on the corresponding layer on the layers’ panel. Blending Options>Gradient Overlay

    Create Online Photo Portfolio in Photoshop CS3

    Gradient’s parameters:

    Create Online Photo Portfolio in Photoshop CS3 

    Create Online Photo Portfolio in Photoshop CS3

    Create a new layer of 4x4 px and 72 dpi. Select then the Pencil Tool (B) to represent a pattern of white color.

    Create Online Photo Portfolio in Photoshop CS3 

    Create Online Photo Portfolio in Photoshop CS3

    Edit>Define Pattern
    It’s time to represent on the upper part of the background a thin stripe, applying the same Rectangle Tool (U).

    Create Online Photo Portfolio in Photoshop CS3 

    Create Online Photo Portfolio in Photoshop CS3

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

    Create Online Photo Portfolio in Photoshop CS3 

    Create Online Photo Portfolio in Photoshop CS3 

    Create Online Photo Portfolio in Photoshop CS3

    Using the same instrument above the made stripe, try to make another one, colored with #BBDD03

    Create Online Photo Portfolio in Photoshop CS3

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