Menu 2 « UI Controls « Photoshop Tutorials

1. How To Create a Stunning Vista Inspired Menu    psd.tutsplus.com

This tutorial will show you how to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect.

2. Designing nice looking horizontal navigation menu    graphicsmake.com

Hello, today we will create nice looking horizontal navigation menu with drop down list. From this tutorial you will learn to work with pen tool, stroke path, make awesome shadow for ...

3. Designing sleek navigation menu    graphicsmake.com

4. Design And Code a Sliding Highlighted Menu - Part 1    stoodit.com

Today we bring to you a tutorial that may help you sometimes. It is often to see many sites that have a Flash menu. This could happens because of the animation ...

5. Create a navigation menu    psdartist.com

In this tutorial I will show you how to create a simple navigation menu. So make a new document sized 500100 and fill it wit a light grey. Now make a ...

6. Create a navigation menu    psdartist.com

Now choose a background color, I choosed a blue color. Grab the Rounded Rectangular tool and make a shape like below on a new layer:

7. Glitter Menu - How to create an animated glitter menu effect    flash-game-design.com

First of all we're going to create the menu bar. so start off by making a new Photoshop document with dimensions of 260x190, or bigger if you'd like to create a ...

8. Snazzy Sidebar Menu Design    tech-faq.com

Open a new document. For this tutorial, I am just going to use a 250330 px (Width, Height) document with a black background. Now make a new layer and draw a ...

9. Slice Your web graphic properly - Time to slice up your new menu    bwebi.com

First, we have to hide text layers (we leave only "Menu" text) , then we have to think how to slice this menu. Our goal is minimum graphic and small size. ...

10. Pipeline Navigation System - Create this cool pipeline style menu    tutorialhero.com

Start with a white canvas. Make a new layer set titled Pipe. In a new layer draw a white rectangle using your rectangle tool. ( width: 25px x height: 25px) Add ...

11. Icicles - Add icicles to you rinterface menu or other designs    fc01.deviantart.com

12. High Tech Menu - Learn how to create a sweet gradient menu with icons and indents    toxiclab.org

13. Designing Diving Club Header in Photoshop CS - Create an elegant site menu header    illustrateddesigns.com

14. Navigation Menu - Learn how to create this layered tab navigation menu    pixeldigest.com

Apply the gradient to the rectangle from top to bottom, make sure the rectangle is selected before applying the gradient. This will give you the effect below.

15. Professional Green Menu - Create a pro gradient style menu header with indents    toxiclab.org

16. Professional Clean Menu - Create a simple yet professional gradient style nav menu    idesignthis.com

Photoshop Tutorial: Professional Clean Menu Learn how to create a very sleek professional menu, definetly worth learning! Category: Web Layouts Learn how to create a very sleek professional menu, definetly worth ...

17. Webpage header - Create a Professional Webpage Header and Menu then slice it!    tutorialwiz.com

Choose the Rounded Corner Shape tool, set its radius to 25px, and create a shape on the far left of the header. Draw is so that the bottom of the shape ...

18. Easy Menu in Minimalist Style    photoshopstar.com

Alright, now I would like to create a window to see how the future menu buttons will be situated. Select the Rounded Rectangle Tool (Radius: 7 px) and make a shape ...

19. Creative menu for your website    photoshopstar.com

OK, were done for that part, but we want to add line where we can put some text in menu. Go to the background layer and make a new one shape ...

20. Vista Inspired Menu in Photoshop    psdtuts.com

Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Psdtuts+ are largely contributed by readers just like you! We'll pay you ...

21. Creating WEB 2.0 menu    tutorials-ps.blogspot.com

I rather like the way it came out, it took me a while seeing as the other comment was right about not being able to see what settings you had for ...

22. Black Menu    flash-game-design.com

First of all make a new Photoshop document, with dimensions of 260x190 and a grey background. Choose the custom shape tool (a) and then click on the drop down at the ...

23. (Video) How to make a modern menu in adobe photoshop.    helpvids.com

24. How to Create a Clean Navigation Menu in Photoshop    webdesign.org

Let's get started. Open Photoshop, create a new transparent canvas of 600x450px and paint it with a gray color (#e6e6e6). You probably wonder why only 600px in width. Well, I use ...

25. Menu Header with Glow    webdesign.org

Before start making our menu header, it's recommendable to first take a look around some other websites which shows you menu header examples. Some good sources are DeviantArt and Flickr, so ...

26. Design a Full Working Menu    webdesign.org

Step One: The first step to this tutorial is to open up a new document. I made my document the size 500 by 300 just so I have enough space to ...

27. Sci-fi Menu    webdesign.org

Then choose the "Custom Shape Tool" and find the "Menu Frame" shape. Use White as the color and draw the shape as I have done below. Name this layer "Menu Frame" ...

28. Direction Sign Menu    webdesign.org

Duplicate this layer 3 times and place as shown. Also distort these shapes randomly by pressing Ctrl+T. Right click the layer and select distort.

29. Photoshop Navigation Menu (Video Tutorial)    webdesign.org

30. Sleek Drop Down Menu    webdesign.org

Take note of the opacity setting on the gradient, make sure it's 98% otherwise you won't be able to see the pattern overlay we will be used in the next stage ...