| Article Index |
|---|
| Modernistic Navigation Module |
| Page 2 |
| Page 3 |
| All Pages |
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]](http://photoshoptutorials.ws/images/stories/ModernisticNavigationModule_18DD/step5a4.jpg)
Fill this selection with a dark grey colour (#111111).
![step5b[4]](http://photoshoptutorials.ws/images/stories/ModernisticNavigationModule_18DD/step5b4.jpg)
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]](http://photoshoptutorials.ws/images/stories/ModernisticNavigationModule_18DD/step6a4.jpg)
Fill the selection with a radial gradient from the top left (#ffffff) to the bottom right (transparent) using the gradient tool.
![step6b[4]](http://photoshoptutorials.ws/images/stories/ModernisticNavigationModule_18DD/step6b4.jpg)
Lower the opacity of the layer to 5%.
![step6c[4]](http://photoshoptutorials.ws/images/stories/ModernisticNavigationModule_18DD/step6c4.jpg)
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]](http://photoshoptutorials.ws/images/stories/ModernisticNavigationModule_18DD/step74.jpg)




