Photoshop Tutorials

Modernistic Navigation Module - Page 2

E-mail Print
User Rating: / 932
PoorBest 
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]

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]



 

More tutorials by James Hewett

Subscribe to Photoshop Tutorials

Free Email Newsletter

Search

Active Writers

  • Denny Tang is the founder of Photoshop Tutorials and specializes in photo editing with Adobe Photoshop.
  • David Cox is a graphic designer from the USA. You can check out his blog/portfolio at AEVION.
  • Oliver Cereto is a graphic designer and photographer from Málaga, Spain. View more of Oliver's work at olivercereto.com.
  • Ross Aitken is currently studying design at Glasgow, UK. You can find more tutorials by Ross at PSD Learning.

Get paid $150-300 per tutorial. Become a writer.

You are here: Home Photoshop Tutorials Layouts Modernistic Navigation Module - Page 2