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

Have a nice day!



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

Only registered users can write comment

No comments yet...