Pixel Drifter- pixel-sorting application

Desde qué Kim Asendorf creó su ya famoso “Pixel Sorting Code” para Processing en Octubre del 2012 han surgido numerosas variaciones del mismo, ya en los mismos foros de Processing, ya en páginas de otros autores (como Adam Ferris) que han ampliado de una forma sustancial la forma de uso de esta técnica de ordenamiento de píxeles y sus resultados a nivel visual. El uso de estos códigos es bastante sencillo pues basta con crear un nuevo sketch, pegar el código correspondiente, poniendo el nombre de la imagen que queramos transformar (la cual hemos de haber colocado previamente en la carpeta del sketch creado) y darle al run. Sin embargo es interesante leer el artículo publicado por Daniel Temkin en Noo Art “Ceci n’est pas une glitch” http://nooart.org/post/73353953758/temkin-glitchhumancomputerinteraction en el que habla precisamente de este arte algorrítmico y plantea una serie de interrogantes sobre esta cuestión. ¿Realmente podemos hablar de un fallo en la máquina cuando ésta hace lo que está programado en un código? La máquina hace lo que se le ordena, no tiene conciencia de que está alterando una imagen, eso es una consecuencia a posteriori de una orden subjetiva que nosotros le hemos dado con esa intención. No me voy a extender sobre este tema pero recomiendo totalmente esta lectura pues pone de manifiesto la continua reflexión y vitalidad que hay en el ámbito del glitch art y que, por desgracia, no existe en otros ámbitos del arte visual digital.
Una evolución del pixel sort es una nueva aplicación escrita en Java llamada Pixel Drifter creada por Dmitriy Krotevich. En un principio la aplicación no tenía interfaz y tenía que llevarse a cabo a través de la linea de comandos para que fuese operativa. Pero con la versión Build 080414 ya existe una versión con una interfaz que funciona como cualquier software, con un menú con diferentes opciones de Parsing, Sorting y Visualization y puede leer cualquiera de estos formatos: png .gif. y .jpeg. Una opción interesante es que podemos guardar frames cada % del proceso de render (5%,10%, etc) lo cual es muy funcional si queremos luego hacer un gif animado. En este video se explica perfectamente el funcionamiento de esta aplicación, por lo que no me alargo más.

He probado esta aplicación y funciona bastante bien aunque si las imágenes son muy grandes sale un error: “out of memory”, pero los resultados son interesantes.

frame065_obama4

frame030_P2130024

frame090_Foto 19-12-12 15 04 13

frame097_datamosh_beta1.1b4_2

+info:
http://0000.io/drift/

Etiquetado con: , , ,
Publicado en app, Glitch

Macroblocks JPG

JPEG (del ingles Joint Photographic Experts Group, Grupo Conjunto de Expertos en Fotografía) es el nombre de un método de compresión de archivos de imagen usado para su digitalización, pero también es considerado como un formato de archivo que aunque difiere en su nombre según su uso (JPEG/Exif para formato de imagen más común utilizado por las cámaras de fotos digitales o JPG/JFIF, para el almacenamiento y la transmisión de imágenes fotográficas en la WWW) es conocido generalmente con la extensión .jpeg o .jpg. El hecho de que sea tan ampliamente utilizado se debe a su capacidad de compresión que es bastante alta lo cual está directamente relacionado con la pérdida de calidad: a una mayor compresión tendremos una imagen con menos bites pero con menos calidad y viceversa; por eso el formato de compresión JPG se dice que utiliza un “algoritmo de compresión con pérdida”.
El proceso de compresión consiste en una serie de pasos en los que se van aplicando cambios de color, creación de equaciones para organizar los píxeles en bloques de 8×8 px., cuantificaciones de frecuencia y decodificación final. Es interesante observar que se parte de una cuestión de carácter funcional del ojo humano y de su capacidad visual: éste es más sensible a los cambios de Luminancia (brillo-luz) que a los cambios de crominancia (color), por lo cual la primera parte del proceso será la transformación del espacio de color. Hay que tener en cuenta también que las imágenes usadas comunmente tienen 24 bits por pixel (8 para cada color u 8 bits por canal, rojo, verde y azul).

Lo interesante del proceso para mi propósito es el hecho de que cada componente de la imagen se divide en pequeños bloques de 8×8 píxeles llamados macroblocks que se procesan de modo casi independiente y los almacena como una combinación lineal o suma de los 64 recuadros que forman la imagen. Esto se hace mediante una equación llamada transformación discreta de coseno, abreviadamente llamada DCT. Cuando nosotros efectuamos un proceso de databend en una imagen JPG introducimos elementos extraños en el código (al hacer sustituciones de caracteres, al cortar o pegar o al introducir o escribir nuevos caracteres) por lo cual las equaciones hacen su recorrido y por ello aparecen los los artefactos resultantes en la forma de extraño 8×8 px.

macroblock_8x8

El proceso que sigo es relativamente sencillo, el primer paso es crear la imagen con degradados o texturas (a veces las que vienen por defecto en otros programas a tamaños reducidos 128×128 px. , 64x64px. etc.) luego las amplio a 800×800 y las exporto a JPG con una calidad del 50%. Una vez obtenida la imagen utilizo 0xED (para Mac) y sustituyo caracteres hexadecimales o corto y pego caracteres, etc. hasta que encuentro una imagen en que la que puedo intuir posibilidades. Posteriormente la importo a Gimp.

Captura de pantalla 2014-03-15 14.13.41

A continuación utilizo el Zoom ampliando la imagen hasta que empiezo a ver los pixeles; y aquí es donde viene el trabajo interesante pues se trata de buscar entre las imágenes glitch los macro más bellos, más emocionales, màs intensos por su composición y color. Hay que sumergirse, rastrear entre los miles de píxeles para encontrar el más adecuado. Hay que penetrar en el laberinto de Dédalo para matar al Minotauro. Suelo utilizar mucho los degradados (después de someterlos a un proceso de databend) porque de éstos se pueden extraer composiciones coloristas y minimalistas de gran calidad; es emocionante ver las gradaciones suaves de color, pixel a pixel, es como ver unas hojas de Pantone pero encerradas en un cuadro. En este sentido estas obras van más allá de lo que es el simple fallo de la máquina, la mera factura tecnológica; es quizás la representación más pura del mismo pues comunica la ruptura a través del color y la representación lineal. Los grupos de pixeles pueden ser de diferentes tamaños 8×8, 32×32, 64×64 etc y a continuación selecciono la imagen y la copio.

Captura de pantalla 2014-03-15 14.24.42

luego en Archivo-> Crear-> Desde el portapapeles creo una nueva imagen con la imagen recortada y la escalo a 800×800 pero teniendo en cuenta de poner en interpolación: ninguna ( “nearest neighbor” si usas Photoshop) para que los bordes de la imagen aparezcan nítidos y la exporto como JPG con la compresión por defecto (90%).

Captura de pantalla 2014-03-15 14.27.43

El resultado son una serie de macroblocks con diferentes degradados de color o diferentes combinaciones de ellos según haya sigo la imagen inicial y también según hayamos escogido el tamaño en pixeles de la composición final. El número de variaciones es infinito y ahí entra la capacidad del artista en descubrirnos lo que a simple vista no se ve, lo oculto, lo misterioso y mágico que espera latente ser descubierto en este proceso de glitch art.

 

grad_macroblock_4_8x8

grad_macroblock_91_2

70S_MARB_2_Macroblock_3

grad_macroblock_4_zoom_FB_FE_3

70S_MARB_2_Macroblock

grad_macroblock_4.2

grad_macroblock_4.3

Etiquetado con: ,
Publicado en Databending, Tutorial

NI Threshold With Colors with Disintegrate Mask

Una nueva composición de Quartz Composer buscando un efecto entre feedback y glitch. Para ello utilicé como fuente un Difference Blend Mode para tener dos copias de la misma imagen del video: como Background la imagen original (un video en este caso) y como imagen principal la misma fuente pero con un Queue, Structure Index Member y Signal para que se fueran alterando los frames. Luego el efecto color con NI Threshold With Colors conectandolo con el Target Image de Disintegrate With Mask y Accumulator para el Feedback. Ésta es la composición.

NI Threshold With Colors with Disintegrate Mask

 

You can download the file:
https://www.dropbox.com/s/xsbvkdcs8m6kssd/pixel_glitchNItreshold_color_desintegrate_Syphon.zip

Etiquetado con: , , , ,
Publicado en quartz composer, video

Glitch Gif con Gimp

