{"id":1170,"date":"2013-08-11T16:20:04","date_gmt":"2013-08-11T23:20:04","guid":{"rendered":"http:\/\/thelawlers.com\/Blognosticator\/?p=1170"},"modified":"2013-09-05T03:24:12","modified_gmt":"2013-09-05T10:24:12","slug":"1170","status":"publish","type":"post","link":"https:\/\/thelawlers.com\/Blognosticator\/?p=1170","title":{"rendered":"Drawing a Coleman Lantern with Illustrator\u2019s 3D tools"},"content":{"rendered":"

\"Blognosticator<\/a><\/p>\n

In my last blog about the failure of my Cinema Display,<\/a> I included a detailed illustration of a Coleman lantern. This was dredged entirely from memory, and included as an after-note in an illustration of a heliograph that I built in junior high school.<\/p>\n

\"Heliograph<\/a><\/p>\n

After I posted that blog I realized that there was some instructional value to the lantern illustration because I did it with Illustrator\u2019s odd but effective 3D tools. They are found under Effect>3D>Revolve,<\/em> etc. I like these tools, but they leave a lot to be desired (more on that later).<\/p>\n

The lantern is relatively easy to draw if you have a sense of the construction of such a device. It is made up of several simple parts, a canister of fuel at the bottom, a regulator valve in the middle of a cylinder above that, then a base for the lantern glass, the glass lens, and two tiers of steel caps on the top, one provides a vent for the hot gasses escaping from the lantern.<\/p>\n

Then, on the very top there is a machine screw and a wing-nut to hold the glass and the top caps on, and a wire handle that hinges from the lower top cap.<\/p>\n

\"Coleman<\/a><\/p>\n

This is my finished Coleman lantern illustration \u2013 it\u2019s a little fancier than the one I used in the heliograph illustration. It\u2019s made up of some relatively simple parts stacked atop one another.<\/span><\/em><\/p>\n

In Fundamental Drawing<\/em> in college I learned how to dissect objects into their primitive shapes:<\/em> rectangles, cubes, spheres, cones, etc. That\u2019s all it takes to draw the lantern, or any other object. Divide the object into its primitives,<\/em> and begin. In Illustrator that\u2019s easy because the primary drawing tools are<\/em> primitives: lines, polygons, rectangles, circles, ellipses. Everything else we draw is either a combination of primitive shapes or a modification of primitive shapes.<\/p>\n

To draw my lantern, I considered the lantern parts from bottom to top, then drew them in unwrapped form. Unwrapping<\/em> a 3D object means to think of its profile only, revolved around a center pivot point, which is what Illustrator does in its Revolve<\/em> controls. The program will do a nice job of creating realistic objects, complete with shading. It helps to have a fast processor and a fast display card, otherwise you may have to wait while the computer catches up with your drawing\u2019s complexity.<\/p>\n

\"Lantern<\/a><\/p>\n

This is the illustration, exploded into its parts. On the right are the profiles of the paths used to create the 3D objects in the illustration. These paths are all you need to make realistic parts of an illustration. After drawing a path, select it, then choose the 3D tool to cause it to become a 3D part in your illustration.<\/span><\/em><\/p>\n

The fuel tank\/base is a spherical shape concatenated with a cylinder. Drawing an object with one straight side, turning into a half-round curve will do the trick. To make it more realistic, I put a little half-round curve at the very bottom to create the base seam on the bottom, as shown here:<\/p>\n

\"Base<\/a><\/p>\n

The cylindrical base is really easy \u2013 it\u2019s just a three-sided line that is revolved into a cylinder in Illustrator. Make the stroke of the line medium gray, revolve the object, and set the light source at the left edge of the illustration to put a nice gradient onto the surface.<\/p>\n

The base for the glass lens is a slightly more complicated path, with a bump at the base and a rolled top. The profile of that path looks like this:<\/p>\n

\"Lamp<\/a><\/p>\n

After drawing this base I had to experiment with the degree of rotation needed to wrap around the front of the lens, but not to go beyond that. It turned out that 195\u00b0 is the right amount for a nice looking base.<\/p>\n

The lens itself is pretty easy. It\u2019s a rounded cylinder stroked with yellow, then revolved 360\u00b0. For the purposes of this lesson I did not put the gas tube, the mantels and the tiny adjustment lever inside the lens; that\u2019s too much detail for this illustration.<\/p>\n

On top of the lens are two cap pieces which are very similar. I used one to draw the second. They are both stroked with green, then revolved 360\u00b0 to make their shapes. At the top are the machine screw and wing-nut, both of which I drew as conventional 2D parts in Illustrator. Drawing screws is easy, but there are a lot of small details you have to get right. I drew one thread, then propagated them downward to make the screw. The wing-nut is an easy item to draw; I have one on my desk that I used as a model. Adding a simple gray gradient makes it look almost real.<\/p>\n

The wire handle was also\u00a0easy. I drew half of it, made it look good, then reflected a copy of the half, joined them at the intersection, then outlined the path, stroked it to make it show better against the other parts.<\/p>\n

When finished, the lantern looks pretty much like I remember them to look, and I was able to make it with Illustrator\u2019s 3D functions. It\u2019s easier than it appears if you know how to dissect a drawing into its component parts.<\/p>\n

\"Coleman<\/a><\/p>\n

To demonstrate how \u201csimple\u201d the lantern illustration is, this shows the entire thing in Illustrator\u2019s Outline view. There are a total of 12 major objects in the illustration; some have sub-parts (the machine screw has quite a few).<\/span><\/em><\/p>\n

What could Adobe do better with Illustrator\u2019s 3D functions? When you make a 3D object in Illustrator, it\u2019s drawn internally with hundreds, sometimes thousands of B\u00e9zier curves and lines. The complexity of these components is mind-boggling. If you Expand one of these objects, you will discover just how many microscopic things Illustrator creates when making these parts. Many times there are three, four, five \u2013 ten copies of a line on top of another line that has the same characteristics. Editing things in Illustrator can take a long, long time, and can occasionally be maddening.<\/p>\n

When Illustrator makes shaded gradients, it does so with scores of rectangles and other shapes, each filled with a slightly different shade of the same color. It would be much nicer if the program created simpler objects filled with gradients made with the gradient function that is used in the 2D part of the program. That would be really nice, and it would make fine editing tremendously better.<\/p>\n

I recommend that you not attempt to edit the objects created by Illustrator\u2019s 3D tools and then Expanding<\/em> their appearance; it\u2019s too frustrating.<\/p>\n

Otherwise, these tools are functional and effective. Illustrations made with these tools are very attractive and realistic. If you don\u2019t look behind the scenes you\u2019re better off.<\/p>\n

Author\u2019s note:<\/em> Coleman is a trademark of\u00a0the Coleman Company, Inc., a subsidiary of Jarden Corporation. I\u2019m sure that their lantern is covered by various trademarks, to which I make no claim.<\/h6>\n","protected":false},"excerpt":{"rendered":"

In my last blog about the failure of my Cinema Display, I included a detailed illustration of a Coleman lantern. This was dredged entirely from memory, and included as an after-note in an illustration of a heliograph that I built … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,25],"tags":[43,45,44,38,41,42,40,39],"class_list":["post-1170","post","type-post","status-publish","format-standard","hentry","category-art","category-software-2","tag-3d","tag-drawing-3d-objects","tag-illustration","tag-illustrator-3d","tag-illustrator-bevel","tag-illustrator-extrude","tag-illustrator-revolve","tag-illustrator-rotate"],"_links":{"self":[{"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=\/wp\/v2\/posts\/1170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1170"}],"version-history":[{"count":6,"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=\/wp\/v2\/posts\/1170\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=\/wp\/v2\/posts\/1170\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thelawlers.com\/Blognosticator\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}