tads2 - Tumblr blog

tads2 · 8 years ago

Text

Resumen

En esta última entrada se reflexionará sobre lo que significó el Taller de Arte Digital dentro de la carrera y de mi experiencia personal.

El primer curso de este taller, del año anterior, fue una experiencia verdaderamente diferente, siendo algo totalmente artístico, y llegando a conocer la posición del arte contemporáneo en la actualidad, algo completamente nuevo para mí. A pesar de mi escepticismo inicial y, en algunos momentos, la falta de conexión con la carrera, terminó siendo una experiencia importante, incluso la consideraría como una parte esencial de cualquier formación en diseño.

Por esta razón llegué al segundo taller con altas expectativas. Y a decir verdad sí se cumplieron. Encontré este curso mucho más cercano a la realidad de la carrera en Multimedia que el anterior. Todos los trabajos tenían una relación con las temáticas de la carrera, en especial el proyecto Identidad Digital.

Respecto a los procesos de trabajo, se descubrieron nuevas herramientas, algunas impensables, siendo también muy importante la idea de comprender los trabajos como partes de un proceso inacabado. De todas formas, lo que encontré más valioso fue el proceso de observar la tecnología y los medios de todos los días, de otra forma completamente diferente.

El trabajo en grupo fue también una gran experiencia. Primero que nada, me pareció una excelente idea centrar el curso sobre un gran objetivo desde el primer día, la muestra Rodó 100 años. Fue un gran factor motivador que además dio un mayor sentido y unidad a todo el trabajo del curso.

A la hora de trabajar en grupo, la asignación de tareas fue algo muy importante. Al ser tan variadas, cada uno logró aportar en base a sus fortalezas, obteniendo un equipo con habilidades complementarias, algo que fue muy importante. Creativamente, el equipo siempre fue muy abierto, logrando así llegar a muy valiosas ideas.

El resultado de este proceso fue la muestra en conjunto de todos los trabajos grupales. Aunque lamentablemente no pude estar presente en el momento del armado, me mantuve en contacto apoyando y dando instrucciones en el área informática (la cual fue mi principal enfoque). Afortunadamente, el equipo fue muy comprensivo, y el resultado final verdaderamente valió la pena. Lo que fue verdaderamente lo más valioso, y en definitiva la razón para realizar este proyecto, fue la reacción del público. Mostraron un importante interés y agrado por la muestra, lo que fue muy positivo.

En conclusión, creo que este curso y sus actividades fueron muy valiosos para todos. Nos permitió hacer preguntas dentro de esta carrera desde otros puntos de vista. Es que, en definitiva, el arte es hacer preguntas. Como último comentario, diría que terminé el taller con ganas de más, de tener nuevas experiencias de este tipo en el futuro.

0 notes

tads2 · 8 years ago

Text

Datamosh

Imagen/Sonido

youtube

Sonido/Imagen

youtube

Identidad Glitch | Parte 2

Continuando con la temática de Identidad Glitch, se exploraron nuevas opciones, esta vez manipulando video y sonido para crear diversos efectos, siguiendo con un enfoque experimental.

El primer caso consisitió en lograr un video glitch, a través de un efecto de Datamosh. Utilizando el video del autorretrato digital, se buscó llegar al datamosh con un medio diferente: el editor hexadecimal. A pesar de que hubo dificultades, le logró el efecto deseado, justamente en un fragmento del video que resulta muy interesante.

A continuación se realizó una conversión de imagen en sonido. Utilizando una imagen del material personal recopilado, se creó la pieza sonora expuesta arriba, con la imagen resultante correspondiente. Para esta etapa se utilizó el software Audacity.

Finalmente, se probó un proceso inverso: convertir audio en imagen. Editando esta imagen y volviéndola a convertir en audio, se obtuvieron diversos efectos,

En conclusión, resultó interesante y novedoso ver a los bloques de construcción de la multimedia intercambiar papeles, y verlos tomar formas inesperadas. Experiencias como "dibujar sonidos" o "escuchar imágenes", de verdad dan una nueva perspectiva sobre lo que es multimedia. Se concluye que en definitiva, todo es información, y lo que realmente importa es cómo interpretarla.

0 notes

tads2 · 8 years ago

Video

tumblr

Editor Hexadecimal

Efecto Wordpad

Processing

Identidad Glitch | Parte 1

Esta nueva actividad, de carácter más experimental, se basa en la generación de glitch, es decir, errores en la información de archivos digitales. Como una forma de revisitar al trabajo de identidad digital, se crearon imágenes y composiciones glitch en base a las imágenes recopiladas en la tarea anterior.

