Menu 3 « UI Controls « Photoshop Tutorials

1. Simple CSS Menu    webdesign.org

Firstly lets create our simple navigation in photoshop, select the rectangular marquee tool and create your navigation, make it about 600 x 50 pixels you can create a fixed size rectangle ...

2. Chrome Navigation Menu    webdesign.org

Fill it in with any colour and then apply the following layer styles. Apply these by going to the layer and right clicking on it in panel. Apply the following:

3. Vertical Blue Menu    webdesign.org

1. We're going to design a modern web 2.0 looking vertical menu in blue so go ahead and create a new document (170*300) and fill the background with #333333 using the ...

4. Amazing Menu    webdesign.org

OK open up a new document. Size (700 by 40) Color the background the color(333333). Ok now create a new layer. Color it in the color (AEC300). You should just have ...

5. Vista Style Menu using Photoshop    webdesign.org

We're going to use a two tone gradient to simulate the shiny gloss effect so download this useful set of Web 2.0 Gradients and place the file in your photoshop/presets/Gradients folder ...

6. Gaming Navigational Menu    webdesign.org

13. Now copy your div layer, and insert some text. for my non-active links I choose to use #828282 and for my active link I choose to use the color #0987b7. ...

7. Creating a DVD Menu in Photoshop CS3 Extended    webdesign.org

Nearly everyone is getting into DVD these days - from photographers building portfolios to filmmakers publishing their features - and they all want attractive menus. After all, the DVD menu serves ...

8. Hi-Tech Menu    webdesign.org

Opacity - 80%; Gradient - 'Foreground to Background'; Style - 'Linear'; Angle - 90; Scale - 117%. Hit 'Enter'. You will have something like this:

9. Professional Menu    webdesign.org

Step 3. Make another layer behind this one and make a selection and fill it white and lower opacity to 20% then add the text.(i also added small numbers under the ...

10. Navigation Menu    webdesign.org

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

11. Vista Navigation Menu    webdesign.org

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

12. Tabbed Horizontal Menu    webdesign.org

Then, select the top part of layer like it is shown on the picture below and press delete key to cut the top part of layer.

13. Simple Horizontal Menu    webdesign.org

14. Fresh Orange Gradient Menu    webdesign.org

3. Now it's time to adjust the blending options, we're going to add a lot of effects so pay attention and follow these steps closely! These are easy but it's also ...

15. Glowing Orange Menu    webdesign.org

9. This is the last step and a really easy one too! Select your previously created layer and add a gaussian blur (filter - blur - gaussian blur with a radius ...

16. Hosting Header and Menu    webdesign.org

5. Create another new layer and make a selection at the bottom of your header using your rectangular marquee tool with a heigth of 35 pixels! Fill it with any color ...

17. Sleek White Menu    webdesign.org

2. Select a square size shape with your rectangular marquee tool and fill this shape with any color you like on a new layer using the paint bucket tool so you ...

18. Nice, Clean Vertical Menu    webdesign.org

19. Stylish Navigation Menu    webdesign.org

Now, we will create a pattern to fill the background. Create a new file (30 x 30 pixel wide), set the background to transparent, click on pencil tool to select it ...

20. Making A Cool Horizontal Menu!    webdesign.org

21. Old Style Menu    webdesign.org

We'll begin this tutorial, by creating a new canvas at a size of 609 x 158 with 082034 as the canvas color. Double click the background layer in the Layers Palette ...

22. Plastic Menu    webdesign.org

We'll begin this tutorial, by creating a new canvas with a size of 650 x 200 pixels for an easier workspace. Make sure the foreground is black, then go ahead and ...

23. Aqua Menu    webdesign.org

Select the "Text Tool" and use Verdana typeface at a size of 10, Bold and all caps as illustrated below using White as the color. Set the Tracking to -40.

24. Soft Blue Menu    webdesign.org

We'll begin this tutorial, by selecting the "Rounded Rectangle Tool". Draw a rectangle as illustrated below with a radius of 5 pixels. Color doesn't matter.

25. Big Black Menu    webdesign.org

We'll begin this tutorial, by creating a new canvas at a size of 583 x 160 with 19344e as the canvas color. Then select the "Rounded Rectangle Tool". Draw a rectangle ...

26. Just Another Fancy Menu for your Website    webdesign.org

27. Design a Menu for Your Website    webdesign.org

This tutorial will teach you how to create a simple menu on your own homepage. Follow the Steps carefully. Elliptical Marquee Tool,Pen Tool and Rectangular Marquee Tool are the common tools ...

28. Navigation Menu    webdesign.org

Ok, let us get started. Create a new image using the dimension 800 x 600. Set the background color to white. You can change the background depending on you web ...

29. Hanging Menu    webdesign.org

Now using the gradient you just created. Create a gradient using the rectangular selection going from the top to bottom as shown in the image below.

30. Tech Menu    webdesign.org

Fill your selection (The circle) With a gray color: b3b3b3, we need to create the slice in the screw head. Click on the Zoom Tool and zoom into your image so ...