Clean Button Tutorial

Step 1. Create a new image [200x200] with white background.


http://img110.exs.cx/img110/8950/elliptical8fz.jpg
Step 2. Create new layer and select elliptical tool to make a circle (hold down shift to make it round) or set fixed size [I used width: 64px Height: 64px].


http://img117.exs.cx/img117/5705/red2wi.jpg
Step 3. Now it's time to do your color choise. The backgroundcolor must be darker than the foreground color. [For example: I used red and dark red].


http://img184.exs.cx/img184/1837/gradient7oh.jpg
Step 4. Now select the Gradient tool and select "foregorund to background" and drag from the bottom edge of the circle to the center of it.


http://img184.exs.cx/img184/5237/contract7cc.jpg
Step 5. Then Select > Modify > Contract Contract by 5 or 3.
If your circle is as big as mine. After that, change your foreground color to white [#FFFFFF].


http://img184.exs.cx/img184/4313/white8ng.jpg
Step 6. Now set your Gradient tool to "Foreground to Transparent" and drag from the top of the circle to the center.


http://img176.exs.cx/img176/6662/buttie2of.jpg
Step 7. Your picture should now look something like this, correct me if I'm wrong...


You can use this "button" for a lot of things. Here is one example I've made:
http://img176.exs.cx/img176/378/bowlie3th.jpg

IF anything is wrong about this tutorial, please tell me! and i sure want some comments :D enjoy!

Thats really cool. I like how its more 3D like than the others.

Wow, thats very impressive. I'd say this has to be one of my favorite ones! Nice job, I really enjoy it =). I really like how you used it too... great job! Thanks!

Is it ok if I submit to a few sites? Also, next time I suggest using ImgHst to host your images - we dont limit bandwith (and if this got accepted you'd run out of bandwith quickly)

Thank you, I did what I could =)

Sure It's , no problems. I host my pictures using imageshack, I think that's about the same thing. You don't have to register here, but thank you very much! I'll try that..

And maybe I'll do another tutorial soon :D

looks really advanced thx m8

Very clean looking and neat. Great Job!

the example uve made is just great looking :)

so clean and neat like twan said good job B)

nice tut!!, you sould do one on how to do those rings

yeah i like that, ima use that sorta thing in my next web page