Welcome to WebmasterWorld Guest from 188.8.131.52
Forum Moderators: not2easy
A great example of this is at mac.com that cool bluish glass ball.
Also, there is a cool brand of Linux using this effect, as well, for their desktop icons gentoo.org/dyn/icons.xml
I know that one may get removed, but I'm just hoping someone can see these and help a guy out.
Have you tried googling for this?
here is the link [google.com]
<me being sorry>
sorry mods simple link to google, hope you don't mind
</me being sorry>
Hope this is what you're after :)
[edited by: mivox at 6:02 pm (utc) on June 17, 2003]
[edit reason] shortened Google link. ;-) [/edit]
<added>The aqua button effects described by le_gber look like a fairly easy way to accomplish the button effect without investing in 3D software. This should be fine if a highlight will do the trick instead of true reflections of light sources and objects. The full transparent sphere might be a bit tougher.</added>
2-Fill it with a horizontal gradient between a darker and a lighter color. Don't make gradients with too many different colors, or will look like sh*t. The gradient MUST be horizontal
3- Make two duplicates of the gradient filled shape, and scale'em 40% of its vertical size and 90% of its horizintal size, its not a proportional scaling
4- Redo the HORIZONTAL gradient fill on the duplicate shapes from white to transparent in one of them and from transparent to white in the other. Most graphics programs can make gradients from a color to transparent. PS 7, Fireworks MX, Freehand MX, Corel Draw 8.0+ and Flash MX could do that
5- Place the first duplicate shape OVER the original shape near the upper side of it, vertical aligned and do the same with the other duplicate but place it near the bottom of the original shape.
6- Voila!, you got it. One final tip: The smaller the button is, the best it looks
I build a lot of sites with this effect, but I can't give you the links, cuz the forum administrator told me I can't post it here, so mail me if you want me to give you that URL's. I could even give you a button template in PS-7, or Fireworks MX for free, in case it gets to hard for you to make it. :)
I did once see a tutorial (I think it was in MacAddict magazine) that described how to use Fireworks to create a glassy oval button... so you definitely don't need 3D software to get the basic effect.
[edited by: mivox at 4:10 pm (utc) on June 18, 2003]
There are a number of filters in Fireworks that you can buy called Eye candy that are in someways more effective that the PS counterparts.
The glass filter applied to cirlce with a radial fill and highlights looks great.
Especially if you export it to PS - add a spherize to exagerate the reflection and then use a lighting effect set like omni to give a sense of solidity.
I love playing with mixed software, the things that can be generated between illustrator fireworks and Photoshop continually amaze me.
I think Corel had a tutorial (appropriately named 'Glass buttons') in one of their archived newsletter (on the site). They use an oblong shape, but it's great with spheres too.
AH! I FOUND IT - since this is a 'How-to' site, hopefully I can list the address here.. it's
If they take it out, stickymail me.
User group websites and graphics magazine websites seem to often have links to tutorials as well. Also, I'm not a PSP user but those folks seem to hang out in herds (prides? flights?) and exchange tutorials on nifty techniques, so maybe searching for "productname forum" will provide what you need.