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:

Professional Gray Menu Tutorial: Final Result

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.

Professional Gray Menu Tutorial: Final Result



Author's URL: SweDesignz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Professional Gray Menu"

Only registered users can write comment

No comments yet...