Se escogieron imágenes diversas y se alteraron utilizando tres métodos: el "efecto Wordpad", la edición con editores hexadecimales y la intervención final en Processing. Tras obtener estas imágenes, se realizaron composiciones en Processing, como una forma de explorar las posibilidades de la herramienta en este aspecto.

En conclusión, el efecto totalmente inesperado e incontrolable es verdaderamente interesante. Además de su efecto estético, las imágenes permiten muchas posibilidades. Como forma de resumir el proceso de la actividad se puede observar el video adjunto, con un efecto producido por un error de programación, que fue totalmente accidental, pero resultó muy interesante.

Código Processing

Composición 1

// ///// Variables Globales ///// //

PImage img1; PImage img2;

// ///// Setup ///// // void setup() {

// Ventana // background(255); size(500, 500);

// Carga de imágenes // img1 = loadImage("hex1.jpg"); img2 = loadImage("wordpad5.jpg"); }

// ///// Draw ///// // void draw() {

img2.resize(1000, 400);

// Cargar Pixeles de Imgs loadPixels(); img1.loadPixels(); img2.loadPixels();

for (int y = 0; y < height; y++) { for (int x = 0; x < width; x++) {

int imageLoc = x + y*img1.width;

float r = red(img1.pixels[imageLoc]); float g = green(img1.pixels[imageLoc]); float b = blue(img1.pixels[imageLoc]+100);

int displayLoc = x + y*width; pixels[displayLoc] = color(r,g,b);

} }

// Aplicar updatePixels();

tint(200, 0, 255, 120); image(img2,0,100);

// Guardar save("tad2ej2p1i1.jpg");

}

Composición 2

// ///// Variables Globales ///// //

PImage img1; PImage img2; PImage img3;

int tiempo;

// ///// Setup ///// // void setup() {

// Ventana // background(0); size(800, 500);

// Carga de imágenes // img1 = loadImage("wordpad1.jpg"); img2 = loadImage("wordpad1.jpg"); img3 = loadImage("wordpad3.jpg"); }

// ///// Draw ///// // void draw() {

//clear();

img1.resize(400,200); img2.resize(1000, 400);

img3.resize(800, 500); tint(0, 213, 215, 1); image(img3, 0, 0);

// Cargar Pixeles de Imgs loadPixels(); img1.loadPixels(); img2.loadPixels(); //img3.loadPixels();

for (int y = 0; y < img1.height; y++) { for (int x = 0; x < img1.width; x++) {

int imageLoc = x + y*img1.width;

float r = red(img1.pixels[imageLoc]); float g = green(img1.pixels[imageLoc]); float b = blue(img1.pixels[imageLoc]+100);

float r2 = red(img2.pixels[imageLoc]); float g2 = green(img2.pixels[imageLoc]); float b2 = blue(img2.pixels[imageLoc]+100);

int displayLoc = x*2 + y*width; pixels[displayLoc] = color(r,g,b);

int displayLoc2 = x*800 + y*tiempo; pixels[displayLoc2] = color(r2,g2,b2); } }

tiempo++;

// Aplicar updatePixels();

// Guardar save("tad2ej2p1i2.jpg");

}

0 notes

tads2 · 8 years ago

Video

tumblr

Identidad Digital | Parte 4: Drawing by Numbers 2

La segunda etapa de Drawing by Numbers se basó en seguir explorando las posibilidades de Processing, esta vez agregando elementos de interactividad a la pieza de la primera parte, ampliando los conceptos anteriores y agregando nuevos.

La interacción creada se basó en un punto, situado inicialmente en la esquina superior derecha, que puede ser movido por el usuario en un movimieto diagonal.

En primer lugar, el punto móvil, en su forma, representa la visión y la conciencia de los usuarios, siendo algo diferente, aunque no del todo ajeno, al punto central que representa a la identidad “real”. Su movimiento, limitado por un eje, indica el hecho de que, a pesar de las infinitas posibilidades del mundo digital,los usuarios suelen vivir en un entorno cerrado y limitado. Esto refuerza la estructura en fila de los sistemas de formas expicados en la parte anterior.

Al mover el punto, se entra en contacto con las figuras. Al hacerlo, se cambia la paleta monocromática por todos de azul y naranja. Con esto se quiere mostrar que se ingresa al pequeño “mundo” de cada una de estas formas o fragmentos de identidad. Al ser colores complementarios, se muestran así los fuertes contrastes del mundo digital.

