Categories

Partners
 
  • Photoshop Templates

  • Website Templates

  • Web Templates

  • Flash Web Sites

  • WordPress Templates

  • Free Ringtones

  • Free Stock Photos and Images

  • Photoshop

  • St. Louis LASIK | LASIK info

  • Load Cells

  • osCommerce Templates

  • Web Hosting


  • Website Templates
    Search


    Advanced Search


     »  Home  »  Adobe Photoshop  »  Web Layout  »  Online Photo Portfolio
    Online Photo Portfolio
    Published  10/24/2007 | Web Layout
       
    Online Photo Portfolio - part 6


    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

    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.


    PSDTUTS+ Photoshop Tutorials and More