Instant Celtic Art

Scripting InDesign to create patterns

Max Dunn
Max Dunn
Dec 25, 2013 · 3 min read

Adobe InDesign is a magical tool for creating art, and one interesting approach is using the wonderful exposure to automation that InDesign provides. Rather than , let me offer you a simple example of how beautiful art can be created easily with some simple scripting and minor manual adjustment to the results of the scripts.

The scripts for this and other cool art are available . By simply copying the .jsx files to the appropriate folder , you are ready get started auto-generating art.

To get an idea of the sort of design aesthetic our code is going to mimic, you can . We are using the “NINA” script written by Olav Martin Kvern, built on an algorithm by Matt Freedman — for more about NINAs, see

Assuming you’ve put the scripts in the right place, from within InDesign you can Choose Window>Utilities>Scripts and you should be able to find them in the scripts panel. Double-clicking on the NINA script should invoke the following dialog:

Image for post
Image for post
Dialog for entering parameters to the NINA script

Set the following parameters:

  • Number of iterations: 800
  • a_pulse: 7
  • b_pulse: 10

Don’t change anything else for now: just click “OK”.

Without moving the path you’ve created, create another one with the following parameters:

  • Number of iterations: 800
  • a_pulse: 8
  • b_pulse: 11

At this point, you should have two paths on top of each other looking something like this:

Image for post
Image for post
Results of running the script twice

Select the two paths and create a compound path by choosing Object>Paths>Make Compound Path. Apply a fill (in this example, black) and a stroke (in this example, 3 point Cyan). Voila! Instant “celtic knotwork” design.

Image for post
Image for post

function myDrawNina(myNumberOfLines, a_pulse, b_pulse, myLength, myClosedPath){

var cur_x, cur_y;

var myAnchor = new Array(2);

var myArray = new Array;

//Rather than draw the entire path point-by-point, we’ll fill an array and then

//use it to fill in all of the point locations at once using the entirePath property.

//Fill in the Array “myArray” with a list of coordinates.

for (var myCounter = 0; myCounter < myNumberOfLines; myCounter++){

cur_x = (Math.cos((-2 * Math.PI * a_pulse * myCounter) / myNumberOfLines) + Math.cos((-2 * Math.PI * b_pulse * myCounter) / myNumberOfLines)) * myLength;

cur_y = (Math.sin((-2 * Math.PI * a_pulse * myCounter) / myNumberOfLines) + Math.sin((-2 * Math.PI * b_pulse * myCounter) / myNumberOfLines)) * myLength;

myAnchor = [cur_x, cur_y];

myArray.push(myAnchor);

}

app.activeDocument.viewPreferences.horizontalMeasurementUnits = MeasurementUnits.points;

app.activeDocument.viewPreferences.verticalMeasurementUnits = MeasurementUnits.points;

var myPage = app.activeWindow.activePage;

var myGraphicLine = myPage.graphicLines.add();

myGraphicLine.move(undefined, [“1p”,”1p”]);

var myPath = myGraphicLine.paths.item(0);

//Now set the entire path to the contents of the array.

myPath.entirePath = myArray;

if(myClosedPath == true){

myPath.pathType = PathType.closedPath;

}

else{

myPath.pathTYpe = PathType.openPath;

}

//Label the graphic line with the parameters used to create it.

myGraphicLine.label = “number_of_lines = “ + myNumberOfLines + “, a_pulse = “ + a_pulse + “, b_pulse = “ + b_pulse;

}


Image for post
Image for post

Experiment! Try different parameters, rotate the same path and overlay it on itself before making the compound path, try the other scripts… who says an algorithm doesn’t have a soul?

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store