Web 2.0 Button
As you know in the websites and multimedia product web 2.0 designs being used that's
why I am here with a web 2.0 web button effect tutorial. It has easy and helpful steps
to create this type of button so follow them and learn.
Start with a new document and set size, select Rounded
Rectangle Tool (U key) and change Radius "20px", draw on the document with "#556b78"
color.
![web2.0 button](images/web2.0-button1.gif)
![web2.0 button](images/web2.0-button2.gif)
Apply gradient color in the rounded shape, go Layer menu >
Layer style > Gradient Overlay, choose three color and set their position by the slider.
![web2.0 button](images/web2.0-button3.gif)
![web2.0 button](images/web2.0-button4.gif)
Apply stroke effect on the button, go Layer menu >
Layer style > Stroke, select color and make settings of another options.
![web2.0 button](images/web2.0-button5.gif)
Apply drop shadow effect to look like button shadow, go Layer menu > Layer style > Drop Shadow, change the angle and another
settings.
![web2.0 button](images/web2.0-button6.gif)
You would have this button.
![web2.0 button](images/web2.0-button7.gif)
Select Elliptical Marquee Tool (M key) and draw a circle selection,
take a new layer and fill "#f4fbfe color. Make button selection by hold
Ctrl + mouse click on the button layer thumb, press Ctrl + I to inverse the selection and Del key to remove the outer part of the selection.
![web2.0 button](images/web2.0-button8.gif)
You would have this button.
![web2.0 button](images/web2.0-button9.gif)
Still selected cut shape layer apply gradient color, go Layer menu > Layer style > Gradient Overlay, choose two color and adjust
the angle.
![web2.0 button](images/web2.0-button10.gif)
![web2.0 button](images/web2.0-button11.gif)
This is the final Web 2.0 web button.
![web2.0 button](images/web2.0-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.
|