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
 
 
 
 
  previous button index button next button  
 

 

White Glass Web Button

 

 

This tutorial has a smart technique that makes easy to create a white  glass UI web button in photoshop for the use in the web and media player etc. I am sure you will like it because it is a beautiful button so follow now.

Start with a new document with appropriate size as required your project, select Ellipse tool with selected white color and create a circle. Apply glow inside the button, go Layer menu > Layer style > Inner glow and choose color, adjust all the settings.

white glass button

You should have this picture.

white glass button

Now draw again a circle on the button by the help of the Ellipse tool with selected white color.

white glass button

Apply blur effect on the white circle, go Filter menu > Blur > Gaussian blur and set radius "18.7%".

white glass button

The button will look whiter glow.

white glass button

Take a new layer and select Elliptical Marquee Tool (M key), draw a circle selection and fill white color inside the selection by the Paint bucket tool (G key).

white glass button

Your button is completed now and inset any symbol whatever you want to specify the button, I have insert a "Checkmark" symbol with selected "#940404" color.

white glass button

Apply shadow effect in the symbol, go Layer menu > layer style > Inner Shadow. Select color black, adjust setting and angle.

white glass button

This is the final result.

white glass button

This is your button with different symbol.

white glass button



 

 

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  
 
Donate Please





 

 

 

 
 
 
 
 
 
 
 
 

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

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