Desde hace unos años ha crecido de una manera muy importante en la red el interés por el Glitch Art, sobre todo en lo referente al tema de la destrucción de las imágenes pues exige un conocimiento y unos medios más sencillos que, por ejemplo, el tema del video o del hardware; basta un editor de texto y una imagen para realizar un proceso de databend. Por ello han aumentado las páginas de usuarios que muestran sus trabajos de imágenes glitch, las páginas de comunidades y grupos (al pionero grupo de Flickr, Glitch Art, se han sumado otros grupos en el mismo Flickr, Facebook o Tumblr) y también han surgido experiencias en códigos de Processing, Java, nuevos softwares, web pages y apps para IPad que han ampliado considerablemente la capacidad y la inventiva del glitch. Ahora con un par de toque con un dedo sobre tu iPad ya tiene tu imagen Glitch! Yeah…
Por todo este aluvión de new aestetic glitch, digamos que ha surgido una cierta inquietud entre los pioneros artistas de este género en el sentido de que se está desvirtuando el movimiento y se está alejando de sus iniciales planteamientos (investigación, relación entre el pensamiento humano-inteligencia artificial de la máquina, cuestionamiento de la información, de la tecnología como forma de perfección, del poder de los media, etc) para convertirse en una moda, insustancial, vacía, en algo banal con un sentido que va poco más allá del puro entretenimiento. Pero esto exigiría un análisis mayor y no es el objetivo de este post.

Dentro de este barroquismo del glitch un elemento que también ha incrementado su presencia en la red el el gif animado hecho con frames glitch; muchos autores experimentan en este campo y los hay de muy diferentes tipos, desde simples animaciones de píxeles a otras más complicadas hechas con la técnica del Pixelsort o importando frames de una grabación de video.
En este post voy a explicar cómo se hace un glitch gif, aunque la técnica es la misma que se usa para hacer una animación gif normal, de esas que se hacían hace años para animar un botón o algo parecido para una web, algo que hoy ha desaparecido por completo. Los diseños cambian!!!.
Lo primero que tenemos que pensar es qué tipo de imagen y con qué compresión queremos hacer nuestros frames, pues es sabido que no todos los formatos se comportan de la misma manera al realizar el proceso de databending y que tipo de técnica vamos a usar (editor de textos, hexadecimal, Audacity, etc) aunque también es posible mezclar y hacer algunos frames con una técnica y otros con otra.

Para realizar el ejemplo he partido de esta captura de pantalla en formato .JPG que es de es una App para IPad llamada Confabot, con la que puedes conversar a modo de chat y a medida que salen ciertas palabras aparecen diferentes imágenes ( pues eso otra tontería más que la ves la pruebas y dices, bye, bye).

2014-01-29 02.38.58

De esta imagen hice dos copias, una en .GIF y otra en .TIF y utilizando un editor hexadecimal, en este caso 0xED para Mac (es gratuito aunque se puede utilizar también Hex Fiend aunque éste último no te indica el número de caracteres reemplazados, por eso prefiero usar el primero) reemplacé los caracteres FB por F8 dando lugar a las siguientes imágenes y comprobar qué tipo de formato me gustaría usar en mi gif animado. Para ello abrimos el archivo o lo arrastramos a sU icono en el Dock, vamos a Edit->Find y se abre la ventana de reemplazar caracteres. Realizamos la acción y guardamos; los resultados fueron éstos:

JPG
2014-01-29 02.38.58_FB_F8

GIF
2014-01-29 02.38.58_FB_F8_EE_DD2.gif

TIF
2014-01-29 02.38.58_FB_F8cutpaste.tiff

Otra cuestión que hay que tener en cuenta es que no se verán igual nuestras imágenes a las que hayamos realizado nuestro proceso de databend con los distintos visores de imágenes o programas de editar fotos, pues a veces ocurre que una imagen no la podemos abrir en uno de ello ( a veces no da un mensaje de error diciendo que los datos están corruptos) y sin embargo con otro editos si la podremos ver. Como vemos en éstos ejemplos la imagen anterior JPG que ha sido corrompida no se ve igual en Vista Previa, Photoshop CS5 o Gimp.

Vista Previa
v_vistaPrevia

Photoshop CS5
v_Photoshop

Gimp
v_Gimp

Una vez que ya hemos decidido con qué técnica y formato de imagen vamos a hacer nuestra animación gif; en primer lugar tendremos que ir haciendo los diferentes frames los cuales podemos hacer al tamaño y modo (RGB o Indexado) que queramos pues luego los podremos cambiar. En este caso he escogido el formato .JPG y he ido sustituyendo caracteres, cortando y pegando, añadiendo texto, etc hasta conseguir un total de 8 imágenes diferentes. Algunos ejemplos:

confabot25

confabot28

Cuando tengamos todas las imágenes en una carpeta abrimos Gimp y vamos a Archivo-> Abrir como capas; esta es una opción muy interesante y práctica pues nos abre todas las imágenes que seleccionemos directamente en capas diferentes; esta opción no la tiene Photoshop y en éste tienes que ir creando la animación frame por frame añadiéndolas al timeline de la Animación y a la pestaña de capas (Layers) por lo que Gimp es mucho más práctico en este sentido.

