Home Photoshop Tutorials Layouts Modernistic Navigation Module - Page 2

Modernistic Navigation Module - Page 2

Description


Step 5

Create a new layer and using the rounded rectangle tool again make a selection of 230 by 250 pixels at the bottom of the navigation background (with 10 pixel spacing on the sides and bottom).

step5a[4]

Fill this selection with a dark grey colour (#111111).

step5b[4]


Step 6

We are now going to be adding a shine effect to the new layer. So on a new layer (keeping the selection that you had before) go Select > Modify > Contract by 10 pixels.

step6a[4]

Fill the selection with a radial gradient from the top left (#ffffff) to the bottom right (transparent) using the gradient tool.

step6b[4]

Lower the opacity of the layer to 5%.

step6c[4]


Step 7

Now for the text links, using the text tool add in some text to act as links. The font that I have used for this is Verdana, Regular, 12pt, None, #5a5a5a (#ffffff for the hover effect). Set the line height to 30 pt.

step7[4]




blog comments powered by Disqus
 

More tutorials by James Hewett