Título	Teoría de lectura del espacio
Tipo de Proyecto	Proyecto de Taller
Período	2011-2011
Del Curso	4º DG 2011,
Carreras	Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)	Karen Carrera
Profesor	Herbert Spencer

Encargo 01, Teoría del Espacio Blanco y Negro

Dibujos

Teoría

El año pasado estudiamos la lectura en la ciudad, para ello dentro de mi estudio leí “La segunda carta la Phalene” y “Teoría de la Interrupción” de Godofredo Iommi.

Traigo esto al taller, porque con lleva a la forma de comprender la lectura de los trazos de dibujo, esta concepción nace a través de la observación de tramas y luces, cuales traduje como pausas dentro de un continuo de trazos.

Godofredo nos dice, “Son estas pausas las que permiten los distingos en todas las obras humanas” Teoría de la Interrupción. Por lo que concluimos que son éstos distingos los que generan profundidades y luminosidades, los cuales son leídos gracias a la direccionalidad de la trama, aquella que en conjunto a la mano-ojo, la pluma y la tinta, condicionan el azar del trazo. Lo que quiero decir, es que podemos condicionar el trazo para evocarlo a una lectura.

Entonces, si decimos que tenemos un continuo en el trazo, según la Segundo Godofredo Iommi, no podemos hablar de un continuo sin su discontinuo.

“Para referirnos al discontinuo y ponerlo de relieve tenemos que fundarnos en la continuidad. (Por ejemplo mi poema X1) que son propiamente, sino que se ven como manifestación de algo que se dice a sí mismo, precisamente, en ese “uno por el otro”, entonces podemos preguntar ¿qué se manifiesta en ese darse el uno por el otro lo continuo y lo discreto? ¿Qué aparece en ese juego de desaparecimiento? Nosotros decimos: el ritmo.” Segunda Carta sobre la Phalène

Este continúo de trazos, conjuntamente con los distingos, va conformando un ritmo. Si tomamos este conjunto, vemos que existe un discontinuo en relación a “quiebres” establecidos por los blancos.

Es así como a través de las tramas y sus distingos, se van generando profundidades y luminosidades. Y en consecuencia, lo que leemos como pausas en la continuidad del trazo, son las luces que interpretamos.

Que tenga un ritmo, también implica que tenga un tiempo y un espacio. Espacio donde vemos las pausas y logramos leer lo luminoso.

Finalmente, y para concluir, puedo decir que la lectura gráfica del hacer lo no plano en lo plano, tiene que ver con la posibilidad de crear profundidades según las direccionalidades de las tramas, y éstas a su vez conformen un ritmo que trae pausas luminosas, y son aquellos quiebres o pausas lo que nos permite su lectura, que se da en el trasfondo de la continuidad y discontinuidad del trazo.

Mapa Conceptual

Esquema Lectura de la Grafía, Cmap

Encargo 02, Análisis estructural y Abstracción de las grafías

Análisis Estructural

Consiste en la separación y estudio de las partes compositivas del dibujo, llevándolos a unidades mínimas, estás unidades mínimas corresponden a figuras geométricas básicas como triángulos y rectángulos

Primer caso

Tres espacios definidos por A, B y C, las cuales se pueden componer geométricamente a base de triángulos y rectángulos.

Dibujo Original

Primera abstración
Simplificación de trazos
Estructura geométrica
Estructura compuesta de figuras geométricas básicas

Segundo caso

Cuatro espacios definidos por A, B, C y D, las cuales se pueden componer geométricamente, a base de triángulos y rectángulos.

Dibujo Original

Primera abstracción
Simplificación de trazos
Estructura geométrica
Estructura compuesta de figuras geométricas básicas

Tercer caso

Cuatro espacios definidos por A, B, C y d, los cuales se pueden componer geométricamente a base de triángulos y rectángulos.

Dibujo Original

Primera abstracción
Simplificación de trazos
Estructura geométrica
Estructura compuesta de figuras geométricas básicas

Abstracción de las grafías componentes

Abstracción como medida, grafías como trazos.

¿Cuáles son las variantes que condicionan el trazo en los espacios? Las variantes plateadas son: Longitud, Densidad y Direccionalidad

