[gabehabe]

Now, you guys should know by now that graphics isn't my main focus~ But I still like to dabble in Photoshop. I just took a shot at making a glass button, and this is what I came up with:


Feedback?

Thanks

[BetaWar]

Looks nice, depending on how much you want the glass effect to shwo you may want to add like a 2px gaussian blur to the top gloss, and add a smaller gloss section with like 50% opacity added accordingly to the darker section of the button, this may help add to the psuedo 3D effect.

Another thing that you may want to think about is adding a shadow between the normal and the reflection.

Overall it is a great work and I love how you decided to make the metal around the button. Have fun!

[gabehabe]

ahhh I see what you mean with the gaussian, that looks much better~

Thanks!

[modi123_1]

Looks spiffy.. Are you deploying this any where?

[capty99]

it is a good start, and you have the right techniques, but in my opinion not very web 2.0

web 2.0 is more of a softer transition, brighter colors.

the bevel of the outer ring along with the inner shadows are too intense to be considered 2.0.

just a syntax thing, its a good icon, just if someone was to ask for a web 2.0 icon i don't think this is completely there. if someone wanted a mail icon hooray you got it.

[gabehabe]

Thanks I wasn't actually sure of the envelope icon~ I'll take that 2.0 stuff into consideration on my next design, thanks capty

As for the deployment, it's kind of a yes and no. I'm putting stuff together as a portfolio. It's not actually for a job, but I'll be putting it together to show my abilities.

[gabehabe]

Got two more for ya: (I haven't changed the button, just the icons this time)

[William_Wilson]

capty99, on 7 Oct, 2008 - 04:08 PM, said:

it is a good start, and you have the right techniques, but in my opinion not very web 2.0

web 2.0 is more of a softer transition, brighter colors.

the bevel of the outer ring along with the inner shadows are too intense to be considered 2.0.

I have to agree, but very snazzy none-the-less.

[fashionnugget]

Did you go by any tutorials that you can link us to per chance? :]

[Kirth]

I myself would give the button itself a more oceanic colour -in my opinion, that'd fit better. I would give the border's gradient a more gray than black colour.

Perhaps you could slightly lower the opacity on the icons, that'd make them blend in more.

[joezim007]

I like the new icons that you threw in there. The original envelope was a little bland but the new one looks great.

[omochan]

gabehabe, on 7 Oct, 2008 - 04:08 PM, said:

Got two more for ya: (I haven't changed the button, just the icons this time)
attachment

okay. let's see....

1. put the glossy sphere OVER the icon.

2. make the opacity of icon like 75%. no need for it to be 100% at all. helps the effect.

3. illusion of lighting is everything. if there is a glossy circle at the top, the top should be lighter. to achieve this effect, use a gradient. light colors at the top, dark at the bottom.

4. that top glossy circle should be more oval shaped. This is a more complex example, but here's the idea.