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  
 

 

Golden Web Button

 

 

I am here with a new web button tutorial that is a shiny golden button; it has been done by some Photoshop tools. you can use it in your web, mobile and multimedia project and apply different color as your project required. I have used some layer style and tools to make complete golden button, your skill will surely improve by this example.

Take a new document with any size, if you don't want to apply any background with the button, Your new document should be "Transparent". Select Rounded Rectangle Tool (U key) and adjust the settings then draw on the canvas with any color.

Golden web button

Now I am going to apply gradient color on the button, go Layer menu > Layer Style > Gradient Overlay. Apply different color on the color slider and adjust the position as given below picture.

Golden web button

In this step apply glow inside the button to look like different shade, go Layer menu > Layer Style > Inner Glow. Choose different color, source, size and another setting as here.

Golden web button

Finally apply light effect on the button, it look like more shine. Go to Layer menu > Layer Style > Satin, change different color, blend more, angle and make another same settings.

Golden web button

The golden button is completed, now you have to type any text on.

 

Golden web button

 

Select text and button layer then make duplicate and reduce the opacity "60", click on "Add Layer mask" button on the layer. Make all these settings in the option bar then apply on the half portion on the shadow button shape.

Golden web button

This is the final result.

Golden web 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