# Faded Bevel-How can i acheive this? **URL:** \ **Category:** design\ **Created:** [July 27, 2003, 6:15pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868 "2003-07-27T18:15:32Z")\ **Posts on this page:** 19\ **Page:** 1
**Author:** ![cybergold](https://avatars.discourse-cdn.com/v4/letter/c/9dc877/32.png) [@cybergold](https://forum.kirupa.com/u/cybergold)\ **Post date:** [July 27, 2003, 6:15pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/1 "2003-07-27T18:15:32Z")
I saw this tutorial not too long ago, and i saw the author’s example of how the glass button can be made to look even better with some more gradients outside of it, you can see an example [here](http://www.altuit.com/webs/altuit/GlassPhotoShopTutorial/default.htm) . I was trying to acheive the effect outside of the glass button, the two bevel/gradients. I know how to acheive the one on the inside, but the outer one, the one which fades out, i do not know how to acheive this. I would be very grateful for any help on how to acheive this. Thank you. [Edited by Telekinesis: Your link was linked wrong so I fixed it :beam:] ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 6:17pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/2 "2003-07-27T18:17:58Z")
link above does not work, here it is… ![](http://www.altuit.com/webs/altuit/GlassPhotoShopTutorial/buttonsetsplash.jpg) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 6:20pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/3 "2003-07-27T18:20:16Z")
Thanks Telekinesis. =) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 6:22pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/4 "2003-07-27T18:22:34Z")
What I would do is ctrl click the layer with the button on it to grab the selection, then I would go select\>\>modify\>\> expand and make it like 10 or 12 pixels. Then make the gray to light gray gradient, then gaussian blur it ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 6:24pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/5 "2003-07-27T18:24:58Z")
Thanks, let me try that right now. I’ll post it up when i finish. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 6:30pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/6 "2003-07-27T18:30:28Z")
I just did one up, ill post the fla and image here in a second ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 6:32pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/7 "2003-07-27T18:32:01Z")
Ok, here ya go ![](http://www.xxviii.net/random/cybergold.jpg) [here’s the psd](http://www.xxviii.net/random/cybergold.psd) It’s not exactly perfect, but it’s the general idea ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 6:35pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/8 "2003-07-27T18:35:18Z")
That is great :D. Thanks for the help. I’ll post mine in a little bit. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 6:39pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/9 "2003-07-27T18:39:41Z")
No problem, hope it works out well for ya. =) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 7:00pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/10 "2003-07-27T19:00:23Z")
Here’s what i got, Thanks for the help. I can play around with this now and try getting better effects out of it. When i was trying to fill in the inner gradient/bevel, i would go Select\>Modify\>Border, and i would say 3 pixels, and when i fill the gradient in and deselect, it would come out all scratchy, the second pic is the pixelated one, and the first i had to blur with the blur tool. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 7:01pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/11 "2003-07-27T19:01:25Z")
the second one… ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 7:31pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/12 "2003-07-27T19:31:41Z")
hmm looks too pixelated, i would smooth that out, otherwise you are starting to get it. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 7:35pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/13 "2003-07-27T19:35:42Z")
I don’t know how to smooth it out like xxviii’s ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 7:40pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/14 "2003-07-27T19:40:13Z")
I am going to do a forum search, thanks for all of the help. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 7:44pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/15 "2003-07-27T19:44:55Z")
hey ill tell you how to fix it create a new layer on top of your button layer, go edit\>\>stroke, select 2 or 3 pixels, color doesnt matter then select the stroke layer by control clicking it afterwards, create a new layer on top of the stroke layer and fill it with your gradient then delete the original non-gradient-afied layer. It should be smooth:) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 9:39pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/16 "2003-07-27T21:39:41Z")
Thanks, i tried your tip and it still looked a little pixeled. So until i can find better methods, I’ll put the Resolution up on my next projects to about 110, and then i’ll resize the buttons so that more detail is put in and the pixels are gone. Thanks for all the help today. ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 9:43pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/17 "2003-07-27T21:43:31Z")
yup… and since I’m such a nice guy I made an entire tutorial about it, it may be easier for you to follow. [http://www.xxviii.net/tuto/photoshop/smoothbevel](http://www.xxviii.net/tuto/photoshop/smoothbevel) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 9:49pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/18 "2003-07-27T21:49:05Z")
Hey that’s great! :thumb: It’s great when tut’s spark from occasions like these. =) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\ **Post date:** [July 27, 2003, 10:28pm UTC](https://forum.kirupa.com/t/faded-bevel-how-can-i-acheive-this/26868/19 "2003-07-27T22:28:05Z")
yeah it is… hope it helps out a little bit… good luck with everything:beam: