![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
![](http://www.geocities.com/clipart/pbi/c.gif) |
|
|
![](photoshoptipsbyhouseng.gif) |
|
|
|
![](homebutton.gif) |
|
![](emailbutton.gif) |
|
![](faqbutton.gif) |
|
![](freebutton.gif) |
|
![](fun_gamesbutton.gif) |
|
![](communitybutton.gif) |
|
|
|
Basic Push Button |
|
|
|
![](1.gif) |
|
|
|
First make a new image 200x200 pixels, then create a new layer. |
|
|
|
Use the elliptical marquee tool to make a circle selection (Hold down shift key to draw a perfect circle) |
|
|
|
|
|
![](basicbutton2.gif) |
|
|
![](basicbutton.gif) |
|
|
|
|
|
|
![](2.gif) |
|
|
|
Press D and X to reset the background color to black and foreground white. Then use the Radial Gradient to fill the circle from top left to bottom right like the picture on the left. |
|
|
|
|
|
![](basicbutton5.gif) |
|
|
![](basicbutton4.gif) |
|
|
|
![](basicbutton3.gif) |
|
|
|
|
|
|
>>>> |
|
|
|
|
|
|
|
|
|
|
|
|
|
![](3.gif) |
|
|
|
Now go to Select>Modify>Contract, enter 6 for pixels Then go to Edit>Transform>Rotate 180 |
|
|
|
![](basicbutton6.gif) |
|
|
|
![](4.gif) |
|
|
|
Go to Select>Modify>Contract, this time enter 2 for pixels
|
|
|
|
|
|
![](basicbutton7.jpg) |
|
|
|
Then go to Edit>Transform>Rotate 180 |
|
|
|
![](basicbutton8.jpg) |
|
|
|
![](5.gif) |
|
|
|
To color your button, Go to Image > Adjust >Hue, check the "colorize" box and adjust anything there untill you like. |
|
|
|
|
|
![](basicbutton9.jpg) |
|
|
|
![](6.gif) |
|
|
|
Apply any layer effects you like, for example drop shadow, bevel & emboss...etc |
|
|
|
|
|
![](basicbutton91.jpg) |
|
|
|
![](backbutton.gif) |
|
|
|
|
|
|
|
|
|