Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Realistic Gears


Lets face it - without gears and cogs we would all still be in the stone age.   For hundreds of years these mechanical marvels have enriched our lives and, over time, have allowed us to make clocks, VCRs, and other modern personal items a reality.  As any mechanical engineer will tell you, however, they take lots of time to design, because each 'tooth' has to intermesh with the 'groove' of another gear. Scale a simple gear up to include various sizes, each with differing numbers of teeth, albeit all meant to fit together, and you have a real logistical nightmare on your hands!    Whilst this tutorial will not go into the actual theory of gear design (that's more the domain of a university course), serious efforts will be made towards producing a final result that is scalable and yet creates gears that will intermesh reasonably too.

Step 1: Create a blank 200px by 200px document and fill the background with anything you like (white may be best at first).   Create a new transparent layer on top, select it, and, using the standard Rectangular Marquee Tool draw a selection 32px wide by 186px tall. Using the 'fixed size' abilities of the tool will definitely help here.     Now choose Edit > Fill from the menu and fill the selection with 50% grey.  Do not deselect yet.

Step 2: Now choose Select > Transform Selection from the menu and rotate the selection by 45 degrees.  You can do this by entering the value directly into the toolbar or by holding down SHIFT on your keyboard and dragging outside the selection (this moves the selection in 15 degree chunks). Press ENTER to finalize the selection changes and fill this new selection with 50% grey as in step 1.  Repeat another two times to get a result similar to the one on the left.

Step 3: Using the Elliptical Marquee Tool,  draw a circle 144px by 144px in size and move the selection into the middle of the rectangular shapes.  Fill it with 50% grey as before.   Now run through my anti-aliasing tutorial with a Gaussian blur of 5 to smooth out the edges and get a result similar to that on the left.

Extra: A quick analysis of the shape via a duplicate (i.e. the blue gear) shows they fit together well.

Step 4: Now that we have the basic shape designed, all we have to do is make it look metallic.   With the gear shape layer still selected in the layers palette, choose Layer > Layer Style > Bevel and Emboss from the main menu and duplicate the settings on the left.  The gloss contour is a standard one included with PS called 'rolling slope - descending'. Feel free to mess around with the contour a little, though, to tighten up the highlights as you see fit.

Step 5: Without leaving the layer effects dialog, progress onto the contour subsection and enter the settings shown here.  Now Press OK.

Step 6: The resultant shape is a little dark, so brighten it up by choosing Image > Adjustments > Brightness / Contrast and setting both sliders to +100.  If all has gone well you should now have a gear that looks like the one opposite.  As you will quickly notice, however, the main area keeps a solid colour.  This can be quickly rectified by finding a nice metallic texture and mapping it over the shape.  If you don't know how to do this, my Texture Mapping tutorial should be your next port of call.

Step 7: Here's one I did earlier.  Don't forget to include a hole or axle in the middle of your shape, or there will be no way to anchor it to anything.  This isn't essential, of course, but we are aiming for realism after all...   ;)  

Variations: Don't be put off by the apparent complexity of this example, because its really not any harder to make than the one above.  Just use few more layers with circular selections, copy layer styles across, and voila - you have a much more impressive cogwheel.  With a little imagination and experimentation you'll be able to create fantastic-looking mechanical marvels in no time.

Footnote:  Want to create additional gears with more/less teeth, but which also maintain compatibility with the example I have above? Its simple if you apply some basic mathematic principles!   If, for example, you wanted to make a gear 1/2 of the size, you'd halve the height of the box in step 1 (but keep the width the same), halve the circle size of the circle in step 3, and double the selection rotation amount in step 2.  This will give you a tiny gear with four teeth.  As you can probably guess, if you want to double the number of teeth, just do the inverse.

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  Kathryn69 (#46809)
Date: Mon Dec 17, 2007. 01:31:34

Post #8 of 8

Oh boy, can't wait to try this out. Thanks for all your help.

Reply to this post


User:  nickcordano (#45613)
Date: Thu Oct 25, 2007. 17:08:54

Post #7 of 8

Quote from trailchic;30071:
very nice. I am sure I'll be using it soon


I will give that a try later. thanks for the info

Reply to this post


User:  kirsten (#43397)
Date: Mon Jul 16, 2007. 04:20:47

Post #6 of 8

This is GREAT!! Just what I was looking for. Thank you so much.

Reply to this post


User:  foggyrain (#36400)
Date: Mon Jan 08, 2007. 14:37:09

Post #5 of 8

I LOVE Biorust! This is exactly what I needed and so easy to find. Thank you for posting it!

Reply to this post


User:  jawadah (#34992)
Date: Tue Nov 28, 2006. 04:51:33

Post #4 of 8

thanks a lot, i was realy looking for that ...you help me a lot thx.

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Hershey Kisses
Hershey Kisses
- Adobe Illustrator -
Halftone Dots
Halftone Dots
- Adobe Photoshop -
Blender & Yafr...
Blender & Yafr...
- Blender 3D -
Gradient Bars
Gradient Bars
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Download Source File
Printer Friendly Version
Forum Threads

Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 363 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 372 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 1290 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 1576 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 1420 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 2468 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 2375 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 14998 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 4:37am
Activity: 0 replies, 3578 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 3:19pm
Activity: 2 replies, 3378 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3830 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2641 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673