Longitud, respecto a la medida del trazo. Densidad, respecto a la proximidad del trazo y a la carga de tinta. Direccionalidad, respecto a los ángulos del trazo.

Variables de la abstracción de componentes

Imagen:

Primer caso

Trazo 1
Trazo 2

Trazo 1: Espacio A: Variaciones respecto a Longitud y Densidad del trazo. Espacio B: Variaciones respecto a Direccionalidad y Densidad del trazo.

Trazo 2: Espacio C: Variaciones respecto a Densidad y Direccionalidad del trazo

Segundo Caso

Trazo 1
Trazo 2

Trazo 1: Espacio A: Variaciones respecto a Densidad del trazo. Espacio C: Variaciones respecto a Densidad del trazo.

Trazo 1 y 2: Espacio B: Variaciones respecto a Longitud y Direccionalidad del trazo. Espacio D: Variaciones respecto a Densidad, Direccionalidad y Longitud del trazo.

Tercer Caso

Trazo 1
Trazo 2

Trazo 1: Espacio A: Variaciones respecto a Densidad del trazo. Espacio C: Variaciones respecto a la Direccionalidad y Densidad

Trazo 2: Espacio B: Variaciones respecto a Densidad del trazo. Espacio D: Variaciones respecto a Direccionalidad y Densidad del trazo.

Encargo 03, Síntesis del dibujo en Processing

Remplazo de imágenes

Desde las unidades básicas ya seleccionadas en los casos escogidos de la Tarea 02, se comienza a observar el remplazo de las imágenes, considerando las variables de Longitud, Densidad y Direccionalidad



PImage cuadros[]; 
PImage enmascarados[]; 

int nImagenes;
int alAzar;

void setup() {
  size(1200, 800);
  cargaImagenes();
  azar();
  background(255);
}


void draw(){

}


void mouseReleased() {
  pushMatrix();
  translate(mouseX, mouseY);
  rotate((float)mouseX/(float)width * PI); //variaciones de rotación, entre 360, 180 y PI/2
  azar();
  image(enmascarados[alAzar], -enmascarados[alAzar].width/2, -enmascarados[alAzar].height/2);
  popMatrix();
}

void azar() {
  int total = nImagenes;
  alAzar = (int)random(total);
}

void cargaImagenes() {
 
    File carpeta = new File(sketchPath, "caso3"); 

  String[] nombresDeArchivos = carpeta.list();
  if (nombresDeArchivos != null) {
    nImagenes = nombresDeArchivos.length;
    cuadros = new PImage[nImagenes];
    enmascarados = new PImage[nImagenes];
  }

  for (int i=0; i < nImagenes; i++) {
    String archivo = nombresDeArchivos[i];
    cuadros[i] = loadImage("caso3/"+archivo);
  }

  for (int i=0; i < nImagenes; i++) {
    enmascarados[i] = createImage(cuadros[i].width, cuadros[i].height, ARGB);
    enmascarados[i].loadPixels();
    for (int j = 0; j < enmascarados[i].pixels.length; j++) {
      enmascarados[i].pixels[j] = color(0);
    }
    enmascarados[i].updatePixels();
    enmascarados[i].mask(cuadros[i]);
  }
}


void keyPressed(){
 String nombre = ""+month()+"-"+day()+"-"+hour()+"-"+minute()+"-"+second()+"-prueba.jpg";
 saveFrame("/fotos-generadas/"+ nombre);
 println("el archivo "+nombre+" ha sido guardado exitosamente");
}

Dibujos obtenidos

Prueba, Trazos Caso 1
Prueba 02, Trazos Caso 1
Prueba, Trazos Caso 2
Prueba 02, Trazos Caso 2
Prueba, Trazos Caso 3
Prueba 02, Trazos Caso 3

Encargo 04, Volumen de las grafía, en Ciudad Abierta

Desde el análisis estructural de las grafías, tomo una grilla base compuesta de rectángulos y triángulos, elementos elementales dentro del análisis estructural de los dibujos realizados en la Cantera. Estas unidades básicas y modulares, conformaran un volumen luminoso que recibe la grafía obtenida a partir de los trazos extraídos de los dibujos en la Cantera, todo esto, para adosarse en la Ciudad Abierta.

