Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Soft Blue Menu
rss

Soft Blue Menu

Author: EmpireDezign More by this author


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.

image 1

Now that you have your shape, you can now right click on the layer and select, "Blending Options...". Now click on "Drop Shadow".

image 2

Do not click "OK" yet. Still more to do.

Now click on "Inner Shadow".

image 3

Do not click OK yet... still more to do.

Now click on "Gradient Overlay".

image 4

image 5

You may click "OK" .

You should now have the below image.

image 6

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

image 7

Now that you have your text, you can now right click on the text layer and select, "Blending Options...". Now click on "Drop Shadow".

image 8

You may now click OK.

Duplicate the text layer and place accordingly then you should have the below image.

image 9

Now grab the "Line Tool" and set the weight to 1 pixel. Draw the line now while holding the "Shift" key in on your keyboard to make a straight line using 55bbee as your color.

image 10

Now that you have your line, you can now right click on the line layer and select, "Blending Options...". Now click on "Drop Shadow".

image 11

You may now click OK.

You should now have the below image.

image 12

Using the "Pen Tool" draw the below shape with white as your color.

image 13

Now "Ctrl" click the menu layer to create a selection around it. Then, go to the main menu and click on "Select" then "Modify" and then "Contract". Contract by 2 and click "OK". Then go to the main menu once again and click on "Select" and lastly "Inverse". Now rasterize the new shape layer that you drew with the "Pen Tool", then go to "Edit" and lastly "Cut".

image 14

The Results!!!

Turn the opacity down on the glare layer and your done. I hope you enjoyed this tutorial.

Soft Blue Menu Tutorial: Final Result



Author's URL: www.empiredezign.com

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 "Soft Blue Menu"