Dezinerfolio

Photoshop - Simple Glossy Orb Tutorial

Your rating: None Average: 4.2 (12 votes)

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...

photoshop glossy orb tutorial

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

photoshop glossy orb tutorial

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.

photoshop glossy orb tutorial

Applying a simple Inner Glow with a bit darker color.

photoshop glossy orb tutorial

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.

photoshop glossy orb tutorial

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

photoshop glossy orb tutorial

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.

photoshop glossy orb tutorial

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

photoshop glossy orb tutorial

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

photoshop glossy orb tutorial

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

photoshop glossy orb tutorial

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...

Here is the Final Output

photoshop glossy orb tutorial

Trackback URL for this post:

http://www.dezinerfolio.com/trackback/222

Comments

Anonymous's picture

Great effect, this fits perfectly into my marketing pages...

Spider (not verified)
Thu, 09/18/2008 - 10:29
Anonymous's picture

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.

Jon (not verified)
Thu, 06/26/2008 - 06:09
Anonymous's picture

Thanks 4 sharing

liezmaya (not verified)
Mon, 11/26/2007 - 11:47
Anonymous's picture

Nice ! A great tutor!

Lex (not verified)
Fri, 11/23/2007 - 21:09
Anonymous's picture

Thanks admin

Kunj (not verified)
Tue, 11/13/2007 - 03:36
dfadmin's picture

@sdfgioq - Just to get the feel of a 3D environment... Well, it could look good without the shadow too.

Mon, 09/03/2007 - 16:41
Anonymous's picture

Why would there be a shadow on a reflective surface?

sdfgioq (not verified)
Sun, 09/02/2007 - 23:48
Anonymous's picture

Thanks, man. This is a really cool tutorial, not only for Photoshop, but for opensource image editors too.
Thanks!

q03352352 (not verified)
Sun, 09/02/2007 - 11:33
Anonymous's picture

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

Farrukh Shahzad (not verified)
Mon, 04/02/2007 - 19:22

Post new comment

The content of this field is kept private and will not be shown publicly.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.