website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Making A Cool Horizontal Menu!
rss

Making A Cool Horizontal Menu!

Author: PSEffect More by this author


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! Tutorial: Final Result (Click to enlarge)
Click to enlarge

Have a nice day!



Author's URL: www.pseffect.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Making A Cool Horizontal Menu!"