Great Design

Welcome to Great Design. This website will look at the best designs on the internet. As well as tutorials teaching you how to produce amazing designs and get good looking results.

Creating an Orb - Photoshop

Jul 2, 2007

Hey

This is only going to be a quick tutorial on creating a cool looking orb. The orb doesn't serve much of a purpose other than looking cool. It could be used for parts of a website or interface. Click any of the images to see the full version.
For this tutorial you will need Photoshop or similar, and a Web 2.0 Layers and Gradients Pack. If you are ready then lets begin.

Step 1)

The first step is to get your canvas ready. Mine is size 500px x 500px. Position you canvas by a window for the best possible natural light.

Creating an Orb - Photoshop
Step 2)

Now you have your canvas ready you need to begin drawing your orb shape.

Creating an Orb - Photoshop
Use the circle shape tool to draw on the canvas, use the shift key to keep the ratio of the sides correct.

Creating an Orb - Photoshop
It really doesn't matter what colour the shape is as the effects will be applied later.

Creating an Orb - Photoshop
Step 3)

This is an optional step but you may need to remove the background. Click on the white with a magic wand and delete it.

Creating an Orb - Photoshop
As well as this set the background layer to a new layer, this is vital for the effects to be applied.

Creating an Orb - Photoshop
Step 4)

The next step is to add the layer effects. I suggest using the Web 2.0 pack. Pick a good gradient and style, although it doesn't matter to much.

Creating an Orb - Photoshop
Step 5)

The next step is to apply a bevel. Put the size to maximum and reduce the opacity of the shadow. Play around with the settings.

Creating an Orb - Photoshop
Step 6)

The next step is add an inner glow. Change the colour to white and size to around twenty.

Creating an Orb - Photoshop
You have a good looking shape, we now need to refine the highlights.

Creating an Orb - Photoshop
Step 7)

Create a new layer and add a white gradient to transparent in an oval shape.

Creating an Orb - Photoshop
Step 8)

Rotate the layer

Creating an Orb - PhotoshopStep 9)

Reduce the opacity so it blends into the colour more.


Creating an Orb - Photoshop
You can at this point add a black shadow in the same. But it didn't work that well on mine.

Step 11)

The next step is to copy the layer (after flattening) and flip vertically. Position underneath. This will be used for the transparent shadow.

Creating an Orb - Photoshop
Step 12)

To create the shadow apply a layer mask. Set to reveal all.

Creating an Orb - Photoshop
Step 13)

Using the black gradient on the layer mask you can remove parts of the shadow.

Creating an Orb - Photoshop
Add a black background and flatten and you have a cool looking orb.

Creating an Orb - Photoshop
Using the hue saturation tool you can change the colour of the orb.

Creating an Orb - Photoshop
Quite cool. Leave a comment to tell me what you think.

1 comments:

Anonymous said...

Looks fine, good job :)