Shop Mobile More Submit  Join Login
Glossy Button Tutorial by nobstutorials Glossy Button Tutorial by nobstutorials
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...
Add a Comment:
 
:iconkarasunokazu:
Karasunokazu Featured By Owner May 19, 2015  Professional Traditional Artist
Useful! Thanks.
Reply
:iconahshanul:
ahshanul Featured By Owner Feb 12, 2015
Amazing, this is a great article! I did enjoyed reading it, keep your post :)
 Neck Joint Service
Reply
:iconfighuass:
fighuass Featured By Owner Jul 29, 2014
The fifth part doesn't work, I just get a straight line instead of a smooth gradient. I'm using PS CC.
Reply
:iconnorozmayar786:
Norozmayar786 Featured By Owner Nov 4, 2013
Nice.. find out more at www.pstwist.com Pstwist.com is a Graphic and Web Designing Blog
Reply
:iconronaldem:
RonaldEM Featured By Owner Aug 31, 2013
Usefoul!!
Reply
:iconcongatrehp:
congatrehp Featured By Owner Nov 16, 2012  Hobbyist Digital Artist
thanks it's useful
Reply
:icontahaahsan:
tahaahsan Featured By Owner Aug 23, 2012
it is awesome i <3 it
Reply
:iconsatish1978:
satish1978 Featured By Owner Aug 9, 2012
i want to see tute
Reply
:iconnikko-douga:
nikko-douga Featured By Owner Aug 7, 2012
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....
Reply
:iconsinz7:
Sinz7 Featured By Owner Mar 22, 2012
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?
Reply
:iconmeowmeow-chan:
MeowMeow-chan Featured By Owner Apr 10, 2012
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!
Reply
:iconsinz7:
Sinz7 Featured By Owner Apr 15, 2012
thanks man
Reply
:iconsathishkumar123:
sathishkumar123 Featured By Owner Mar 22, 2012
[link]
yaq this is use ful to me
Reply
:icondeedee8:
deedee8 Featured By Owner Dec 14, 2011
which version of photoshop should I use for this?..
Reply
:iconhashim1:
Hashim1 Featured By Owner Nov 11, 2011
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. :)
Reply
:iconboshimaro:
boshimaro Featured By Owner Nov 6, 2010
thanks a lot :D
Reply
:iconquaz1957:
Quaz1957 Featured By Owner Jun 29, 2010
opps - this is your last post since 2007 - ouch !
Reply
:iconquaz1957:
Quaz1957 Featured By Owner Jun 29, 2010
nobes - nice work but, what app is this ?? pls advise, thx !!
Reply
:iconredskypainter:
redskypainter Featured By Owner Jun 10, 2010
NICE TUT!! BEEN WONDERING HOW TO DO THIS! THANKS!
Reply
:iconbry5012:
bry5012 Featured By Owner Nov 21, 2008  Hobbyist General Artist
is this tutorial available to post at my site?
Reply
:iconznow-white:
znow-white Featured By Owner Nov 18, 2008
Your wonderful resources have been featured in this article.[link]
Thank you for providing to the Resources to the community.:heart:
Reply
:iconcalumwhitehouse:
CalumWhitehouse Featured By Owner Aug 1, 2008
Thanks mate :D
Reply
:iconpichindel:
pichindel Featured By Owner Feb 7, 2008
wowww...always wondering how they do it... fortunately there people like you out there to show people like me... thank you very much!
Reply
:iconretrocat:
retrocat Featured By Owner Dec 27, 2007  Hobbyist Traditional Artist
Great Tutor :aww:
Reply
:iconnobstutorials:
nobstutorials Featured By Owner Dec 27, 2007
Thanks for your feedback :D
Reply
:iconretrocat:
retrocat Featured By Owner Dec 27, 2007  Hobbyist Traditional Artist
:hug:
Reply
:iconmohammaddesigns:
MohammadDesigns Featured By Owner Nov 21, 2007
I love it MAN :D
Reply
:iconnobstutorials:
nobstutorials Featured By Owner Nov 22, 2007
Thanks :D
Reply
:iconcris01:
CRIS01 Featured By Owner Nov 6, 2007
Nice Job,very good.
Reply
:iconnobstutorials:
nobstutorials Featured By Owner Nov 6, 2007
Thanks for your feedback :)
Reply
:icondawick:
DaWick Featured By Owner Oct 15, 2007   Interface Designer
nice one ;)
Reply
:iconsikian:
sikian Featured By Owner Oct 14, 2007
Thank you very much!

:+fav:

Fantastic!
Reply
:iconlifedesigner:
lifedesigner Featured By Owner Oct 13, 2007
Great tutorial. Keep it up.
Reply
Add a Comment:
 
×




Details

Submitted on
September 24, 2007
Image Size
768 KB
Resolution
489×5639
Link
Thumb
Embed

Stats

Views
76,486 (11 today)
Favourites
215 (who?)
Comments
33
Downloads
4,270
×