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  
 

 

Chrome Web Button

 

 

In this time every web site is using some different type of graphic web buttons so I am going to create a chrome button here, there is many different type to design it but I am going to make it with natural look of steel color.

First take a file with any size and background color then choose Elliptical Marquee Tool (M key) and draw circle with hold Shift key then fill "#d6d6d6" color. Still selected go to Select menu > Modify > Contract and press Del key, take a new layer and fill any color in the selection.

chrome web button

It is time to work on outer ring shape as you did cut, apply different pattern by go to Layer Menu > Layer Style > Pattern Overlay. Click on Pattern and choose as showing yellow spot then adjust another setting.

chrome web button

Now apply outer Bevel effect, go to Layer Menu > Layer Style > Bevel & Emboss. There are many option and you have adjust all these as done below.

chrome web button

Apply color to make more shine, go to Layer Menu > Layer Style > Color Overlay. Choose White color and change the blend mode with opacity as here.

chrome web button

The outer ring is completed and going make a puss button inside, come to second circle layer.

chrome web button

Now I am going to make color effect, go to Layer menu > Layer Style > Gradient Overlay. You need not more changes; the gradient would be by default and change another option.

chrome web button

Finally apply glow inside, it will provide more light effect. Go to Layer Menu > Layer Style > Inner Glow and adjust all these settings as done below picture.

chrome web button

The final result is here.

chrome 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