tutorialbunch.com Happy Diwali
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  
 

 

Inner Glow Button

 

 

In this tutorial you will learn how to create an inner glow button for use in the web project, UI design and more. I use layer stye and different colors that make it attractive, you have to follow every step to make it completely.

Take a new document and put size, select Rounded Rectangle tool (U key) and draw with "#112c32" color on the document.

inner-glow-button

Apply gradient  in the drown shape, go Layer menu > Layer style > Gradient Overlay and select three colors then adjust the positions of the slider.

inner-glow-button

inner-glow-button

Apply inner glow in the button, go Layer menu > Layer style > Inner glow. Choose color and adjust settings.

inner-glow-button

Finally apply stroke around the button, go Layer menu > Layer style > Stroke. Change the color and adjust another setting.

inner-glow-button

The button is completed here.

inner-glow-button

Select Horizontal type tool (T key) and type text on the button then make duplicate buttons and set them like here.

inner-glow-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