eesur/voronoi-illustrator

path data out of adobe illustrator to create voronoi using D3

This repo is a system for taking path data out of adobe illustrator and using it to create a Voronoi diagram

Illustrator Point Exporter is used for of Export [x, y] anchor point coordinates as JSON from Adobe Illustrator. The path tool is used, without beizer curves. The path tool is ideal, as then we only get [x, y] values for each point.

TODO: create a video and/or images to explain the steps

Setup (only need to do this once)

• You need node installed
• Install blockup: npm install -g blockup
• Clone/download this repo locally.

---

Usage

Create the path data:

• In Illustrator, File > Scripts > Other Script and locate script/exporter.js.
• Name and save your JSON export to: voronoi/_dataFiles

Create the voronoi:

• Set your settings in voronoi/index.html such as img name and data file name
• Go in to to the voronoi folder: cd voronoi and run: blockup
• View at: http://localhost:3000/

---

Export the voronoi

TODO: add an export button

for now copy element from dev tools, save as an svg file and import into illustrator

---

Use in the wild:

Voronoi Portraits| A level mock.

---