Tutorial - Stylish Navigation Panel

Stylish Navigation Panel
Views: 19657
Date Added: 03-06-2007
Category: Buttons And Interfaces

Stylized Navigation Menu

Step 1

Create a new document with width 600px and height 300px.

Step 2

Create a new layer and name it 'base';.Grab the Rounded Rectangle Tool and draw a shape like the one shown below with the settings shown. Choose a corner radius of 8px. The colour you choose is not really important as we will change that later using styles.

Step 3

Now we will give the base layer some style! On the layer palette right click on the 'base' layer. Choose 'blending options' and apply the following settings to the respective tabs.

If you are wondering where to get the Gradient Editor dialog box, just click on the gradient you find in the Gradient Overlay setting panel and a new window will pop out.

Okay, your result should look like the image shown below:

1 2 3 Next >