HOME | DD

nobstutorials β€” Glossy Button Tutorial

Published: 2007-09-24 12:32:07 +0000 UTC; Views: 84796; Favourites: 208; Downloads: 4409
Redirect to original
Description Hello everyone!

As my website is in development process, I have decided to start publishing some of the tutorials I did to the public.

I guess I did a mistake of mixing up bits of beginner and advanced explanations, but please don't judge too hard, it's one of my first tutorials.

I hope this will be useful to all web-designers out there, these are tricks of the trade I use day to day for my client works...

Cheers! And please comment!

to be continued...
Related content
Comments: 35

DubaiBunniesUAE [2017-06-15 16:49:09 +0000 UTC]

VeryΒ  beautiful.

πŸ‘: 0 ⏩: 0

al-sukelis [2016-08-26 10:48:34 +0000 UTC]

For the 5th step, go to the menu Layer > New Fill Layer > Gradient

πŸ‘: 0 ⏩: 0

Karasunokazu [2015-05-19 20:39:39 +0000 UTC]

Useful! Thanks.

πŸ‘: 0 ⏩: 0

ahshanul [2015-02-12 14:51:30 +0000 UTC]

Amazing, this is a great article! I did enjoyed reading it, keep your post
Β Neck Joint Service

πŸ‘: 0 ⏩: 0

fighuass [2014-07-29 16:12:18 +0000 UTC]

The fifth part doesn't work, I just get a straight line instead of a smooth gradient. I'm using PS CC.

πŸ‘: 0 ⏩: 0

Norozmayar786 [2013-11-05 04:25:22 +0000 UTC]

Nice.. find out more at www.pstwist.com Pstwist.com is a Graphic and Web Designing Blog

πŸ‘: 0 ⏩: 0

RonaldEM [2013-08-31 17:56:19 +0000 UTC]

Usefoul!!

πŸ‘: 0 ⏩: 0

congatrehp [2012-11-16 15:36:11 +0000 UTC]

thanks it's useful

πŸ‘: 0 ⏩: 0

tahaahsan [2012-08-23 09:50:28 +0000 UTC]

it is awesome i <3 it

πŸ‘: 0 ⏩: 0

satish1978 [2012-08-09 12:37:25 +0000 UTC]

i want to see tute

πŸ‘: 0 ⏩: 0

nikko-douga [2012-08-08 02:36:02 +0000 UTC]

hi im pretty much stuck at step 5. it says use the Path Selecton Tool and copy the button base to the clipboard not sure how to do it, and the the gradient fill layer too. don't quite get the move, down, left, direct selectional tool....

πŸ‘: 0 ⏩: 0

Sinz7 [2012-03-22 21:16:14 +0000 UTC]

having a problem with step 3, you say set the gradient to overlay but nothing happens on mine. I can't see the overlay effect, it just looks the same.What am I missing here?

πŸ‘: 0 ⏩: 1

MeowMeow-chan In reply to Sinz7 [2012-04-11 03:24:19 +0000 UTC]

I just had that same issue and it seems that the problem affecting it is the radius number used for the rectangle. Like the person mentioned above I used 4 px and nothing happened but as soon as I changed it to 10 px step 3 started working for me. Also it seems that the size of the canvas (or file size?) affects it. You might have to shrink in size for the step to have an effect.

As I'm typing this I haven't finished the button but I just wanted to answer this because just like you I had this same issue. Hope I helped somehow!

πŸ‘: 0 ⏩: 1

Sinz7 In reply to MeowMeow-chan [2012-04-15 21:01:24 +0000 UTC]

thanks man

πŸ‘: 0 ⏩: 0

sathishkumar123 [2012-03-22 11:08:02 +0000 UTC]

[link]
yaq this is use ful to me

πŸ‘: 0 ⏩: 0

deedee8 [2011-12-14 13:05:16 +0000 UTC]

which version of photoshop should I use for this?..

πŸ‘: 0 ⏩: 0

Hashim1 [2011-11-11 20:29:34 +0000 UTC]

Can someone please help me out? I'm having trouble with a part of Step 5, where it says to create a "white to transparent white gradient, with solid white on top." Really stuck, not sure what the author of the tut means. Help on how to do this would be much appreciated.

πŸ‘: 0 ⏩: 0

boshimaro [2010-11-06 10:25:12 +0000 UTC]

thanks a lot

πŸ‘: 0 ⏩: 0

Quaz1957 [2010-06-30 05:41:31 +0000 UTC]

opps - this is your last post since 2007 - ouch !

πŸ‘: 0 ⏩: 0

Quaz1957 [2010-06-30 05:39:50 +0000 UTC]

nobes - nice work but, what app is this ?? pls advise, thx !!

πŸ‘: 0 ⏩: 0

redskypainter [2010-06-10 21:51:05 +0000 UTC]

NICE TUT!! BEEN WONDERING HOW TO DO THIS! THANKS!

πŸ‘: 0 ⏩: 0

bry5012 [2008-11-21 15:53:26 +0000 UTC]

is this tutorial available to post at my site?

πŸ‘: 0 ⏩: 0

znow-white [2008-11-18 22:16:46 +0000 UTC]

Your wonderful resources have been featured in this article.[link]
Thank you for providing to the Resources to the community.

πŸ‘: 0 ⏩: 0

CalumWhitehouse [2008-08-01 19:39:42 +0000 UTC]

Thanks mate

πŸ‘: 0 ⏩: 0

pichindel [2008-02-07 18:07:31 +0000 UTC]

wowww...always wondering how they do it... fortunately there people like you out there to show people like me... thank you very much!

πŸ‘: 0 ⏩: 0

retrocat [2007-12-27 21:46:24 +0000 UTC]

Great Tutor

πŸ‘: 0 ⏩: 1

nobstutorials In reply to retrocat [2007-12-27 22:07:13 +0000 UTC]

Thanks for your feedback

πŸ‘: 0 ⏩: 1

retrocat In reply to nobstutorials [2007-12-27 22:54:40 +0000 UTC]

πŸ‘: 0 ⏩: 0

MohammadDesigns [2007-11-21 22:55:45 +0000 UTC]

I love it MAN

πŸ‘: 0 ⏩: 1

nobstutorials In reply to MohammadDesigns [2007-11-22 08:07:02 +0000 UTC]

Thanks

πŸ‘: 0 ⏩: 0

CRIS01 [2007-11-06 17:35:14 +0000 UTC]

Nice Job,very good.

πŸ‘: 0 ⏩: 1

nobstutorials In reply to CRIS01 [2007-11-06 19:32:38 +0000 UTC]

Thanks for your feedback

πŸ‘: 0 ⏩: 0

DaWick [2007-10-15 19:08:54 +0000 UTC]

nice one

πŸ‘: 0 ⏩: 0

sikian [2007-10-14 16:03:41 +0000 UTC]

Thank you very much!



Fantastic!

πŸ‘: 0 ⏩: 0

lifedesigner [2007-10-13 15:10:59 +0000 UTC]

Great tutorial. Keep it up.

πŸ‘: 0 ⏩: 0