tutorialbunch.com  
tutorialbunch about tutorialbunch contact tutorialbunch
 

 

Categories
 
line
menu symbol

Photoshop

dark line
 
dark line
menu symbol

Illustrator

dark line
 
dark line
menu symbol

Flash

dark line
 
dark line
menu symbol

Free Stock Images

dark line

Services

Advertise with Us

 
Glass Navigation
 
  previous button index button next button  
 

 

Hi

I have drown a glass web menu navigation by using photoshop in this example for the black background web page, if you are also looking for this type of navigation, the tutorial is only for you so start learning now.

Start with a new document and take appropriate size as your project required, I have taken width = "400px" height = "200px" document size. 

Apply inner glow in the rounded shape, select shape layer and follow this path (Layer menu > Layer style > Inner Glow) and adjust all the settings as given below picture.

The picture would look like this.

Select Rectangle tool (U key) and draw little rectangle shape on the top of the rounded shape with white color.

Now select Line tool (U key) and draw four lines with "#999898" color on the rounded shape and put shame distance to look like segment of the shape.

Select Horizontal type tool (T key) and adjust formatting then type in between two lines as Manu navigation that is your final result.




Santosh Kumar Web & Graphic designer

Santosh Kumar

This is santosh kumar living in New Delhi (India) and love to work as a Web & Graphic Designing. I like to create sketch, background, illustration and vector graphics. Tutorialbunch.com is a very good place where I express my creativity.

 
  previous button index button next button  
 
 





 
 
 
 
 
 
 

Home | Photoshop | Illustrator | Flash | Free Stock Images | Contact Us | Sitemap

 
Copyright © 2008-2016 Tutorialbunch.com. All rights reserved
Designed by Utkarsh kashyap