What kind of tutorials are you interested in?

Creating a stylish and glossy menu

35159 views | added on 30.05.2007

We will create a glossy and stylish looking menu in Photoshop. You can use something like this in your own stylish designs.

  • Let's begin with this tutorial.
    First create a new document with the following settings:
  • Set the background color to #737373. And hit CTRL + Backspace (Fill with background color).
  • Press U to select the Shape Tool.
    And make sure that the Rounded Rectangle Tool is selected with a corner radius of 15px.
  • Drag a shape layer about 180 x 200 pixels and name it "base".
    Change the color of this shape layer to #d69908.
  • For each menu row create a rectangle about 180 x 21 pixels with this color code #242424.
    And leave 1 pixel vertical space between each row.
  • Press A from keyboard to select the Direct Selection Tool.
    Select 4 anchor points from left in base layer and drag 1 pixel to left.
    Repeat this step for right edge of the base layer, but the direction is to the right.
  • Create a new empty layer (reflection layer) over the base layer.
    With this new empty layer selected, hold the CTRL key and left click over base layer thumbnail.
    You will see now a selection around the base layer.
    Press M to select the Marquee Tool and make sure that the Elliptical Marquee Tool is selected.
    Now hold Shift and Alt key together and try to get an intersection area like the following picture.
  • Next press G to select Gradient Tool.
    And set gradient options like the following picture.
  • Click OK.
    And draw a line from the top of base layer as the following picture.
  • We will now give a drop shadow effect to our base layer.
    Duplicate the base layer with CTRL + J key combination.
    The new layer (shadow layer) should be under the base layer.
    Double click on the shadow layer and set drop shadow options as the following picture.
  • Add 2 new anchor points in the middle of the shadow layer (left and right).
  • And drag every 2 anchor points in corners 5 pixels to inside.
  • And finally create text for the links between base layer and reflection layer.
    Set drop shadow blending options for the text layer as the following picture.
  • Here we go ...
    The stylish, glossy menu is ready.
Comments
comment on 14.09.2007 by biohazard
nice tutorial, thanks...
comment on 26.08.2010 by ererere
before adding another watch to your personal collection replica watches Invicta Men\'s Subaqua Noma III Collector\'s Edition Steel & Titanium Watch Invicta\'s knack for packing tons of functionality into a watch while presenting it all with daring design is perfectly illustrated by their Subaqua Noma III Collector\'s Edition Steel and Titanium Watch u boat Not a watch for the faint of heart this piece catches the eye with its sleek and formidable bracelet which combines silver tone stainless steel links flanking an in replica breitling omega
comment on 26.08.2010 by ererere
333 ft water resistant There is an automatic movement The Rado Original watch is the way diver\'s watches used to be replica cartier simple before the competition between watch manufacturers turned these utility watches into the testosterone lumps of metal they are today I love this watch replica watches in fact I love it so much I bought one The Rado Original DiaStar revolutionized watches fake franck muller It was the world\'s fist scratch-proof watch replica rolex The Rado DiaStar still has the looks of a very contemporary watch it\'s
comment on 01.09.2010 by jmjm123
nice post bags [url=http://www.replicahandbagscheap.com/]bag[/url]
comment on 02.09.2010 by watchfordream
he insinuation about Kenya\'s bcbg clothing inability to protect Ms Obama alexander mcqueen boots is outrageous, misplaced and an gucci womens insult to the Kenyan state, gucci women Kilonzo told Kenya\'s Daily Nation discount gucci handbags newspaper. President Obama\'s grandmother is giuseppe zanotti shoes here and she is treated armani watches like royalty. It is unfortunate gucci bracelet because Kenya enjoys cordial relations d&g clothes with the United Stat
Add comment: