2torial Blog|photoshop tutorials, website design tutorials and graphic design articles and tutorials

2torial Blog RSS

Vista Style Menu using Photoshop

Filed Under (Navigation, Photoshop) by Dave on 01-05-2008

Tagged Under : Photoshop buttons, vista style menu

Web 2.0 GradientsIn this Photoshop tutorial I’ll create a Vista style navigation bar for use in your website. We’re going to use a two tone gradient to simulate the shiny gloss effect so download this useful set of Web 2.0 Gradients and place the file in your photoshop/presets/Gradients folder and then start up Photoshop.

In Photoshop create a new file with a dimension of 800×300 and just make the background white for now.

Create a new layer in the layer palette and name this layer menu background. With the new layer selected, take the Rectangular Marquee tool and create a box along the bottom and the length of the document at about 40px high. Now either use the paint bucket to fill it black or go to edit – fill and fill the selection with black.

Read the rest of this entry »

No Comments
Read More
Search:
Graphic Design Blogs - Blog Catalog Blog Directory Join My Community at MyBloglog! blogarama - the blog directory Add to Technorati Favorites
  • March 2010
    S M T W T F S
    « Dec «-»  
     123456
    78910111213
    14151617181920
    21222324252627
    28293031  
  • Categories

    • After Effects (3)
    • Photoshop (18)
      • Graphic Design (11)
      • Navigation (1)
      • Photo Manipulation (1)
      • Text Effects (5)
    • Web Design (7)
      • CSS (3)
      • Dreamweaver (2)
      • Forms (2)
      • Web Navigation (1)
  • Recent Posts

    • Age Progression
    • Photoshop Brushes
    • Photoshop Matte Painting
    • Create a Horror Face in Photoshop
    • Create a Planet and Outer Space Scene
    • 3D Photoshop text tutorial
    • Photoshop Displacement effects
    • Photo Effect – fade into line drawing
  • Archives

    • December 2008
    • November 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
  • Subscribe
  • Pages

    • About
    • Contact
  • Meta

    • Register
    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org
  • Tags

    3 column layout 3d text Absolute Positioning After Effects Expressions After Effects shatter award winning web design Blend modes cool text effects create planet CSS CSS in Dreamweaver CSS menu Displacement effects Displacement Maps Dreamweaver tutorials form validation Grapic Design html & php E-mail form html & php mail form Image effects mail form Photo Effects Photoshop Photoshop & Dreamweaver Photoshop brushes Photoshop buttons photoshop displacement map Photoshop text effects Photshop Matte Painting php e-mail script PHP email script print ad design Space scene Vanishing point filter vista style menu web design colors website navigation Zombie Face
© All Rights Reserved. 2torial Blog

Warning: stristr() [function.stristr]: Empty delimiter in /home1/twotoria/public_html/wp-content/plugins/wassup/wassup.php on line 2093