Skip to main content
Participant
September 19, 2016
Question

How to create a dot to dot image in Illustrator?

  • September 19, 2016
  • 4 replies
  • 17538 views

Hello, I'm new to illustrator and hoping someone can help.  I have pictures that I would like to convert to children's dot to dot puzzles.  I would like to keep the inner detail of the object and just remove the outline and replace it with dots.  I'll then add text boxes to number the dots.  I'm not sure how to isolate the outer edge and convert it to dots however.  I read somewhere that creating a locked layer of the picture and then using the stroke function would work but I seem to be missing steps in-between as it's not working.

Any help would be appreciated.

Sonya

    This topic has been closed for replies.

    4 replies

    Ton Frederiks
    Community Expert
    Community Expert
    September 19, 2016

    This is from an old thread and if you use a Mac it will number the dots for you.

    (**********************************************************

    Connect the dots from drawn path.

    Draw your path point to point.

    With the path selected, Select > Object> Direction handles

    Delete (this should leave the points, no connecting lines)

    With the points selected, Effect > Convert to Shape > Ellipse

    Specify an appropriate radius. Set fill to black after the effect is applied. Save a Graphic Style to reuse.

    From http://forums.adobe.com/message/4535615#4535615

    *********************************************************)

    Save the following in the Script Editor app with the extension .scpt (or as a plain text file with the .scpt extension)

    tell application "Adobe Illustrator"

      tell current document

      set allDots to every page item

      set y to 1

      repeat with thisDot in allDots

      set myPos to (position of thisDot)

      set newTXT to make new text frame

      set contents of newTXT to (y as string)

      set size of every character of newTXT to 6

      set position of newTXT to myPos

      set y to y + 1

      end repeat

      end tell

    end tell

    Jacob Bugge
    Community Expert
    Community Expert
    September 19, 2016

    Sonya,

    To create customized dots exactly where you want them, such as on top of Anchor Points (you may lock the path(s) in question), you may (Smart Guides being your friends):

    1) With the Ellipse Tool create a fill/nostroke circle with the desired size;

    2) ClickDrag the circle by its centre to the first dot spot (if it is on an Anchor Point Smart Guides will say anchor, on segments it will just say path);

    3) Alt/OptionClickDrag to whichever other dot spots you wish to add;

    4) Unlock the path(s) if locked and set the Stroke to None.

    Participating Frequently
    September 19, 2016

    Using a dashed line stroke might work:

    Monika Gause
    Community Expert
    Community Expert
    September 19, 2016

    Illustrator doesn't have automation for this. Some scripts might help ...

    I'd use Inkscape for that.

    https://design.tutsplus.com/tutorials/connect-the-dots-with-visualize-path-in-inkscape--cms-20463  (scroll down)