Photoshop Tutorial

Simple and Clean Menu Bar

Simple and Clean Menu Bar

Learn how to make this simple and clean menu bar
Web Graphics » Pspack
Views: 49158 | 36 Comments
Page(s):

Simple and Clean Menu Bar



In this tutorial we are going to make a this simple and clean menu bar.

You will make a menu bar like this:





Start out by creating a blank document.

Use [ Rectangle Tool (U) ] to draw a rectangle as shown.

Right click on its layer and click on [ Resterize Layer ].




Make its Style
Double click the layer or go to Layers->Blending options and apply settings as shown.







Download this Pattern    load it in photoshop



Result :





Make its tape:

Method #1:
Select the [ Polygonal lasso tool (L) ]
Make a selection as shown.



Press Ctrl + N to create a new layer.

Set color to #000000 and fill it.



Make its Style
Double click the layer or go to Layers->Blending options and apply settings as shown.



Result :


Method #2:
Make its tape using brushes as shown.
Make a new layer.



Hold down Shift key and click on black point, then click on second point to make the tape shape.

Here is your result:

Now use the style used in method #1 by copying its style to this layer.


Final result with more details







Comments

1. fwdfa
Filipe Craveiro on Aug 15, 2007, 05:56
2. Lol, avators.
just.xTc on Aug 15, 2007, 13:48
3. This is a nice tutorial. Very Useful.
Rajib Kundu on Sep 18, 2007, 10:48
4. nice tutorial. Thanks
pete whistle on May 08, 2008, 01:17
5. Cool, but I prefer the menu on the actual website.
Phuket property for sale on May 08, 2008, 01:19
6. this website is kinda weird and slow on school computers
Rae Lang on May 09, 2008, 13:30
7. nice tutorial
ali on Aug 08, 2008, 16:23
8. great tut thanks
mrtn on Aug 16, 2008, 12:00
9. I think blue will be better, any way, nice job
Picture Frames on Oct 11, 2008, 21:24
10. it is cool but how do I export it to a web editing program(frontpage).Don’t mind me I am new in this
minoka on Oct 24, 2008, 01:49
11. I use a old version of PS, there is somewhere different.
Digital Photo Frame on Oct 27, 2008, 02:30
12. This is awesome...cant wait to try this out! Glad I found this. Thanks a lot! Few things I think I'll be asking though...we'll see.
hdtv antenna on Nov 11, 2008, 17:18
13. You make this simple. It was just as simple as your post said and worked exactly like you stated. most of the time the online tutorials make it sound simple, but it never seems to work out like they explain it. Thanks!
water damage restoration on Nov 19, 2008, 03:49
14. Great job
Jon on Nov 25, 2008, 05:22
15. Great tutorial! Most importantly, it was simple and easy to understand for a "n00b" like me :D
water damage restoration on Nov 26, 2008, 20:58
16. If only everything were this easy in Photoshop! :p There's nothing worse than a tutorial without screenshots, and this tutorial is NOT one of those. Thanks for making it informative!
water damage on Dec 18, 2008, 20:36
17. Thanks for the tips and great info. Very appreciative. Its posts and blogs like these that really do help people. Thank you.
online game on Dec 31, 2008, 01:56
18. Nice tutorial. Thanks .
Price compare on Jan 01, 2009, 06:45
19. Great tutorial! So, how do you do the final touch up step?
green tea on Jan 02, 2009, 22:23
20. Simply great information. Very thorough, well planned-out, and easy to understand tutorial. Thanks a bunch! water damage atlanta water damage miami
water damage chicago on Jan 04, 2009, 22:06
21. A very informative and well pesented helpful blog. The information was presented in an excellent manner that a inexperienced person on the topic can understand it with ease. Enjoyed reading it and the tips were great and truely helpful. Keep it u
bootleg movies on Jan 05, 2009, 00:28

Leave a comment: