Loadboy's

Graphic Design Studio
The Right Choice in Web Design!
Get Your FREE Quote Today...
Search:  

Step 1

Start by creating a new image 300 X 300 with the background color set to #7b8593.

Layers > New Raster Layer... > Ok

On the Tools toolbar, choose the Selection Tool(S) and Selection type: Circle.

Draw a large circle in the center of the image.

Selections > Load/Save Selection > Save Selection To Alpha Channel... > Save

Set your Foreground color to #2d375a

and using the Flood Fill Tool(F) and fill the circle.

Effects > 3D Effects > Inner Bevel... use the following settings: (the Light Color is #6e6ebe)

Your image should now look like this:

Selections > Select None

Step 2

Layers > New Raster Layer... > Ok

Use the Selection Tool(S) and Selection type: Circle and create a small circle towards the upper left hand corner of our image like this:

Set your Foreground color to white (#FFFFFF) and using the Flood Fill Tool (F) and fill the circle:

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load

Adjust > Blur > Gaussian> Radius: 20 > Okay

Selections > Select None

Step 3

On your Layers palette, highlight the Raster 1 Layer:

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load

Selections > Modify > Contract > Number of pixels: 8 > Okay.

Move Tool (M)

Now a little bit of a tricky spot.

Use the Move Tool (M) and move the image toward the upper left corner. The idea is to line the image up with the lower right hand selection like this:

  

Selections > Modify > Feather... Number of pixels: 18

Now hit Delete on your keyboard:

Now just a quick note here.. if you want more or less of an outline along the bottom, just hit Ctrl Z on your keyboard twice ( once to undo the delete, and once to undo the move) and re-position the image where you would like it. Then feather and delete ;)

Step 4

Selections > Load/Save Selection > Load Selection From Alpha Channel... > Load

Now use the Move Tool (M) and carefully place the image back inside the selection area:

Selections > Modify > Contract > Number of pixels: 3 > Okay.

Selections > Invert

Hit Delete on your keyboard.

Selections > Select None.

Step 5

Now we have a clear outline for our glass globe. You could add a drop shadow and be done with it. But let me show you a few tricks I've used.

On your Layers palette, turn off the visibility for your background layer (there should be a red "X" on the eyeball)

Layers > Merge > Merge Visible

Turn the Background visibility back on. (No red "X" on the eyeball)

Effects > Illumination Effects > Lights and use the following settings:

That produces this:

Keep playing with the dice to see the different effects:

Isn't that sweet?

Step 6

Want more of a crystal effect?

Adjust > Brightness and Contrast > Brightness/Contrast and try the following settings:

Dependant upon the color of background that you use, you may need to "intensify" your glass orb by duplicating the layer.

I hope you've enjoyed this tutorial!