Glass effect help

Discussion in 'Design and Graphics' started by 5683565, Oct 17, 2006.

  1. 5683565 Suspended

    Feb 18, 2006
    Hong Kong
    Hey all,

    I would like to apply a mac-like glass effect (overused I know) to an image.

    I know how to use photoshop, however I can't get the real effect that I want.

    Basically, if you look at

    ... I want the same sort of line and shine effect.

    Anyone got a tutorial or ideas that would be cool.
  2. maxrobertson macrumors 6502a

    Jun 15, 2006
    I don't have a tutorial, but I can tell you that it is rather easy to do on almost any type of shape using gradients, and I use vector masks. It's not as gorgeous to look at, but it's really close and the time you save can be spent refining it. I'm going to assume you're fairly proficient with Photoshop.
    My technique:
    1. In this step, you'll be making the basic outline. I'd first draw the shape. You might want to use the free-form pen tool so you can have vector graphics. Then add a gradient overlay where the top is lighter than the bottom, but both colors are rather close to eachother. I'd make this step a medium shade, so you can add darker and lighter accents later.
    2. In this step, you'll be making an outline for added depth. Make an outline of the above slightly bigger, and on a lower layer. Make the top darker than the darkest shade from the above "main" layer, and make the bottom a lot lighter than the top, but no lighter than the bottom of the "main" layer.
    3. In this step, you'll be making the "glassifier," the thing that gives it it's glossy sheen. Here's the tricky part for me to explain, and it depends on the shape you used. I'll just assume you're trying to make a near copy of the apple logo. I'd use the free-form pen to draw the shape of the extra glossy area. I'd set the fill of the layer to completely transparent, and make a gradient overlay that went from an almost-completely-white blue to a blue that is just a few shades over the regular blue. Make sure you adjust the angle of the gradient to make it look its best. Then make it about 50 percent transparent. It depends on your taste, but I find it's often very close to there. Then you can do all of the above for the little apple leaf.
    Sorry if this is kind of vague, I've only just discovered this technique, but it really does work well... I hope it helped even a little bit!
  3. Snark macrumors member

    Aug 5, 2003
    Google "glass button"; that will get you some hits for tutorials.

  4. MacBoobsPro macrumors 603


    Jan 10, 2006
    Aqua button will prob get more hits ;)

    I personally would draw the 'gloss' shape on a new layer then fill it with a gradient of 90% white to transparent. Play with the angle and opacity of the gradient to get the desired effect.

Share This Page