Modern menu tutorial

Tutorials Shared by the Internet Community


  Top Tutorials     New Tutorials     Submit     Login     Register  

Modern menu tutorial

Learn how to make this modern web 2.0 looking menu inspired by Luna Element Black windows theme.
  • Total Hits: 15585

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating


  • Total Votes: 144 votes

  • Category: Photoshop/Buttons

  • Submitted on: 2008-04-14 08:46:48

  • Submitted By: Devesh Khanna

  • Set as Favorite


1. Open a new document 500x40px and fill it with black.

2. Draw 5 straight lines similar to these() measuring 1 px in height on the top of the canvas(on a new layer).

3. Select the Rectangular Marquee Tool and draw a shape similar to this one and then right click -> New layer. Fill this new layer with the following gradient:    More detail...

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 38.19%  55
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.42%  15
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 11.81%  17
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 11.11%  16
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.47%  41

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.