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

 
 
 
  previous button index button next button  
 

 

Shiny Glossy Web Button

I have a shiny golossy web button tutorial and going to share with you all, you will learn how to create a button and give shine on. It has been done by the help of some Tool, Layer Style and more.

Start with a new document and adjust size, select Rounded Rectangle Tool (U key) and adjust the "Radius", create on the document with selected "#1e2a40" color.

shiny button

shiny button

Apply shadow inside the button, go Layer menu > Layer style> Inner shadow. Change color and adjust same values.

shiny button

Apply gradient color in the button, go Layer menu > Layer style > Gradient Overlay. Click on the gradient box and choose two different colors, adjust settings.

shiny button

shiny button

Apply stroke on the button to look clear bank of the button, go (Layer menu > Layer style > Stroke. choose color and make settings.

shiny button

You get this button.

shiny button

Make selection some part of the button, hold Ctrl key and mouse click on the button layer thumb to make button selection. Select Rectangular Marquee Tool (M key) and change the feather "0" to "10", apply on the selection with hold Alt key to cut the selection as here.

shiny button

Take a new layer and fill "#bbd2fb" color inside the selection by the Paint Bucket tool (G key), change the blending mode and reduce the opacity.

shiny button

Make duplicate button that is shiny button is completed.

shiny 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  
 
 





 
 
 
 
 
 
 

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

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