How to Draw a Globe in Photoshop

I continue to be surprised by the number of people hitting my Photoshop website for no other reason than that they've found the crystal globe through an image search. I thought that it might be time to introduce a more "Vista" style - but as completely artistic - kind of globe.

This guide will help you create a globe in Photoshop that can be used as an icon, webbie, or part of a logo. You will need a copy of Photoshop, version 7 or later, or a program like GIMP that allows layers. Please be aware that I'm creating this guide using Photoshop CS3, so if you're using another version some of the tools discussed might be in different locations.

You'll also want to grab a copy of this free Photoshop shape; it's nothing more than continents, but it will save you a load of time trying to get the globe looking like a globe.

Drawing a Globe: The Steps

1. New Canvas & Colors: Open a new canvas in Photoshop (File, New) that is sized around 500 x 500 pixels. You can size it down later; start large to keep image quality. It should be in RGB mode with a white background.

Then, set your colors. Your foreground color should be #9cc7e9 and your background color should be #4477b9.

2. Draw a Perfect Circle: Use your circle SHAPE tool for this - not the marquee. Select the circle shape tool and hold your shift key down on your keyboard while you drag the shape out. This will keep it a perfect circle. It needs to fill most of the canvas. When it's drawn, right-click the circle's layer and choose "Rasterize Layer".

3. Apply Layer Styles: In the older versions of Photoshop, the layer styles icon is a little Macromedia-looking "x". In CS3, it is a button below your layers palette that says "fx". Either way, click that button and choose "Stroke". We'll go through two settings real quickly here.

Stroke - Leave all settings alone except the color. Set the color to your background color (#4477b9).
Gradient Overlay - Grab your light-to-dark blue gradient, set the Style to Radial, and increase the scale to about 135%.

4. Change Colors: We're now going to change our colors so that the foreground color is white (#ffffff) and the background color is a dark green (#115351).