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 web button in the Photoshop, there are many different type of UI design, but I am going to create it with natural look of metal look.
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](images/chrome-button1.gif)
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](images/chrome-button2.gif)
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](images/chrome-button3.gif)
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](images/chrome-button4.gif)
The outer ring is completed and going make a puss button inside, come to second circle layer.
![chrome web button](images/chrome-button5.gif)
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](images/chrome-button6.gif)
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](images/chrome-button7.gif)
The final result is here.
![chrome web button](images/chrome-button.gif)
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.
|