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 Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: PhoNuts.org
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Glowing Orange Menu"

Only registered users can write comment

No comments yet...