website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Drawing Techniques Drawing Compass
rss

Drawing Compass

Author: Hv-Designs.co.uk More by this author


Create a new document 500x400 with any desired background. Select the elliptical marquee tool and draw a circle, fill the circle with a temporary color. In the layers window click on your layer whilst holding the "CTRL" key on the keyboard to load a selection, now goto "select > modify > contract". when the box comes up enter a value of around 20-30 pixels. Now goto "select > modify > smooth" and enter a value of 20. You should now have a ring like this.

image 1

Now add these layer styles to your ring.

image 2

image 3

image 4

image 5

image 6

You should have something like this.

image 7

Now create a shape like this.

image 8

All done with the elliptical marquee tool using to shapes, merge both shapes together on one layer and place behind your ring.

image 9

Right-Click your ring layer and goto "copy layer styles" then right-click your shape you just made and goto "paste layer styles" you should have something like this.

image 10

Using the same concept as the 1st step create another ring, only this time make it smaller to fit inside the first one we made.

image 11

Now add these layer styles.

image 12

image 13

image 14

image 15

image 16

image 17

You should have something like this.

image 18

Now create another circle big enough to fill what's left inside. Add these layer styles.

image 19

image 20

You should have something like this.

image 21

Add your letters N, E, S and W.

image 22

Add your lines that go around the compass, to do this we create a circle from the custom shapes menu, then select the type tool and use type on a path. I've already written a tutorial about type text along a path check that out for more detail.

image 23

Select the pen tool and create a shape like this.

image 24

Fill the shape with the color white and set opacity to 25%.

image 25

Now goto the custom shapes tool within photoshop and select a custom shape same as the image below. Stretch it out to fit the inside of the compass also set layer opacity to 50%.

image 26

Now add your little arrows which are also shapes from the custom shapes menu, just fill each side of the shape a darker shade of the main color.

Compass Tutorial: Final Result



Author's URL: www.hv-designs.co.uk

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Drawing Compass"