Step by Step Cog or Gear Icon Using Illustrator

Step by Step Cog or Gear Icon Using Illustrator

Posted by on Monday 12 Mar 2012

The cog or gear icon is a great shape that conveys a general technical message such as a place for settings, or for something complicated. If you are writing specialized reference catalogs and flyers tutorials, icons like this will be pretty nifty and useful. If you want to know how to do this yourself using Illustrator, then you have come to the right place. Just follow the steps below and you will easily understand how to do it. So let us get started.

1. With a new open document, select first a grey colour as your main colour.


2. Now, select the Ellipse tool. (Shortcut L)

3. Next, draw your first circle in the middle of your canvass.

4.  Press CTRL+C and then CTRL+V to copy this circle.

5. Once the window opens, reduce the scale of the duplicate by about 10%. So the value should be 90%.

6. Duplicate two more extra circles, and then scale them 50% and 35% respectively to get this kind of result.

7. Then, select the first two outer circles by choosing the selection tool (shortcut V). Once selected, open the pathfinder tool (CTRL+SHIFT+F9).

8. Click on the minus front option. Repeat the process to the inner two circles.

9. You should now have something like this.

10. Next, draw a thin rectangle across the circles like so.

11. Press CTRL+C and CTRL+V to duplicate this rectangle.



12. Then right click on the duplicate and select Transform -> Rotate.

13. Type in 90 degrees for the rotation.

14. Now, Position it as the vertical line in our cog. Repeat the process 2 more times, with the rectangle being rotated at 45 degrees and -45 degrees. Now we have a good wheel type shape.

15. Let us add just a few additional protrusions in between our rectangles. Simply use the rounded ellipse tool and place small protrusions in between our main rectangles. Rotate them 30 or -30 degrees to get the right angle.


16.  Now, before we merge everything, copy the innermost circle and save it for layer. Then, select everything besides our copy of the innermost circle and click on the unite option in the pathfinder.


17. Next, place back our copy of the central circle. Select the main circle and our little circle and click on “Minus front” from the pathfinder.


18. Now colour our cog with a brass or golden colour.

19. Add a 3D effect by selecting Effect -> 3D -> Extrude and Bevel.

20. Just rotate the cube to the appropriate 3D angle that you want your cog to face.


21. Great! Now we have a nice cog or gear. Just customize the colours to your liking.

Hope you enjoy the tutorial! Swing by PrintPlace Tutorials to find more of this.

Did you enjoy this tutorial? Share it, like it, favorite it!
FavoriteLoadingAdd to favorites
0 0 votes, average: 0.00 out of 1
You need to be a registered member to rate this post.
Loading ... Loading ...

Write a Comment

Gravatars are small images that can show your personality. You can get your gravatar for free today!

You must be logged in to post a comment.