I want to have the yellow and red lines 'flowing' exactly alongside the blue line, eliminating the white space between the bends but without distorting them. If I drag the anchor points, it ruins the bend.

enter image description here

All 3 of them are shapes which each shape being a 'line' of 2px wide. The width of the shaped line shouldn't change.

How do I achieve this?


You could use an Art Brush for this.

  1. Draw three rectangles, and fill each with a colour.

  2. Select all, and drag and drop them into the brushes panel

  3. When the New Brush dialog appears, choose "Art Brush", click OK

  4. Draw a line with curved corners, apply the Art Brush you previously made

Exampleenter image description here

Edit: As for making sure the rectangles are 2px high, you can change the units in preferences to pixels. Then draw a rectangle. In the bar along the top you can change the height to 2px.

enter image description here

| improve this answer | |
  • Thanks for answer. Interesting approach. How do I make sure the lines are each 2px thick? I'll add that requirement to my question. – Gerlof Leuhof Jan 17 at 13:41
  • @GerlofLeuhof - I added an edit to my answer. – Billy Kerr Jan 17 at 13:52
  • Thank you. It's close to working. I'm getting a strange first line though, see this screenshot: i.imgur.com/p9fzSHG.png – Gerlof Leuhof Jan 17 at 14:50
  • 1
    @GerlofLeuhof Looks like the curve is too tight. Although this solution works, it can't work miracles that go beyond what's physically possible. You will need to open up the curve a little. Here I used the corner widget functionality to create the curves - since these can be re-adjusted later at any time. – Billy Kerr Jan 17 at 15:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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