Si se llega al punto central de la imagen, el escenario se torna totalmente negro. Esto refuerza la idea de la invisibilidad de la identidad verdadera en el mundo digital, y a su vez muestra su presencia distribuida en todo este mundo.

En conclusión, agregar la interactividad fue un acontecimiento muy valioso, tanto como experiencia con la herramienta Processing como para la ejecución de la propia pieza.

Código Processing

// ///// Variables Globales ///// //

int centro; int movimiento = 20; int[] colorFondo = { 255, 255, 255 };

// ///// Setup ///// // void setup() {

// Ventana // background(255); size(500, 500); }

// ///// Draw ///// // void draw() {

// Limpiar pantalla // clear(); background(colorFondo[0], colorFondo[1], colorFondo[2]);

// Centro // rectMode(CENTER); centro = 250; strokeWeight(1);

point(centro, centro);

noFill(); strokeWeight(2); if(colorFondo[0]<255) stroke(255, 153, 0); else stroke(100); ellipse(centro, centro, 20, 20); ellipse(centro, centro, 42, 42); ellipse(centro, centro, 104, 104); ellipse(centro, centro, 114, 114); ellipse(centro, centro, 142, 142); ellipse(centro, centro, 184, 184); ellipse(centro, centro, 204, 204); stroke(50); rect(centro, centro, 155, 155); if(colorFondo[0]<255) stroke(255, 153, 0); else stroke(50); ellipse(centro, centro, 222, 222); ellipse(centro, centro, 250, 250); ellipse(centro, centro, 282, 282); ellipse(centro, centro, 304, 304); ellipse(centro, centro, 308, 308); stroke(200); rect(centro, centro, 288, 288); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(200); ellipse(centro, centro, 382, 382); ellipse(centro, centro, 408, 408); ellipse(centro, centro, 424, 424); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(220); ellipse(centro, centro, 444, 444); ellipse(centro, centro, 448, 448); ellipse(centro, centro, 452, 452); ellipse(centro, centro, 468, 468); stroke(50); rect(centro, centro, 338, 338); stroke(230); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(230); ellipse(centro, centro, 480, 480); ellipse(centro, centro, 560, 560);

// Izq rectMode(CENTER); centro = 120;

noFill(); strokeWeight(3); stroke(60); if(colorFondo[0]<255) stroke(255, 153, 0); else stroke(50); ellipse(centro, centro, 20, 20); ellipse(centro, centro, 30, 30); ellipse(centro, centro, 60, 60); ellipse(centro, centro, 76, 76); ellipse(centro, centro, 142, 142);

// Der rectMode(CENTER); centro = 405;

noFill(); strokeWeight(1); stroke(60); if(colorFondo[0]<255) stroke(255, 153, 0); else stroke(60); ellipse(centro, centro, 20, 20); ellipse(centro, centro, 30, 30); ellipse(centro, centro, 60, 60); ellipse(centro, centro, 76, 76); ellipse(centro, centro, 142, 142);

// Exterior1 rectMode(CENTER); centro = -100;

point(centro, centro);

noFill(); strokeWeight(2); stroke(100); if(colorFondo[0]<255) stroke(255, 153, 0); else stroke(100); ellipse(centro, centro, 20, 20); ellipse(centro, centro, 42, 42); ellipse(centro, centro, 104, 104); ellipse(centro, centro, 114, 114); ellipse(centro, centro, 142, 142); ellipse(centro, centro, 184, 184); ellipse(centro, centro, 204, 204); stroke(50); rect(centro, centro, 155, 155); if(colorFondo[0]<255) stroke(255, 153, 0); else stroke(50); ellipse(centro, centro, 222, 222); ellipse(centro, centro, 250, 250); ellipse(centro, centro, 282, 282); ellipse(centro, centro, 304, 304); ellipse(centro, centro, 308, 308); stroke(200); rect(centro, centro, 288, 288); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(200); ellipse(centro, centro, 382, 382); ellipse(centro, centro, 408, 408); ellipse(centro, centro, 424, 424); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(220); ellipse(centro, centro, 444, 444); ellipse(centro, centro, 448, 448); ellipse(centro, centro, 452, 452); ellipse(centro, centro, 468, 468); stroke(50); rect(centro, centro, 338, 338); stroke(230); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(230); ellipse(centro, centro, 480, 480);

// Exterior2 rectMode(CENTER); centro = 590;

point(centro, centro);