Captura de pantalla 2014-02-07 19.58.10

Una vez hecho esto se nos abrirá una ventana y buscamos la carpeta con los archivos que queremos que formen nuestra animación; para seleccionarlos todos y que se importen todos a la vez con el puntero del ratón seleccionamos el último archivo y pulsamos la tecla Shift (o sea la tecla de Mayúsculas)

Captura de pantalla 2014-02-21 20.56.58

Una vez tenemos todos los archivos abiertos como capas podemos modificarlos todos de una vez (tienen que estar todos visibles) para escalarlos a un tamaño óptimo para que la animación sea fluida; un buen tamaño es 480×360. Hay que pensar también dónde los vamos a subir porque algunas webs (como Tumblr) no admiten más de 500k y un tamaño mayor de 500×500 px. También podemos hacer los colores Indexados y escoger la cantidad de colores (256, 128, 64, etc) e incluso podemos modificar la paleta o aplicar un difuminado para el color. Para escalar vamos a Imagen-> Escalar Imagen, y para cambiar el modo de color vamos a Imagen-> Modo.

Captura de pantalla 2014-02-21 20.49.51

Cuando ya estemos satisfechos con todos los cambios podemos ver un preview de la animación por si algo no está bien y poder cambiarlo antes de la exportación. Vamos para ello a Filtros-> Animación-> Reproducción.

Captura de pantalla 2014-02-21 20.50.24

Entonces se nos abrirá una ventana de preview con nuestra animación como ésta.

Captura de pantalla 2014-02-21 20.54.01

Y ya como último paso vamos a realizar el gif animado; vamos a Archivo-> Exportar y se nos abre la ventana de exportación, donde pondremos el nombre del archivo y la extensión .gif; cuando demos a exportar se nos abrirá otra ventana donde marcaremos la opción “Como animación” y en “Opciones como GIF Animado” las podemos dejar las que vienen por defecto, o sea marcar Bucle perpetuo, 100 milisegundos o sea 0,1 segundo para el retraso de cada frame, Usar el retraso introducido más arriba para todos los cuadros y usar el residuo. (En este sentido Photoshop tiene más ventajas que Gimp para la exportación pues nos permite utilizar más opciones de combinaciones entre colores, dither y transparencias de color.)

Captura de pantalla 2014-02-21 20.54.40

Y por fin tenemos nuestro Glitch Gif!!!!

confabot_2_510
_____________________________

Para la siguiente animación partí de esta foto tomada de una mesa de mezclas en un concierto que convertí a .BMP. En Gimp le apliqué un Gradient Map y la imagen quedó del siguen modo.

OLYMPUS DIGITAL CAMERA

live-cables.bmp

Luego en Audacity apliqué el efecto Apple:AU Distortion, Multidecimated 2, con cuatro calidades de render: mínimum, low, médium y high para que hubiera una primera transición suave entre los primeros trames; luego apliqué Tremolo + Equalización con tres picos hasta 6dB y el último frame está hecho con el filtro G Verb configurado para que distorsionara totalmente la imagen con manchas de color que acentué con Saturación en Gimp cuando creé el gif.

live-cables

_____________________________

En el siguiente ejemplo la foto inicial está en formato .JPG a la que apliqué primero varios efectos de Noise y Enhancement y la convertí en .BMP de este modo.

OLYMPUS DIGITAL CAMERA

P1120039_3

En este caso también utilicé Audacity aplicando efecto AU Delay e ir de mayor a menor bajando el tiempo del retraso y el feedback. En otras ocasiones usé Hi Pass y Equalización, pero en vez de exportarlo en su formato original, es decir en .BMP lo exporté como .RAW y lo volví a importar en Audacity para repetir el efecto sin ninguna variación más, así conseguí frames más uniformes por lo que la animación es más pausada y con menos contrastes que en las anteriores. Este es el gif final.

P1120036

_____________________________

Por último para este gif no utilicé como punto de partida una foto sino un degradado editado hecho con Gimp. Los degradados predeterminados que vienen con el programa no se peden editar, para ello se ha de hacer una copia del que que queramos editar y hacerlo en ésta o hacer uno nuevo; luego la imagen la exporté a JPG.

yellow_contrast

