Wrapping Patterns Around Cylinders

Wrapping Patterns Around Cylinders

Brett wrote in looking for a way to accomplish a diamond grip pattern wrapping around a cylinder, like the one shown above. It’s easy enough to trace a photo, but what if you didn’t have one, or it wasn’t at the right angle?

The technique I’d use is similar to mapping a label to a can.

Wrapping Patterns Around Cylinders

1. Create the artwork you’ll need. The diamond pattern matches the angle and density of the original. The black circle is the same diameter as the reference part, and is filled with no stroke.

Wrapping Patterns Around Cylinders

2. Make the pattern a symbol. Drag the pattern into the Symbols palette.

Wrapping Patterns Around Cylinders

3. Extrude the circle. Go to Effects > 3D > Extrude & Bevel. Click the Surface dropdown at the bottom and select Wireframe. This will help you orient the cylinder to the desired angle. I usually start by entering 0° for all the rotation angles, then rotating one axis at a time by grabbing the edges of the preview cube.

You may need to reposition your cylinder to line up better with a reference image. To do this, Click OK, move the cylinder as needed, then open your Appearance pallete and double click on the 3D Extrude & Bevel item. You may need to turn Preview back on.

When you’re happy with your geometry, click Map Art…

Wrapping Patterns Around Cylinders

4. Map Art. Click through the Surfaces to find the rectangular side surface. Then select your pattern from the Symbol drop down. Next, select Scale To Fit at the bottom and check off Invisible Geometry. Click OK.

Wrapping Patterns Around Cylinders

5. Change Surface to Flat Shading. Click OK. You can now edit the artwork as needed by going to Object > Expand Appearance. In my example, I changed the yellow fill to white, then drew the rest of the lineart on another layer.

Have a common problem in Illustrator? Let us know in the comments, or email it to suggest@technicalillustrators.org!

About James Provost

James Provost is a freelance technical illustrator and co-founder of TechnicalIllustrators.org. His work can be seen at JamesProvost.com. You can follow him on Twitter @jamesprovost.

2 comments

  1. Steven W. Howard says:

    That’s a really simple, yet extremely helpful tutorial, James. Thanks for the post!

  2. Kristin says:

    Ahhh clever! I wish I had thought of this a month ago, it would have saved me a lot of time! Good to know.

Leave a comment