Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Glowing Orange Menu

Glowing Orange Menu


1. Create a new document (550*200) and fill the background with #2e2e2e using the paint bucket tool.

image 1

2. In this screenshot you can see my guides, you will need them for future reference...

image 2

3. Now select a rectangle like shown below with your rectangular marquee tool and fill the selection with #ffffff on a new layer (layer - new layer).

image 3

4. Now we're going to adjust the blending options from the layer we've created in step 3!

image 4

image 5

image 6

image 7

5. Duplicate this layer as many times as you want to (layer - duplicate layer) and create a horizontal (or vertical) menu if you want to. Mine looks like this!

image 8

6. Then I added text with an outer glow with the following settings (layer - layer style - blending options). The font I used was microsoft sans serif with a size of 24px.

image 9

image 10

7. In this step I created another new layer and placed it just above the background layer. I selected a tiny rectangle under the menu like shown below and filled it with white #ffffff.

image 11

8. Now adjust the blending options from the layer we've created in step 7 and add a gradient overlay!

image 12

image 13

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 of 5px)! You're finished with this tutorial and have created a good looking fancy menu!

Glowing Orange Menu
Click to enlarge


Author's URL: PhoNuts.org
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Glowing Orange Menu"

Captcha