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: 77864 | 121 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
2. Lol, avators.
3. This is a nice tutorial. Very Useful.
4. nice tutorial. Thanks
5. Cool, but I prefer the menu on the actual website.
6. this website is kinda weird and slow on school computers
7. nice tutorial
8. great tut thanks
9. I think blue will be better, any way, nice job
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
11. I use a old version of PS, there is somewhere different.
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.
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!
14. Great job
15. Great tutorial! Most importantly, it was simple and easy to understand for a "n00b" like me :D
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!
17. Thanks for the tips and great info. Very appreciative. Its posts and blogs like these that really do help people. Thank you.
18. Nice tutorial. Thanks .
19. Great tutorial! So, how do you do the final touch up step?
20. Simply great information. Very thorough, well planned-out, and easy to understand tutorial. Thanks a bunch! water damage atlanta water damage miami
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
22. Thanks for the photoshop tutorial. I am still stuck at where you say blending options. I guess I am a totally a new person. Have to go through more tutorials.
23. Great tutorial! Most importantly, it was simple and easy to understand for a "noob" like me ...
24. Easy to use and very detailed, almost too detailed =), tutorial. Thanks, it did help me quite a bit with the layout design of my new site!
25. 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.
26. 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.
27. Great tutorial! So, how do you do the final touch up step?
28. 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.
29. This is a nice tutorial. Very Useful.
30. I think blue will be better, any way, nice job
31. Great tutorial! So, how do you do the final touch up step?
32. Thanks for the tips and great info. Very appreciative. Its posts and blogs like these that really do help people. Thank you.
33. Nice
34. Very great tutorial simple so clean menu bar appearing. Your style making tip is shortly understandable. I try to make some design because its so simple now. Thank you for tutorial.
35. 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!
36. How do you make it look so easy? Even if I follow your tutorial exactly, I still end up with a dung-infested design.
37. Good job,but i don't like the color.
38. This is a nice infomation , thank you for share
39. Thanks for the info. I found it really useful.
40. It’s nice article it’s really use full information. I wish, I had found this document a few hours earlier. :)
41. Hi,everyone
42. Great tutorial thanks!
43. Amazing just amazing thanks!
44. Great job keep it up.
45. Great job keep it up.
46. Great info i got here. thanks
47. Great article. thank you keep it doing
48. I don't find any good information.
49. yes, you are good , you are a good man , i think do the well ,thank you my friend
50. i like your things , i like your good , thank you my friend
51. Very nice article! Thanks for this!
52. Nice! If only every tutorial was as simple and worked as effectively as yours!
53. Hi, I liked your site. An excellent content. Fine the schedule. Thanks.
54. Thanks for the tutorial..
55. really nice tutorial..thanks
56. i like your things very much , it is good , i like it .
57. i do not use PS very much, but i really envy those guys who can operate it masterly, everything become very bright and fantastic after geted out from the softeware. i'd love to give a try, thanks guy.
58. super tutorial, tahnks for sharing
59. pearl jewelry,wholesale pearl jewelry,silver jewelry,pearls at http://www.casijewerly.com
60. how write some thing on an image
61. good infomation
62. thanks very much
63. i like your site very much
64. Jewelry Market Korean Jewelry
65. Jewelry Market Korean Jewelry
66. Jewelry Market Korean Jewelry
67. Very nice and well explained tutorial.
68. I think this tutorial is one of the best ps tutorial.
69. Can we host this on our servers?
70. Thx for sharing
71. I think it's possible to host it.
72. but i really envy those guys who can operate it masterly
73. Your analysis results is best for another persons, Your think is best. Thank You
74. Hello, duddy, It is cool but how do I export it to a web editing program (frontpage).Don’t mind me I am new in this...
75. Thanks for sharing these info with us! I was reading something similar on another website that i was researching. I will be sure to look around more. thanks...
76. Thanks for your sharing,it is really useful and helpful.
77. Nice tutorial, thanks for sharing.
78. but i really envy those guys who can operate it masterly
79. cheap chanel purses and chanel replica handbags so good
80. wholesale nike shoes like it very much wholesale air force ones
81. Thanks for sharing
82. nice article
83. Thanks ~~
84. Good website,nice post,thks alot.
85. This issue is closely related to the present state of the market. Anybody can see that coupon codes and voucher codes are the easiest way to save money these days, especially online. It's starting to become common knowledge that Lenovo discounts is a hea
86. online wedding shopping
87. Thank you very much for the post. It is really helpfull
88. thank fo the info.. very useful
89. Thanks for useful information.
90. Nice post! very interesting topic. keep on posting.
91. баннер, лого веб дизайнхийнэ モンゴルでオフショア開発している会社。 モンゴルウェブを格安料金で制作します。 Mugen Link is Mongolian Web Developer company. Монгол дах Япон хэл
92. interesting
93. Nice sharing. But I would like sth. to be done via CSS not just in Photoshop! Have a nice day,
94. thanks for share costume jewelry wholesale Wholesale fashion Jewelry 925 silver jewelry wholesale
95. Very interesting article. Thanks for putting it
96. thank you very much
97. Replica Louis vuitton handbags fake Louis vuitton Louis vuitton knockoffs designer bags louis vuitton bags louis vuitton purse coach bags wholesale replica handbags\ ________ [url=http://www.fantastic-replica.net/]Replica Louis vuitton handbags[

Leave a comment: