3

I came across this work (unfortunately creator unknown, please let me know). It looks like it is done in Adobe Illustrator. Is there any body out there which knows how to create this effect? enter image description here

This is what I've tried:

enter image description here

1
  • Please share what you have tried.
    – Scott
    Commented Jul 16, 2019 at 19:44

2 Answers 2

4

The simplest way is to:

  • Draw 2 circles, one filled with white and one with black, and overlap them like this: enter image description here
  • Create a scatter brush with this object; -draw a curved path and apply the brush to the path stroke, for example:
    enter image description here
  • add the extra rings on the tip and adjust the spacing on the brush / object as necessary to increase the illusion of volume.
4

It would be easy to say: Get 3D! That subject is discussed in the end.

But actually this can be done in Illustrator or at least it's possible to make something resembling. Blending can be used as you have guessed.

Blending grey disks with a black stroke AND inserting a curved spine gives this:

enter image description here

The curved spine must be circular for apparently uniform cylinder curvature. I used only a half circle, but your example has more, nearly 3/4.

The stroke is actually needed only to show the borders of the pieces. Make it as thin as possible, but you can still see it. It helps the actual coloring. I thinned it soon because it covered too much.

With shape builder one can fill half of the grey areas to white after the blend is expanded and ungrouped. Filling is a slow job because there are so many crossing curves, but it creates the white belts as individual objects. Select all, click the shape builder tool, select fill color and paint over areas which belong to the same belt.

The shape builder is destructive tool. Fix an error immediately with Ctrl+Z.

enter image description here

enter image description here

Actually also the grey areas should be united to belts, because you may want to recolor them. That fortunately is possible easily with the pathfinder panel after all white belts are ready. Select one grey piece, goto Select > Same > Fill color, Click Unite in the Pathfinder panel, Ungroup. Select a color for the grey areas and remove the strokes if you do not want to keep them. My white belts have a thin stroke for better visibility on the white artboard.

enter image description here

Finally one can draw a couple of white rings to the visible end and insert a background, if that's needed. I haven't it.

enter image description here

The rings cannot be exactly round nor uniformly wide if you wan to imitate a rounded end. I applied the stroke width tool to a couple of circles.

The final shape could have slight gradients instead of pure black and white to make it more 3D-like. That's called "shading". It's often a substantial percentage of the work and needs much practicing before the eye starts to see what's needed.

In 3D there's several possible ways to build this shape. For example one can extrude a circle along a helix curve to get the curved cylinder. Doing it in pieces generates the separately colorable zones. The rounded end can be an inserted half sphere which is splitted to separately colorable segments.

Another possiblity is to tile short straight cylinders + a spliced half sphere along a line and map the whole geometry in a way that the straight construction axis is mapped to a piece of helix. It's tried here:

enter image description here

When watched along the rotation axis of the helix (Z-axis) the mapped version looks out this:

enter image description here

The result differs from the one which is made in Illustrator. In the 2D image the slices aren't circular. Their watching direction changes, so all slices look out differently elliptical. Illustrator made all slices circular. In addition the 3D program generated shading and perspective. Without the perspective the distant end looks out thicker.

Generally 3D has several advantages:

  • it gives automatically correct 2D projections, no matter how complex is the object, you get variations with zero effort
  • automatic shading, nearly zero effort is needed for light variations
  • surfaces can have textures and images, automatic realistic projections and shading for them, too (inserting them can be complex)
  • limitless complex scene building possiblities

A detailed 3D receipe is beyond the scope of this answer.

2
  • the shapes in the example look solid black and white, the illusion of shadow is created purely by the interference / proximity of the circles
    – Luciano
    Commented Jul 17, 2019 at 15:07
  • @Luciano You obviously are right! Point sample color picker shows darker grey near the inner curve, but I guess it's caused by blurry resampling or JPG compression. The high contrast seemingly really causes visual recognition to be unreliable, too.
    – user82991
    Commented Jul 17, 2019 at 15:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.