For this assignment, we were to pick an obscure word (Thanks, AWAD!) and lay out its definition and pronunciation alongside it, implementing a visual hierarchy. 11″ by 17″, landscape or portrait, no constraints on colours, filters, etc. Mostly to be done in Illustrator, but I was given leeway to use Photoshop to get a proper colour halftone effect on the display type.
This project also marked my first foray into generative art.
I used NodeBox, an open source Mac OS X app, to generate the concentric circles. Here’s the code:
# Copyright 2009 Aylwin Lo
# Please feel free to use/modify with credit.
size(1700,1100)
background(0, 0, 0)
nofill()
stroke(1,1,0)
for i in range (40):
radius = i*3
oval(WIDTH/2-radius, HEIGHT/2-radius, radius*2, radius*2)
stroke(1,0,1)
for i in range (40):
radius = i*4
oval(WIDTH/2-radius+100, HEIGHT/2-radius+100, radius*2, radius*2)
stroke(0,1,1)
for i in range (40):
radius = i*5
oval(WIDTH/2-radius-125, HEIGHT/2-radius+125, radius*2, radius*2)
I also implemented the same idea in ActionScript 3, but in the time I had I couldn’t figure out how to export the vectors (I later learned that it’s as easy as a right-click, Print, and Save as PDF. D’oh).
// Copyright 2009 Aylwin Lo
// Please feel free to use/modify with credit.
concentrics(0,0,3,0xffffff);
concentrics(50,50,8,0x00ffff);
concentrics(100,50,6,0xff00ff);
concentrics(50,100,6,0xffff00);
function concentrics(loc_x:int, loc_y:int, spacing:int, circolour:uint):void
{
var i = new int;
for (i=1; i<30; i++)
{
graphics.lineStyle(1,circolour,1,true,LineScaleMode.NORMAL);
graphics.drawCircle(loc_x,loc_y,i*spacing);
}
}
Posts