noFill(); strokeWeight(2); if(colorFondo[0]<255) stroke(255, 153, 0); else stroke(100); ellipse(centro, centro, 20, 20); ellipse(centro, centro, 42, 42); ellipse(centro, centro, 104, 104); ellipse(centro, centro, 114, 114); ellipse(centro, centro, 142, 142); ellipse(centro, centro, 184, 184); ellipse(centro, centro, 204, 204); stroke(50); rect(centro, centro, 155, 155); if(colorFondo[0]<255) stroke(255, 153, 0); else stroke(50); ellipse(centro, centro, 222, 222); ellipse(centro, centro, 250, 250); ellipse(centro, centro, 282, 282); ellipse(centro, centro, 304, 304); ellipse(centro, centro, 308, 308); stroke(200); rect(centro, centro, 288, 288); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(200); ellipse(centro, centro, 382, 382); ellipse(centro, centro, 408, 408); ellipse(centro, centro, 424, 424); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(220); ellipse(centro, centro, 444, 444); ellipse(centro, centro, 448, 448); ellipse(centro, centro, 452, 452); ellipse(centro, centro, 468, 468); stroke(50); rect(centro, centro, 338, 338); if(colorFondo[0]<255) stroke(255, 204, 128); else stroke(230); ellipse(centro, centro, 480, 480);

// Input if ((keyPressed == true) && (key == 'w')) { movimiento--; } else if ((keyPressed == true) && (key == 's')) { movimiento++; }

// Input if(brightness(get(movimiento, movimiento))<40) { background(0); } else if(40<=brightness(get(movimiento, movimiento))&&brightness(get(movimiento, movimiento))<80) { colorFondo[0] = 0; colorFondo[1] = 0; colorFondo[2] =204; } else if(80<=brightness(get(movimiento, movimiento))&&brightness(get(movimiento, movimiento))<120) { colorFondo[0] = 0; colorFondo[1] = 0; colorFondo[2] = 255; } else if(120<=brightness(get(movimiento, movimiento))&&brightness(get(movimiento, movimiento))<180) { colorFondo[0] = 0; colorFondo[1] = 102; colorFondo[2] = 255; } else if(180<=brightness(get(movimiento, movimiento))&&brightness(get(movimiento, movimiento))<220) { colorFondo[0] = 51; colorFondo[1] = 153; colorFondo[2] = 255; } else if(220<=brightness(get(movimiento, movimiento))&&brightness(get(movimiento, movimiento))<255) { colorFondo[0] = 102; colorFondo[1] = 204; colorFondo[2] = 255; } else { colorFondo[0] = 255; colorFondo[1] = 255; colorFondo[2] = 255; }

// Control strokeWeight(5); stroke(0);

// Punto Móvil line(movimiento,movimiento,movimiento,movimiento); }

0 notes

tads2 · 8 years ago

Photo

Identidad Digital | Parte 3: Drawing by Numbers

Tras haber elaborado el autorretrato digital, la siguiente fase, titulada “Drawing by Numbers”, se basó sistetizar la pieza anterior. Como parte de la síntesis se debía crear un lenguaje propio, y dotarle de significado a los elementos de la pieza. Se utilizó la herramienta Processing, como forma de tener una etapa de ejecución más rica con un enfoque diferente.

Se buscó un enfoque centrado en los conceptos, más que una síntesis visual. Por lo tanto, se buscó mostrar el fenómeno de la fragmentación y poca definición de la identidad digital, además de su relación con otras en conceptos como el anonimato. También se llegaron a nuevas ideas y conceptos en el proceso.

La pieza obtenida actualmente se basa en formas geométricas simples, círculos, cuadrados y puntos, rodeadas de un espacio vacío.

Se destaca en el centro de la imagen un punto. Éste, el único punto propiamente dicho de la pieza, representa al yo, al usuario que interactúa con el mundo digital. Su tamaño y posición reflejan que, al igual que el punto de origen de las ondas en el agua, las pequeñas acciones humanas en el mundo digital, pueden repercutir enormemente en éste. También muestra que, pese a la amplitud del mundo digital, la “verdadera” identidad de un individuo es casi invisible, opacada por el mundo digital. En definitiva, el punto expresa uno de los conceptos de la pieza original: la falta de verdadera identidad.

Desde el punto, nacen multitud de círculos y cuadrados a su alrededor. Éstos representan las múltiples personalidades de e identidades digitales, y lo difuso de éstas. Mientras que los círculos se muestran como una forma abierta, que invita al contacto, el cuadrado se establece como una estructura defensiva, encubriendo, consciente o inconscientemente, la verdadera identidad. Los cuadrados representan entonces al concepto de armadura visto en el autorretrato. Éstos y los círculos son la superficie de la identidad digital visible cotidianamente.

