Loadboy's

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

Step 1

To help enhance our orb, we'll start by creating the main background, then apply a gray gradient.

Start by creating a new image 300 X 300 with a white background.

Layers > New Raster Layer... > Ok

On the Materials palette, click on the Foreground color and select the Gradient tab. Click on the image to open the available gradients. Select Gray and use the following settings:

On the Tools toolbar, select the Flood Fill Tool (F) and fill the layer:

Step 2

Now we'll create a slight inset socket that the orb will set in.

Layers > New Raster Layer... > Ok

On the Tools toolbar, select the Selection (S)

On the Tool Options palette, Selection type: Circle

Draw a circular selection the center of the canvas:

This is the main selection piece that we'll be using heavily later, so we'll save it.

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

Selections > Modify > Expand... > Numbers of pixels: 2 > Ok

On the Materials palette, set your Foreground color to white ( #ffffff )

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

Selections > Select None.

Adjust > Blur > Gaussian Blur > Radius: 4 > OK.

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

Selections > Modify > Expand... > Numbers of pixels: 2 > Ok

Layers > New Raster Layer... > Ok

On the Materials palette, click on the Foreground color and select the Gradient tab. Click on the image to open the available gradients. Select Gray and use the following settings:

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

Adjust > Brightness and Contrast > Brightness/Contrast... > Brightness: -70 Contrast: 15 > Ok

Step 3

Now we'll create the black orb itself. Nothing fancy here.

Layers > New Raster Layer... > Ok

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

On the Materials palette, set your Foreground color to black ( #000000 )

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

Selections > Select None.

Layers > New Raster Layer... > Ok

On the Tools toolbar, select the Selection (S)

On the Tool Options palette, Selection type: Ellipse

Create a small elliptical selection on the left side of the image like this:

On the Materials palette, set your Foreground color to white ( #ffffff )

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

Selections > Select None.

Now we'll rotate it upwards slightly.

On the Tools toolbar, select the Pick Tool (K)

As you move your mouse towards the center node, you'll see your mouse cursor change to an up/down arrow. Move the elliptical image upwards so that the shape fits the left portion of the orb like this:

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

Adjust > Blur > Gaussian Blur > Radius: 14 > OK.

Selections > Select None.

Layers > New Raster Layer... > Ok

On the Tools toolbar, select the Selection (S)

On the Tool Options palette, Selection type: Circle

Draw a small circular selection on the right side of the orb like so:

On the Materials palette, set your Foreground color to white ( #ffffff )

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

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

Adjust > Blur > Gaussian Blur > Radius: 11> OK.

Selections > Select None.

Normally most orb tutorials would have you stop here. But not us ;)

Step 4

This step will show you yet another way to add a virtual reflection. It will be another 8 layers, but the effect is very nice!

[1 of 8] Layers > New Raster Layer... > Ok

On the Tools toolbar, select the Selection (S)

On the Tool Options palette, Selection type: Circle

Draw a very small circular selection towards the upper portion and slightly to the left of our orb like so:

On the Materials palette, set your Foreground color to #0000ff

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

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

Adjust > Blur > Gaussian Blur > Radius: 12 > OK.

Selections > Select None.

[2 of 8] Layers > New Raster Layer... > Ok

On the Tools toolbar, select the Selection (S)

On the Tool Options palette, Selection type: Circle

Draw a very small circular selection just below the purple one:

On the Materials palette, set your Foreground color to red ( #800000 )

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

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

Adjust > Blur > Gaussian Blur > Radius: 9 > OK.

Selections > Select None.

Now we'll add a small yellow piece along the bottom.

[3 of 8] Layers > New Raster Layer... > Ok

On the Tools toolbar, select the Selection (S)

On the Tool Options palette, Selection type: Ellipse

Draw a small elliptical selection along the bottom of the orb like so:

On the Materials palette, set your Foreground color to yellow ( #ffff00 )

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

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

Adjust > Blur > Gaussian Blur > Radius: 9 > OK.

Selections > Select None.

I've decided to highlight the lower right portion of the orb just a bit more.

[4 of 8] Layers > New Raster Layer... > Ok

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

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

On the Tools toolbar, select the Selection (S)

On the Tool Options palette, Selection type: Circle

Okay, what you want to do is start by holding down the Ctrl key on your keyboard, place your mouse cursor in the upper left portion of the selection like:

Pull your mouse downwards towards the opposite corner until you have just a small sliver left:

On the Materials palette, set your Foreground color to white ( #ffffff )

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

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

Adjust > Blur > Gaussian Blur > Radius: 8 > OK.

Selections > Select None.

[5 of 8] Layers > New Raster Layer... > Ok

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

Selections > Modify > Contract... > Number of pixels: 14 > Ok.

On the Materials palette, set your Foreground color to white ( #ffffff) and your Background color to black ( #000000).

On the Materials palette, click on the Foreground color and select the Gradient tab. Click on the image to open the available gradients. Select Foreground-background and use the following settings:

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

Selections > Select None

On the Tools toolbar, select the Move Tool (M) and move the image towards the top of the orb:

On your Layers palette, set the Blend Mode to Lighten and lower the Opacity to 67:

Your image should now look similar to this:

Want more? I thought so! Lets add a couple small pieces towards the bottom to lighten up the hard yellow.

[6 of 8] Layers > New Raster Layer... > Ok

On the Tools toolbar, select the Selection (S)

On the Tool Options palette, Selection type: Ellipse

Draw a small vertical elliptical selection along the bottom of the orb like so:

On the Materials palette, set your Foreground color to white ( #ffffff )

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

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

Adjust > Blur > Gaussian Blur > Radius: 7 > OK.

Selections > Select None.

Layers > Duplicate

On the Tools toolbar, select the Pick Tool (K)

Your duplicated layer will now have a square box around it with nodes:

What we want to do now it move it over slightly towards the right and downwards by grabbing it with our mouse cursor from the very center, like this:

Your image should now look similar to this:

Step 5

These next two final layers really add to the overall effect of the orb.

[7 of 8] Layers > New Raster Layer... > Ok

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

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

On the Materials palette, set your Foreground color to #b7ffe7

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection:

On the Tools toolbar, select the Move Tool (M) and move the image upwards and towards the top left just slightly so it looks like this:

Now hit Delete on your keyboard:

Now, use the Move Tool (M) and place the piece back into the selection area:

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

Adjust > Blur > Gaussian Blur > Radius: 7 > OK.

Selections > Select None.

Now we'll balance the orb out by applying the same technique to the opposite (right) side of the orb.

[8 of 8] Layers > New Raster Layer... > Ok

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

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

On the Tools toolbar, select the Flood Fill Tool (F) and fill the selection with the same color:

On the Tools toolbar, select the Move Tool (M) and move the image to the right side of the orb. This time we just barely want an edge:

Now hit Delete on your keyboard:

Use the Move Tool (M) and place the piece back into the selection area:

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

Adjust > Blur > Gaussian Blur > Radius: 7 > OK.

Selections > Select None.

As you can see it took quite a few layers to create compared to the average orb. You get out of it what you put in to it right? Once you grasp the concept on this tutorial, creating better looking orbs is not only fast, but much better in quality! Enjoy!