Illustrator: how to reproduce line art

I am interested to find a proper way of reproducing the below line art example.
What I’ve tried:

-I’ve created two layers with paralel lines with different widths using Blend/make option.

-Using the Object tool, I’ve created a circle, used as a clipping mask over the top layer.

The problem is that I can’t achieve the round thick line endpoints like we have in the source example. Any thoughts?

Illustrator: how to reproduce line art
enter image description here

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

The trick is to use shape builder tool (Shift+M). Shape builder allows you to eliminate lines without expanding something that pathfinder is totally unable to do. Do this:

  1. Draw mask
  2. Make your lines.
  3. Duplicate the lines (to different layer perhaps)
  4. (Expand duplicate if you used blend tool)
  5. Select duplicate lines and mask shape, then alt drag a line cutting the outer lines. Apply the remaining lines with a thicker stroke.

enter image description here

Image 1: Time lapse of sequence (mask was drawn after step 4)

enter image description here

Image 2: result with round caps. Time 2 minutes. Now I must sleep.

Now since the ends are lines you can define custom line ends for what kind of transition you want. One can go quite wild with the implementation since it is relatively fast to do. So even complex shapes are viable.

More elaborate effect

Image 3: A more elaborate effect for fun.

Method 2

Use the circle and clipping path you have as a stencil, but then use the rectangle object tool and trace them over the lines. This way you’ll be able to introduce rounded corners to the rectangles and get those exactly as you like.

Method 3

Instead of using a clipping mask, I would simply divide the set of thicker lines with the circle (either using Pathfinder or the shape builder tool) and set your strokes to use round endpoints. That should do the trick!


All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x