website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Glowing Menu
rss

Glowing Menu

Author: Digital Street More by this author


1. Create a new image 200x240 pixels with white background.

2. Fill the background with dark grey color #666666

image 1

3. Create a new layer, rename this layer as "element", make a rectangle selection and fill it with any color. I have done a selection 140x20 pixels.

image 2

4. Right click the "element" layer and choose Blending Options, use these settings:

Drop Shadow:

image 3

Outer Glow:

image 4

Gradient overlay: use these colors #ffba00 -> #f3d481

image 5

image 6

Stroke: use this color: #f4f4f4

image 7

The result is:

image 8

5. Now add some text to the menu element. I have used Trebuchet MS bold 18 px:

image 9

6. Right click the text layer and choose Blending Options, use these settings:

Drop Shadow:

image 10

The result is:

image 11

7. Duplicate the element layer and text layer to make more menu elements.

The final result is:

image 12

8. I like the obtained result, but if you still want more glow, just change the Outer Glow to the element layers.

Just test with the Size property, I have changed the original 8px to 12px and this is the result:

Glowing Menu Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Glowing Menu"