How can I create an array or 'node net' of randomly sized shapes, with thin paths between them and dots where each path meets another path?

Lines and dots connecting to make an unidentifiable shape

  • That is a really unclear image. Do you have a better one? – usr2564301 Jan 12 '15 at 0:48
  • No sorry, I searched for a long time, but because I don't know what it's exactly called, it's hard to find something. But if you enlarge the image it's ok to see, what I mean. – Codey Jan 14 '15 at 17:09

It would be fairly straight forward in Illustrator although not automated.

You could draw the paths with the Pen Tool however you want them. Then draw a small circle and place it at the intersections.

Conversely, you could place your dots wherever you want them, then use the Pen Tool to draw lines between the dots.

There's nothing automatic or "magic button" in Illustrator which would create this for you.

  • 1
    no need to draw the dots separately. just use circular arrow heads on both ends of your lines – conceptoftheday Jan 10 '15 at 2:46
  • 1
    Isn't there a possibility to have these arrowheads at each anchor point? – Codey Jan 10 '15 at 10:10
  • There exists a voronoi (delunlay is the dual of voronoi) script that does this. – joojaa Jan 11 '15 at 10:14
  • Voronoi seems not to be the thing I am searching for: image I found. Do you have a Link to this script? – Codey Jan 11 '15 at 22:07
  • "Isn't there a possibility to have these arrowheads at each anchor point?" No, but if you press "P" for the pen tool after every two clicks and move your pen ever so slightly you will be creating separate lines in Illustrator instead of one continuous line. You could then select all the individual lines and add the arrow heads to all of them at once. – conceptoftheday Jan 12 '15 at 3:57

You can create it using http://dmesh.thedofl.com/ and import the results into illustrator.

  • But as I understand this software, it turns photos into wallpapers made of triangles. I really wanted to create triangles just with lines and dots, like in the image above ;) – Codey Jan 9 '15 at 22:24
  • I think you can just bring in a black background and customize how you do the triangles. It will draw the lines automatically. That's what I've done for similar work istockphoto.com/vector/… – conceptoftheday Jan 10 '15 at 2:42
  • Also see youtube.com/watch?v=GR4DPfgNhs8 – conceptoftheday Jan 10 '15 at 2:43
  • Unfortunately if I load color image in Mesh, then the program doesn't create any triangles. – Codey Jan 10 '15 at 10: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.