Processing – Image Pixelation/Manipulation

Processing

“A digital image is nothing more than data — numbers indicating variations of red, green, and blue at a particular location on a grid of pixels. Most of the time, we view these pixels as miniature rectangles sandwiched together on a computer screen. With a little creative thinking and some lower level manipulation of pixels with code, however, we can display that information in a myriad of ways..”- (Processing, 2008)
In this workshop, we worked on using the pixels in regards to a image and explored how to manipulate them in basic but effective ways.
The first thing to do is create a folder for the sketch and within that a ‘data’ folder for the source images and save whatever image I wished (I am going to use two similar images in size, two “The Dark Knight Rises” posters).

The next thing we did was enter the code below: imageBrushcode

This code uses the ‘PImage’ similar to a void function, but to create images, the code gives the image to have a brush style effect.

We also learnt how to put an effect over an image too, the code used makes it look almost unstable, this is done by using an integer to create multiple small squares that are given a random variable to move around in a small area.

unstableImagecodehttp://giant.gfycat.com/ConsciousConfusedAgama.gif

Reference:

https://www.processing.org/tutorials/pixels/

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