Create a new document with black background, create a new layer, use Rounded Rectangle Tool to make a selection like this:
Go to Layer Style of selected part and do like this:
You will get:
Create a new layer, hold Ctrl + click on button layer to get selection, use Linear Gradient with white color and drag like this:
Change Blend Mode to Softlight
Create a new layer, use Elip Marquee Tool to make a selection, fill it with color like this:
Go to Layer Style of selected part above:
You will get:
Create a new layer, continue use Elip to make selection and fill it wite color like this:
Continue go to Layer Style:
You will get:
Create a new layer, zoom out button and make a selection like the picture below (adjust Opacity 40%)
You will get the result like this:
Finally, you duplicate the button to make more buttons and add some text to each buttons.
Rate and discussion this tutorial
P. said on 2008-04-12 04:04:48 Very nice tutorial, what font did you use (and size / AA)?
psg said on 2008-04-20 05:04:41 I used font Tahoma with size 10 for this tutoria ^^
P. said on 2008-05-25 10:05:02 No, make sure you have set it to White to Transparant.
dan said on 2008-05-26 18:05:55 Its supposed to be radial not linear, awesome results.
Need to run through tut, there are some confusing errors.
(I tried linear twice before i realised it was meant to be radial d'oh)
Vespo said on 2008-05-21 11:05:34 I'm using CS2 and getting diffrent results such as i had to use radial gradient for the light effect and im getting a solid color (no white areas) on the colored (yellow) area of the button.
Is CS3 that much diffrent?
psycho_mxbinny.-@msn.com said on 2008-06-18 10:06:17 PLZ can you tell me which script are you using to run your site :-D
DevilArmyo_devil2000@hotmail.com said on 2009-05-29 21:05:56 111