Project 3A – Reconstruction of Mondrian’s Composition II in Red, Blue, and Yellow

In New Media 3680 class, Interaction Design, we finally gone into Processing. For the first assignment, we are required to reconstruct a painting by Piet Mondrian. Here is the original painting for his artwork – Composition II,

Image

As an open source programming language, Processing is able to produce electronic art that builds in Java language. Here it is the code that I have written to produce the image above.

//image import to photoshop
//pixel measurement 600×600
//grid assignment to pixels
//600 pixels = 34 grid boxes
//Indentifying color using color picker in photoshop

void setup(){
//black background
background(0,3,4);
size(600,600);
}

void draw(){
noStroke();
//right down
//red
fill(128,21,3);
rect(161,0,439,432);

//natural
fill(230,237,204);
rect(161,442,390,158);

//left down
//natural
fill(230,237,204);
rect(0,0,150,185);

//natural
fill(230,237,204);
rect(0,202,150,229);

//indigo
fill(15,28,63);
rect(0,442,150,158);

//bottom right
//natural
fill(218,160,1);
rect(563,528,37,72);

//Orange
fill(230,237,204);
rect(563,442,37,72);
}

So, I basically import the image into Photoshop, then getting the right proportion in ratios. Later, I use the color picker in Photoshop to determine the color code for each block. There is no strokes used, it is just the black background behind. Now this is what it looks like,

Image

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s