Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Making A Cool Horizontal Menu!

Making A Cool Horizontal Menu!


Step1:

Make a new 500x70 photoshop document.

Step 2:

Make a rounded rectangle with 10px radius and then add 2 points. The next step is to move those points:

image 1

Step 3:

Step 3 is to add some effects to the shape that we created.

image 2

image 3

Step 4:

Duplicate the shape and select the lower layer. Now, we'll move some points again:

image 4

Step 5:

Apply some effects on the lower layer:

image 5

image 6

Step 6:

  • Make a text layer and write "main menu" , 21pt , #FFFFFF.
  • Add 2 rounded rectangle [color: #47ca01] with 10px below the text layer.

Step7:

Add the categories titles "home | contact us" etc. and add drop shadow:

image 7

And that's it.

Here's my result:

Making A Cool Horizontal Menu!
Click to enlarge

Have a nice day!



Author's URL: PSEffect
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 "Making A Cool Horizontal Menu!"

Captcha