the Empire Dezign Learning Center

Aqua Blue Menu

We'll begin this tutorial, by selecting the "Rectangle Tool". Draw a rectangle as illustrated below with 252523 as the color.

Draw another rectangle using the "Rectangle Tool" this time with 031f2b as the color.

		Now right click on the layer and select, "Blending Options...". Now click on "Inner Glow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Color Overlay".
			use settings at left
		Do not click OK yet... still more to do

		Now click on "Gradient Overlay".
			use settings at left and in Fig. 1.
		You may click "OK" after step 5.

Fig. 1

You should now have the below image.

Draw another rectangle using the "Rectangle Tool" this time with Black as the color.

Now go to "Filter" then "Blur" then "Gaussian Blur" and use the following settings.

You should now have the below image.

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.

		Now right click on the text layer and select, "Blending Options...". Now click on "Drop Shadow".
			use settings at left
		You may now click OK.

You should now have the below image.

Next, create a new layer then using the "Rectangular Marquee Tool" draw a selection for the upper portion of the menu and fill with White. Deselect the selection by hitting "Ctrl" + "D" on the keyboard and turn the Fill down to 27%.

Then, select the "Rounded Rectangle Tool". Draw a rectangle as illustrated below with a radius of 10 pixels and color 232321. Then go to the main menu and select "Layer" then "Rasterize" and lastly, "Shape". By the way, this layer will need to be below the text layer for obvious reasons.

Now "Ctrl" click the layer found in step 2 to create a selection around it. Make certain that you have the new layer selected in the layers palette then, go to the main menu and click on "Edit" and lastly "Cut".

The Results!!!

I've added a white rectangle above all other layers and turned the fill way down for a more glossy feel.

Examples using different colors below:

Comments

Be the first to comment about this tutorial.

Leave a comment

name:

email:

URL:

comments: