I'm a newbie with these tools but i need to do a kind of drawing that should be scalable. I would like to reproduce the same kind of waves of the wifi signal but connected each other like below. The orange color is what i would like to have and that i can't achieve in one perfect path. Successives waves connected each other

So i tried to start with half circles or polar grid but don't know how to make a clean connection. Adding circles seems to be the best idea i had but difficult to place and connect them exactly

Thank you


I would set up some guides, and use the Curvature tool to draw one continuous path. Then I'd finish off by using Live Corners to fix the curves.

I'm sure you can get the general idea from this example:

Example screen capture

  • Thank you Billy Your answer is really clear that's exactly what i wanted to achieve using one path. Much better that trying to connect my half circles :-) Feb 19 '18 at 13:16

One way is to use circular paths which have calculated diameters.

enter image description here

  1. Here we have three circles. Their diameters are 10mm, 40mm and 60 mm. The line has the forthcoming cutting direction.

  2. Align all to the same center

  3. Divide the circles using the line. In Illustrator you can for example

    • send the line to back
    • insert anchor points to the circles at the crossings (have snap to points and smart quides ON)
    • use the scissors tool to cut the circles at the new anchors
    • delete the unwanted segments with the direct selection tool + pressing DEL
  4. Move the small arc to its place. It should snap perfectly if only snap to points is the active snap.

5-6. You can change the line widths and colors

These are still strokes without fill, but you can outline them when you are ready. Joining the arcs combine them to one object.

In Inkcape the same method works, but the circles must be sized with zero width stroke because half of the stroke width is inserted to the radius. Inkscape has easy to use Path > Divide command. It's easier than messing with the node tool. Only remember convert the circles to paths (Path > Object to Path) and have three copies of the line, all raised to top.

If you work in Inkscape, and make outlines, you have Path > Stroke to Path. It's possible that after conversion you notice a gap between the segments It's invisible, but appears when you try to make an union and add a common stroke & fill. The gap gets stroke, too. It can be avoided by dragging with the node tool the seam corners to snap or overlap.

A random coloring after making outlines:

enter image description here

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.