AV1611 Posted January 12, 2008 Share Posted January 12, 2008 As part of my overall desire to get current with web development, I decided it was time for me to figure out how to make glassy buttons and such. to that end, here are my first 4 ever serious attempts. This was all done entirely in GIMP. They are in chronological order, top to bottom, left to right. Please critique: I really want them to look great. Quote Link to comment Share on other sites More sharing options...
jeremywesselman Posted January 12, 2008 Share Posted January 12, 2008 They blend right in with the page like they're not even there! Quote Link to comment Share on other sites More sharing options...
neylitalo Posted January 12, 2008 Share Posted January 12, 2008 I see this: [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
AV1611 Posted January 12, 2008 Author Share Posted January 12, 2008 I'm such a noob. http://windows.blmservices.com/site6 Quote Link to comment Share on other sites More sharing options...
neylitalo Posted January 12, 2008 Share Posted January 12, 2008 I think they might look better if you dropped the soft blue border around each letter. If you don't want to do that, you could also try switching to a smaller, harder, more contrasting border. Also, the main reason people use gradients on buttons is that it looks like there is a light source illuminating the top of a three-dimensional button, and casting a shadow over the bottom half. The bottom button is very odd in that respect, since the button would have to be very strangely colored. (On an entirely different note, it makes me think of sunset in a desert. If that's the effect you were shooting for, then you've got it spot on. ) Quote Link to comment Share on other sites More sharing options...
AV1611 Posted January 12, 2008 Author Share Posted January 12, 2008 The bottom one is a bit abstract. The text reflection is totally not consistent with a glass button either. I thought all the abstract things worked together to make a nice, if not reality-flawed, button. Quote Link to comment Share on other sites More sharing options...
s0c0 Posted January 16, 2008 Share Posted January 16, 2008 The question mark one is pretty good. How long did it take you to learn how to do that? Graphics is definitely a weak point for me. Maybe you could point me to some resources. Quote Link to comment Share on other sites More sharing options...
emehrkay Posted January 16, 2008 Share Posted January 16, 2008 Are you doing these in photoshop? The effect is pretty simple once you understand what all goes into it. For the most part it is a background gradient that blends from a color to a color slightly lighter, then a layer with a funky shape that blends from white to 0% opacity. Quote Link to comment Share on other sites More sharing options...
emehrkay Posted January 22, 2008 Share Posted January 22, 2008 http://psdtuts.com/text-effects-tutorials/plastic-jelly-styles/ This tutorial makes creating that glass-like look very very simple Quote Link to comment Share on other sites More sharing options...
bilis_money Posted January 22, 2008 Share Posted January 22, 2008 sorry it doesn't look like glassy button. I understand you are using GIMP, well that's easier in adobe my friend. But don't give up using GIMP because i'm also using it. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.