This tutorial will help you easily create Glossy Orbs in minutes... I created this tutorial in minutes when I was free. Hope this is helpful.
The below steps can be followed not only to create Orbs, but you could also create Glossy Buttons, Flags, Startbursts, Toolbars and a lot more...
Here we go...

I created a circle and the layer name is "Layer 1".

I go to the Layer styles and make a simple 3D looking Gradient. You could also get a nice set of Web 2.0 Gradients which I created here.

Applying a simple Inner Glow with a bit darker color.

Now I create a New Layer above and name it as gloss. Make the selection as in the image and apply a simple leniar gradient from White to Transparent.

Create a new layer between the two layers called innerglow and create an elipse with a rich bright color than the base color.

Apply a Gussian Blur the the innerglow layer. For now, the Gloss Orb is complete. We go ahead to create a more better 3D Feel.

Create a copy of the base layer - "Layer 1" and rename to Reflection. Rasterize it, Invert it and place it below the base circle.

Make the selection as above and Apply a feather and delete the selection.

Give a 50% opacity the the layer and the reflection of the Orb is done.

Almost to the Final.... Simply add a layer called Shadow above the reflection and below Layer 1. Create a simple Elipse with a black fill. Now apply a gussian blur to the Shadow layer and you are done. Isn't this Simple...

Comments
Great effect, this fits perfectly into my marketing pages...
Not very noob friendly, if I haden't known where to find certian objects I would of been totally lost, I'd advise a more explanatory tutorial next time.
Thanks 4 sharing
Nice ! A great tutor!
Thanks admin
@sdfgioq - Just to get the feel of a 3D environment... Well, it could look good without the shadow too.
Why would there be a shadow on a reflective surface?
Thanks, man. This is a really cool tutorial, not only for Photoshop, but for opensource image editors too.
Thanks!
Dear the size of images are small as compare to the screen area that you have showed in capturing the screen shots of the Adobe Photoshop working area
Also it will good if you provide the values/details/attributes of gradients being used, in the text part of the tutorial
Overall good idea and presentation
Thanks
Post new comment