» People online: 19
» Today's visitors: 418
» Total visitors: 1,502,809
» Total hits: 3,691,546



Buttons ›› Awesome Dark Buttons Effect
 


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_mx binny.-@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
DevilArmy o_devil2000@hotmail.com said on 2009-05-29 21:05:56
111