El siguiente paso fué utilizar GlitchSort, que es un código de Processing, que a mi me encanta, de Paul Hertz que se basa en la técnica del pixelsort u ordenamiento de los píxeles espacialmente y en cuanto al modo de color. Giré la imagen 90º en sentido contrario a las agujas del reloj después de varios procesos la imagen quedó de este modo y posteriormente la convertí a .GIF usando este formato para realizar el databend de todos los frames.

yellow_contrast_14214714_1

Para corromper todas las imágenes usé el editor hexadecimal 0xED y empecé haciendo sustituciones de texto, pero de dos caracteres (cada carácter representa un bit) dando como resultado alrededor de 20-25 caracteres reemplazados, pues si usaba un sólo carácter o un hexadecimal y se reemplazaban más de 500 caracteres el archivo se rompía; fuí sustituyendo caracteres contiguos, bc_ab, bc_da, bc_de, bc_dg, bh_da, bj_df, bg_ek y ca_df hasta tener toda la secuencia.

yellow_contrast_animation

 

En esta página de Tumblr http://glitchgifts.tumblr.compodemos ver una aproximación general al mundo del glitch gif.

Etiquetado con: , , , ,
Publicado en Glitch gif, tutoriales

VJ Tim Abad’s video file bending tutorial – Modul8 avidemux glitch art “datamosh” – YouTube

See on Scoop.itGlitch Databend

VJ Tim Abad’s video file bending tutorial – Modul8 avidemux glitch art “datamosh” steps 1. load up avidemux with clips (same dimensions) 2. change video outp…
See on www.youtube.com

Publicado en Uncategorized

SUDLAB | NEW MEDIA ART present : tactical glitches – 24_01_014 – curated by Rosa Menkman & Nick Briz

See on Scoop.itGlitch Databend

SUDLAB as part of the program SUDLAB | NEW MEDIA ART presents the group exhibition ‘Tactical Glitches’ curated by Rosa Menkman (NL) and Nick Briz (USA) “Technologies come with expectations, but these expectations aren’t always met. An mp3 might skip and crackle. A computer monitor might—for a moment—show shards instead of windows. A website might hick­up on load and scramble its contents. When this happens, we call this unexpected occurrence a glitch. While these moments are rarely anticipated and usually unwelcome, they are at times intentionally provoked. The result of this intentional and creative instigation is what we often call GLITCH ART.” (Rosa Menkman, Nick Briz) Artists – glitchr (LT) – Theo Darst (USA) – Pox Party (USA) – Glti.ch Karaoke (UK – ROK) – UCNV (JP) – Ana Hui Zhang (CN) – Sherpa (GT) – Benjamin Gaulon (FR) – Tatjana Marusic (CH / DE / HR) – Nancy Mauro-Flude (AUS) —–> Vernissage : 24_01_014 ore 19 —–> Finissage : 24_02_014 ore 18

See on www.tacticalgl.it

Publicado en Databending, event, Glitch

The Art of Glitch | Off Book | PBS Digital Studios – YouTube

See on Scoop.itGlitch Databend

Glitches are the frustrating byproduct of technology gone awry. Wildly scrambled images, frozen blue screens, and garbled sounds signify moments where we want to throw our expensive computer products out the window. Many artists and programmers, however, have embraced these crisis moments and discovered beauty in the glitch. By hacking familiar systems, they intentionally cause glitches, and manipulate them to create art. Enjoying the aesthetics of technological mistakes defies the notion that technology and entertainment has to be a seamless experience. Most importantly, glitch artists reveal a certain soulfulness that emerges when complex streams of information, visual media, and our own lives converge in the chaos of the glitch.

Featuring:
Phillip Stearns http://yearoftheglitch.tumblr.com/
Scott Fitzgerald http://www.ennuigo.com/
Anton Marini http://vade.info/
Daniel Temkin http://danieltemkin.com/

Additional artists featured:
Antonio Roberts and Jeff Donaldson: http://vimeo.com/groups/glitchsafari
Gustavo Fajardo: http://www.scoop.it/t/animated-gifs-b...

Music:
Henrik Jose: http://soundcloud.com/henrikjose
Professor Kliq: http://soundcloud.com/professorkliq
Shards: http://soundcloud.com/shards
Yusuki Tsutsumi: http://soundcloud.com/yusuke-tsutsumi

See on www.youtube.com

Publicado en Databending, Glitch
abril 2014
L M X J V S D
« mar    
 123456
78910111213
14151617181920
21222324252627
282930  
Fotos de Flickr
IMG_0478.tiff_0xED.cci_2macro3.

IMG_0478.tiff_0xED.cci_2macro2.

imagem1_hex_macro4

Más fotos
Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.