: How do you make separate layers after using the Polar Grid Tool in Adobe Illustrator After drawing a segmented circle in Adobe Illustrator using the Polar Grid Tool, how do you make each of

@Jessie844

Create the number of layers you need. Go object - expand appearance, then select one slice and use the layer-panel to "pull" the little coloured square into a new layer. Repeat.

Vote Up Vote Down

@Sent7350415

If you would like to attack this programmatically, can I suggest javascript, as a good approach. A good place to start is demonstrated by the excellent scriptographer plugin for Adobe Illustrator, (the devs – Jürg Lehni and Jonathan Puckey – are no longer developing past CS5). They are actively developing paperjs - which looks excellent. The Developers say:


Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.


I've attached an example of the procedural art generated, by the division raster example.

// Based on 'JPEG Raster' by Jonathan Puckey:
// www.flickr.com/photos/puckey/3179779686/in/photostream/
// Create a raster item:
var raster = new Raster('mona.jpg');
var loaded = false;

raster.on('load', function() {
loaded = true;
onResize();
});

// Make the raster invisible:
raster.visible = false;

var lastPos = view.center;
function moveHandler(event) {
if (!loaded)
return;
if (lastPos.getDistance(event.point) < 10)
return;
lastPos = event.point;

var size = this.bounds.size.clone();
var isLandscape = size.width > size.height;

// If the path is in landscape orientation, we're going to
// split the path horizontally, otherwise vertically:

size /= isLandscape ? [2, 1] : [1, 2];

var path = new Path.Rectangle({
point: this.bounds.topLeft.floor(),
size: size.ceil(),
onMouseMove: moveHandler
});
path.fillColor = raster.getAverageColor(path);

var path = new Path.Rectangle({
point: isLandscape
? this.bounds.topCenter.ceil()
: this.bounds.leftCenter.ceil(),
size: size.floor(),
onMouseMove: moveHandler
});
path.fillColor = raster.getAverageColor(path);

this.remove();
}

function onResize(event) {
if (!loaded)
return;
project.activeLayer.removeChildren();

// Transform the raster so that it fills the bounding rectangle
// of the view:
raster.fitBounds(view.bounds, true);

// Create a path that fills the view, and fill it with
// the average color of the raster:
new Path.Rectangle({
rectangle: view.bounds,
fillColor: raster.getAverageColor(view.bounds),
onMouseMove: moveHandler
});
}

Vote Up Vote Down