Illustrator tutorial: combination lock

by Ainsley Bevis

... continued from the previous page.

Finishing the lock face

5. Face decorations : Using the Ellipse tool draw a black circle while holding down the shift key. (below, left)

6. Circles with Strokes : Duplicate the circle, make the fill colour none & the stroke colour white. To make the circle smaller select it with the Selection Tool and drag a edge down while holding down the shift key. (below, right)

Ellipse tool draw a black circle

7. Create the Combination Lock : Create another smaller circle inside the white stroke circle. Make the fill colour a gradient radial, with a stroke of none. (below, left)

8. Creative Stroking : Again create a smaller circle, make the fill colour none, and the stroke colour white. Put in these stroke settings to the circle below, depending on how big the lock is the stroke settings may vary. (below, right)

Stroking with dotted path generates the circular markers

9. Create markings : Create 2 smaller circles, the larger one with a darker radial gradient, and the smaller one with a white stroke. Put in the settings below on the stroke.(below, left)

Next write out each number separately, placing them around the lock.(below, right)

circle, stroke, dash for markings

10. Generating reflections : Next duplicate the main black circle and drag it away from the lock. Draw a white circle (the shape doesn't have to be perfect) across the circle. Select the 2 shapes and press the Intersect icon in Pathfinder.

use the Intersect icon in Pathfinder

draw a thin oval shape for the shadow 12. Place the white shape over the lock. I've decided to tilt the lock by selecting all the shape with the selection tool and rotating a corner.

13. Make it a gradient going from white to none, you can change the direction of the gradient by selecting the gradient icon while the shape is selected and clicking on the shape moving in the direction of your choice. Set the Transparency of the white gradient to 19%. (Above, right.)

14. Using the Ellipse tool draw a thin oval shape for the shadow, with the shape selected go into Effect > Blur > Gaussian Blur. (At right.)

Now take a look at the final image, and we're done!

Ainsley Bevis Special Thanks to Ainsley Bevis for sending in this tutorial. Be sure to visit Ainsley at
      Ainsley is a passionate, and mostly self taught, Web and Graphic Designer based in Melbourne, Australia. As well as designing websites and graphic material for her clients she also enjoys playing guitar, piano, walking her dogs and cooking vegetarian food!

NO_SPAM CAUTION The Design & Publishing Center is a Spam FREE web site. ** We do not stalk or track our visitors ** We do not send your data to third parties for any reason ** We do not incorporate predator or hyper-cookie links ** You are safe here. BE CAREFUL in the next web site you visit. Learn more about online threats you risk each time you go online -- USE Firefox Reader Mode to block screen spam on this site