Se realiza en Processing, obteniendo la grilla base a partir de líneas y luego, dibujando sobre ella la grafía con los trazos obtenidos de imágenes aleatorias.

Código Processing



PImage cuadros[];  
PImage enmascarados[]; 
  
int nImagenes; 
int alAzar;

int anchoLamina = 1559;
int altoLamina  = 2183;
float escala = 0.2; 

void setup() {
  size((int)round(anchoLamina*escala), (int)round(altoLamina*escala)); 
  cargaImagenes();
  azar();
  stroke(#A0AD17);
  
  background(255);
}

void draw(){
  line (((int)round(anchoLamina*escala/3)), ((int)round(altoLamina*escala/4)),
((int)round(anchoLamina*escala/1.5)),((int)round(altoLamina*escala/2)));
  line (0,((int)altoLamina*escala/4),((int)round(anchoLamina*escala/3)),
((int)round(altoLamina*escala/2)));
  line (((int)anchoLamina*escala/3),((int)altoLamina*escala/1.34),
((int)round(anchoLamina*escala/1.5)),((int)round(altoLamina*escala)));
  line (0,((int)altoLamina*escala/1.34),((int)round(anchoLamina*escala/3)),
((int)round(altoLamina*escala)));
  
  line (((int)round(anchoLamina*escala/1.5)),((int)round(altoLamina*escala/4)),
((int)round(anchoLamina*escala)),0);
  line (((int)round(anchoLamina*escala/1.5)),((int)round(altoLamina*escala/2)),
((int)round(anchoLamina*escala)),((int)round(altoLamina*escala/4)));
  line (((int)round(anchoLamina*escala/1.5),((int)round(altoLamina*escala/1.34)),
((int)round(anchoLamina*escala)),((int)round(altoLamina*escala/2)));
  line (((int)round(anchoLamina*escala/1.5)),((int)round(altoLamina*escala)),
((int)round(altoLamina*escala/1.34)),((int)round(anchoLamina*escala)));

  line (((int)round(anchoLamina*escala/1.5)),((int)round(altoLamina*escala/4)),
((int)round(anchoLamina*escala/3)),((int)round(altoLamina*escala/4)));
  line (0,((int)round(altoLamina*escala/2)),((int)round(anchoLamina*escala/3)),
((int)round(altoLamina*escala/2)));
  line (((int)round(anchoLamina*escala/3)),((int)round(altoLamina*escala/1.34)),
((int)round(anchoLamina*escala/1.5)),((int)round(altoLamina*escala/1.34)));
}

void mouseReleased() {
  pushMatrix();
  translate(mouseX, mouseY);
  rotate((float)mouseX/(float)width * PI);
  azar();
  image(enmascarados[alAzar], -enmascarados[alAzar].width/2, -enmascarados[alAzar].height/2);
  popMatrix();
  println (alAzar);
}

void azar() {
  int total = nImagenes;
  alAzar = (int)random(total);
}

void cargaImagenes() {
  
nImagenes = 7;
String archivo=" ";
cuadros = new PImage[nImagenes];
enmascarados = new PImage[nImagenes];

for (int i=0; i < nImagenes; i++) {
    if (i<9){
      archivo = "00"+(i+1)+".jpg";
    }
    if (i>=9){
      archivo = "0"+(i+1)+".jpg";
    }
    if (i>=99){
      archivo = (i+2)+".jpg";
    }
    cuadros[i] = loadImage("Grafias/"+archivo);
    
  }
color micolor= color(0);
  for (int i=0; i < nImagenes; i++) {
    micolor= color(int(random(180,210)),int(random(150,220)),int(random(0,80)));
    enmascarados[i] = createImage(cuadros[i].width, cuadros[i].height, ARGB);
    enmascarados[i].loadPixels();
    for (int j = 0; j < enmascarados[i].pixels.length; j++) {
     
      enmascarados[i].pixels[j] = color(micolor);
    }
    enmascarados[i].updatePixels();
    enmascarados[i].mask(cuadros[i]);
  }
}

void keyPressed(){
  
 String nombre = ""+month()+"-"+day()+"-"+hour()+"-"+minute()+"-"+second()+"-prueba.tiff";
 saveFrame("/fotos-generadas/"+ nombre);
 println("el archivo "+nombre+" ha sido guardado exitosamente");

}