Pixel editing with Processing
by Reto Vogel on Oct.31, 2009, under HSLU, Multimediatechnik, Processing, Programming
According to Wikipedia, “Image editing” encompasses the processes of altering images, whether they be digital photographs, traditional analog photographs, or illustrations. Images are stored in a computer in the form of a grid of picture elements, or pixels. These pixels contain the image’s color and brightness information.
In our case, we altered digital photos and learned mor about how to manipulate pixels and techniques to overlay several images.
Image manipulation
I created several pixel manipulations with Processing.
You can see the result in this applet.
Pixel Image
The tasks was about creating a “pixeling” effect. This can be achieved by several ways. I created a grid and took the very first point of each box. Then I filled the rest of the box with the first pixel’s color.
The pixel-resolution can be adjusted whithin the applet by pressing UP and DOWN.
Threshold
In order to get a pure black-and-white picture, you need to set a threshold. The threshold value determines, where the border between black and white is.
You can try it on your own with my applet. Press UP or DOWN to increase or decreasae the resolution and LEFT or RIGHT to change the threshold.
Overlay Images
This applet shows how to overlay two different images. The source are two pictures with the same size. You get different results by adding, subtracting or multiplying.
Check out the applet here.