Los círculos y los cuadrados tienen también el efecto de encerrar a su usuario en su centro. Se puede observar que el punto, invisible dentro de su universo, es víctima de su enmascaramiento. También se concluye que el punto vive encerrado en un pequeño ecosistema construido ¿por él mismo?, ajeno a una gran porción del universo.

Al alejarse del sistema principal centrado en el punto, se aprecian en primer lugar sistemas “satélite”. Éstos representan el anonimato. Al interactuar, el usuario puede burlar aún más su identidad recurriendo a una alternativa o un alias. Esto se expresa en la escala de los satélites y la ausencia de punto en el centro.

Finalmente, se aprecian en las esquinas partes de lo que parecen ser otros sistemas, es decir, otros individuos digitales. Llama la atención lo similares que son, al menos en su sector visible, al central, además de estar ubicados en fila. Esto se debe al concepto de la elección del contenido. Actualmente, internet suele convertirse en un ambiente cerrado indvidualmente, afectado por el exceso de contenido confirmatorio y la imposibilidad de ver las verdaderas identidades, agrupando a los seres digitales en categorías. También se ve cómo los satélites interactúan con estos individuos.

Otro punto inportante es el contacto entre los seres digitales, representando la idea de compartir, clave del mundo digital. De una forma más profunda, muestran la infuencia de los demás individuos para construir la personalidad y la identidad. Con esto se concluye que la identidad digital no es individual, existe en la interacción y en el “share”.

Respecto a los colores, se decidió apostar por una paleta monocromática, reservando el color para fases futuras de la tarea, y para no saturar la composición. Los todos de grises, pasando de oscuro a claro, representan la difuminación y la incertidumbre de la identidad digital. El fondo blanco se muestra como el universo digital, brillante y hasta enceguecedor a la vista, asociado también como el color más luminoso en la pantalla.

En conclusión, la tarea resultó interesante por muchas razones. Al replantear la actividad anterior, se encontraron nuevas perspectivas y posibilidades. Respecto a la herramienta Processing, por lo visto hasta ahora es un cambio de perspectiva realmente fresco e interesante, además de encerrar muchas posibilidades.

Código Processing

// ///// Ventana ///// // background(255); size(500, 500);

// ///// Draw ///// //

int centro;

// Centro rectMode(CENTER); centro = 250;

point(centro, centro);

noFill(); strokeWeight(2);

stroke(100); ellipse(centro, centro, 20, 20); ellipse(centro, centro, 42, 42); ellipse(centro, centro, 104, 104); ellipse(centro, centro, 114, 114); ellipse(centro, centro, 142, 142); ellipse(centro, centro, 184, 184); ellipse(centro, centro, 204, 204); stroke(50); rect(centro, centro, 155, 155); ellipse(centro, centro, 222, 222); ellipse(centro, centro, 250, 250); ellipse(centro, centro, 282, 282); ellipse(centro, centro, 304, 304); ellipse(centro, centro, 308, 308); stroke(200); rect(centro, centro, 288, 288); ellipse(centro, centro, 382, 382); ellipse(centro, centro, 408, 408); ellipse(centro, centro, 424, 424); stroke(220); ellipse(centro, centro, 444, 444); ellipse(centro, centro, 448, 448); ellipse(centro, centro, 452, 452); ellipse(centro, centro, 468, 468); stroke(50); rect(centro, centro, 338, 338); stroke(230); ellipse(centro, centro, 480, 480); ellipse(centro, centro, 560, 560);

// Izq rectMode(CENTER); centro = 120;

noFill(); strokeWeight(3);

stroke(60); ellipse(centro, centro, 20, 20); ellipse(centro, centro, 30, 30); ellipse(centro, centro, 60, 60); ellipse(centro, centro, 76, 76); ellipse(centro, centro, 142, 142);

// Der rectMode(CENTER); centro = 405;

noFill(); strokeWeight(1);

stroke(60); ellipse(centro, centro, 20, 20); ellipse(centro, centro, 30, 30); ellipse(centro, centro, 60, 60); ellipse(centro, centro, 76, 76); ellipse(centro, centro, 142, 142);

// Exterior1 rectMode(CENTER); centro = -100;

point(centro, centro);

noFill(); strokeWeight(2);

// Exterior2 rectMode(CENTER); centro = 590;

point(centro, centro);

noFill(); strokeWeight(2);

0 notes