2

Network stock image

what is this effect called like dots connected to each other ?

I want to create this effect in Illustrator , is there is any script or plug-ins available in market to create this? , i tried " Distribute on path" script but i just could not create it. Client wants this design in the part of website so i needed to create it.

Image is stock image , Image courtesy : Shutterstock video

This is from Graphic Design perspective

1

I think "networking grid" is an apt description.

I don't think you'd need a script to do this. It's fairly simple to create something like that manually, and by the time you find a script and mess around with it, you could have done it already.

In Illustrator create a dot symbol, and spray the symbol randomly with the Symbol Sprayer Tool. Then Expand the symbol set. Then connect the dots with lines. Enable Smart Guides to make the job easier. The example below took a few minutes.

Example network grid

  • I tried to do that but dots are getting selected together and i couldn't ungroup them : link – Dave Rajan Sep 26 '17 at 10:35
  • Edit : Expand Helped me to Solve that Problem. still connect each dot with lines is pain. i am trying all points script but it is not applying to group and in ungrouped object , it just internally join points in each circle. – Dave Rajan Sep 26 '17 at 10:59
  • @DaveRajan Yes, expand. Sorry I forgot to add that part to my answer. I've edited it now to include that step. Joining the dots is easier with Smart Guides enabled. – Billy Kerr Sep 26 '17 at 11:19
  • +1 @Billy Kerr ,This will help for sure – Dave Rajan Sep 26 '17 at 12:39
2

I've discovered that this effect is often referred to as 'Plexus'.

1

Here's another simple process: (no script involved). The idea is to turn all anchor points into circles. I use a scatter brush for better control.

  1. Create a scatter brush form, based on a single circle.
  2. Draw your "network" with pen tool.
  3. Select and copy it.
  4. Then go Select > Object > Direction Handles.
  5. Hit delete key. You should be left with the anchors only.
  6. Apply formerly created scatter brush to those anchors. They should turn into circles.
  7. Paste in place the copied network.
  8. If necessary, adjust circle size using Form panel

See example below:

dots on anchors

  • 1
    +1 @Vinny , is that dot's can further expand ? – Dave Rajan Sep 26 '17 at 12:38
  • @DaveRajan Not sure I understand your question. You can Expand them, yes! You can make them bigger too... – Vinny Sep 26 '17 at 13:21
  • 1
    @BillyKerr : my Pleasure! – Vinny Sep 26 '17 at 13:21
1

More correctly, this is referred to as a Plexus network - and there's an After Effects plug-in Plexus 3 which will help do this readily.

Refer to this previous question & answer for further details in that context.

What is this «minimalistic dots» video style called?

There are a number of Illustrator plug-ins and scripts which can approach this, but I think I like @Vinny 's proposed answer - though I'd add that for me, I'd probably simplify this a whole lot - draw each line as an individual line, set the arrowheads at each end to the appropriately-sized dot, use Smart guides to snap.

Done.

enter image description here

Hope that helps.

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.