No surprise that reviewing image manipulation last Wednesday in Processing sparked a ton of collage ideas!
It’s a little hard to describe what visually interests me when it comes to collage. So rather than describe, here is my sketch:
I sliced up two of my iphone photos into very thin rectangles and placed each slice next to each other one after the other. Because the slices are so thin, and one image is black and white and the other image color, there is this weird, subtle effect where the two images look like one image. I ended up using the copy function in Processing to accomplish.
I have a lot of ideas where I want to take this initial concept! I want to play around more with weird effects – mirror the images, rotate, and have the slices go up and down in a wave pattern. I also eventually want to play with different shapes – circles especially!
But first, I need to get my Processing skills into better shape.
It’s a little hard to translate the ideas I have in my head to code, so I think I need to create my initial concepts in Photoshop to help me understand visually the loop I need to write.
Source Code:
PImage img; // Declare variable “a” of type PImage
PImage img1;
void setup() {
size(640, 640);
// The image file must be in the data folder of the current sketch
// to load successfully
img = loadImage(“urban-abstract-water-1.jpg”); // Load the image into the program
img1 = loadImage(“dreamywater.jpg”);
}
void draw() {
background(41, 41, 46);
// copy() http://processing.org/reference/copy_.html
// x,y,width,and height of section of the image
// copied to x,y,width,height of rectangle on screen
//copy(img,0,0,4,640,636,0,4,640);
int x = 0; // this is where the loop starts
int w = 4; // this is the width of each “slice”
while (x < width) {
copy(img1, x, 0, w, 640, x, 0, w, 640);
copy(img, x+w, 0, w, 640, x+w, 0, w, 640);
x = x + 10; // this is how far apart each “slice” is
}
}
