Glass Orb:

First Off, Make a New Document. I used “150x150 Pixels”

Now, Using the Elliptical Marquee Tool, make a circular selection, and fill it with the color “#7D98A1”



Now, Duplicate that layer (Ctrl+J) and Ctrl+Click the new layer, and fill it with “5B95A7” and set the Blending mode to “Overlay”

Now, Select the Bottom layer, and use the following Layer Stlyes:

Inner Shadow:


Inner Glow:


Gradient Overlay:


Stroke:



Should look something like this now:



Now select your top layer, and use the following Layer Styles:

Inner Shadow:


Outer Glow:


Inner Glow:


Stroke:


Should look like this now:


Now its time to give it a glossy feel. Make a New Layer, and using the elliptical Marquee tool, make a circular selection around the top of the orb. Then grab the Gradient Tool, with these settings:



And drag the gradient tool from the top of the selection, to the bottom of the selection, should look something like this:



Now, Duplicate that layer, Press “Ctrl+T” and make the gloss bigger about this size:



Then drop the opacity down to “35%”

You’re final orb should look something like this:



If You Enjoyed This Tutorial. Please Register on the forums, When you register, you are able to access all of the Downloads that we have to offer!

-Scott

Glossy o.o

I <<<< 3333 THAT SHADE OF BLUE!

lol, yes glossy indeed. And i love that blue to hammz :P

very nice as always!

Tutorial Accepted By: Good-Tutorials.com

really sweet congrats to you friend! :DanceDance?:

Great tutorial, just a few questions, (by no means criticisms)

Can you help me out on where you get the gradient on the inner section, I follow along but the results I have before I make it "glossy" are not similar. I am sure I am missing something here :unsure:

I was also wondering if you could make it a little bit clearer as to how the colors come into play, as I would like to do a similar button but would like it in green. I was kinda hoping you could help out with something along the lines of
First color : standard
second color darker
third color lighter than first,

geez hope that makes sense.....

Oh yeah is there any way that you could show me what the seperate layers look like ?
Kinda like a pic of button with just layer 1 visable, and then maybe a pic of layer 2 only visable ?

Just helps out us noobs :-)

But again, GREAT tutorial and thanks

Definately good tutorial! ^_^
Keep up the good work!

Mod Edit: Offensive behavior will not be tolerated.