TutorialShift
| |

114
Glossy Orb Logo
tag Category: Web Graphics time June 21st, 2007

If you're new here, you may want to subscribe to my RSS feed.

In this tutorial I will teach you how to make a glossy orb logo like this one:

image 1

1, To start off, create a blank document (500×500). Add a simple light gradient like this

image 2

2, Now create a new layer and create a circle in the middle (Use the circle marquee tool and hold shift to get it perfect) and without de-selecting grab your gradient tool, and fill your circle with a 2 color gradient (I used blue)

image 3

OPTIONAL: You can also add a inner and outer glow, Black with low opacity.

3, Okay. The orb still looks quite flat to we will add some lighting in. Get the dodge tool and move the settings to
Range: Midtones
Exposure: 50%
Brush Size: 65px

Brush along the bottom curve and the center of the top, you should have something like this.

image 4

4, Next thing we will add to the orb is the glossy shine at the top. CTRL+Click on the layer of your orb base so that it will select it all, then grab your circle marquee tool again and while holding ALT select part of your orb you would like to de-select.

5, Grab your gradient tool and set your foreground color to white. Select the white to transparent gradient and click and drag from the top to the bottom of your orb. set the layer to soft light.

image 5

6, All that is left to add is the text and reflection. So get your Text tool (T) and type the text you desire in a font of your choice. Press CTRL+J to duplicate the layer. Now go to Edit>Transform>Flip Vertical and reposition your flipped text below your original layer.

image 6

7, Now go to Layer>Layer Mask> Reveal All. Again, grab your gradient tool, make sure the layer mask is selected on the layer palette. Click and drag from the top of your first text layer, to the bottom of your duplicated one. Set both layers to soft light.

You Should Now Have This!

image 1

 

Another one I came up with:

example 1

 Download the PSD!