Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Professional Gray Menu

Professional Gray Menu


This is the finished product from this tutorial:

image 1

I am going to show step by step how to do it. First, create a new layer, call it "body", with the rectangular marquee tool (M), make a selection and fill it with black.

image 2

Now let's apply some styles to it. Right click of the mouse on the body layer, and choose "Blending Options..."

Apply the following styles:

image 3

image 4

image 5

Now create a new layer and make a purple square again with the Rectangular Marquee Tool.

image 6

Change it's mode to multiply and it's opacity to 64%

image 7

Now, use the "Custom Shape Tool (U)" (I'm using Photoshop CS for the tutorial), and choose the following shape.

You can also "draw" a shape if you want using for example the Polygonal lasso tool (L).

image 8

Get this shape selection (ctrl+click it's layer), then fill it with #BBBBBB color.

Now, lets add some text (Horizontal type tool [T])! I used the Verdana font, with the color #626262

We are done! Now just duplicate everything (you can put everything in one layer folder and only duplicate the layer folder) to finish your menu.

image 1



Author's URL: SweDesignz.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Professional Gray Menu"

Captcha