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

    Create web site menu with icons
    Published  05/19/2007 | Web Layout
       
    Create web site menu with icons - part 1


    This tutorial will show you how to create a clean menu, with icons.

    Open a new file (File>New) that would have 770x700 px and 72 dpi. Select after that the Paint Bucket Tool (G) to paint the file with this color #494949.

     Create web site menu with icons in Photoshop CS

    Draw now a thin black stripe on the lowest part of the background. The operation can be made with the Rectangle Tool (U).

     Create web site menu with icons in Photoshop CS

     Create web site menu with icons in Photoshop CS

    Represent now the first layer of the button, situated on the site’s menu, using the same instrument, but a different color - #D3D3D3

     Create web site menu with icons in Photoshop CS

    Copy out six times the last layer and select the Free Transform option to place the copies the way you may see on the next picture.

     Create web site menu with icons in Photoshop CS

    In the upper picture there are inserted the colors’ codes.

     Create web site menu with icons in Photoshop CS

    Create a new layer and choose the Ellipse Tool (U) to represent the primary layer for the button’s icon. But make a kind of indention on the left side.

     Create web site menu with icons in Photoshop CS

     Create web site menu with icons in Photoshop CS Create web site menu with icons
    This tutorial will show you how to create a clean menu, with icons.