Photoshop Vintage Compass Icon

by Ainsley Bevis

compas tutorial Ainsley Bevis BloomWebDesign.net Special thanks to Ainsley Bevis from BloomWebDesign.net for sending in this great Adobe Photoshop tutorial! She covers a number of good techniques good for beginner to intermediate Photoshop users, and some of the tricks are rather slick!
Ainsley writes . . .

In this tutorial you'll learn how to create an elegant, vintage Antique compass icon in Photoshop. The final result is shown at right.

Blending Options and put in the Gradient Overlay 1. Create a new document that's 600×600 pixels. Double click on the background layer to go into Blending Options and put in the Gradient Overlay shown at left.

The next three steps will compose the body of the compass, and follow the same procedure -- just different styling. Each series of layer style changes will be illustrated in a separate browser window.

styling layers in Photoshop

2. Draw the Compass body - Select the Ellipse Tool and draw a large circle while holding down the Shift Key (to keep the shape perfect).

Double click on the circle layer to go into Blending Options and put in the options you will see in this diagram. (Open the diagram in a separate window. )

3. Bezel Ring - Draw another smaller circle and place it in the center. Double click on the layer to go into Blending Options and put in the following steps in this diagram.

4. Compass Face opening - Again draw a smaller circle and place it in the center, double click into Blending Options and put in the following steps in this diagram.

5. Create the map frame - Duplicate the smaller circle by dragging it to the new icon layer. Remove the Blending Options & make the circle white. Set the Blending Mode to Multiply so the circle is invisible. At right. (This will be a "cutting" tool we'll use later to size the map!)

6. Get the Map - Download & open this Vector World Map, to make it larger open it in Illustrator (if you have it), select a map with the Selection Tool and drag an edge up while holding down the Shift Key.

Copy & Paste the Map directly over the invisible circle layer, right click the image layer & Create Clipping Mask. This will crop the map down to the invisible circle.

Paste the Map directly over the invisible circle layer

7. Styling the Map - Double click on the map image to go into Blending Options and put in the Color Overlay below:

Styling the Map

Create Lens highlighting8. Create Lens highlighting - This will generate a light reflection on the top half of the compass, as shown at right. This requires a number of steps which follow, and are detailed in this diagram.

While holding down the CTRL Key click on the invisible layer thumbnail (circled below), to activate the shape. Using Elliptical Marquee Tool select the bottom half of the activated shape while holding down the ALT Key to remove it. With the shape still highlighted go to Select > Modify > Contract & Contract by 10px.

Create a new layer and fill in the highlighted shape white. Set the opacity to 35%.

Setting the hash marks using type on a path

Next, we'll turn it into a compass by adding compass markings, hands, and more . . .

... continues on the next page!

Search for fonts