Jaime Pérez Moena: La configuración del Espacio desde la Reiteración

De Casiopea

Volver a Proyectos de Cuarto Año



TítuloLa configuración del Espacio desde la Reiteración
Tipo de ProyectoProyecto de Taller
Período2011-2011
AsignaturaTaller de Diseño Gráfico 7ª Etapa
Del Curso4º DG 2011
CarrerasDiseño Gráfico
Alumno(s)Jaime Pérez Moena
ProfesorHerbert Spencer


Teoría: El Pulso del Negro en el Papel

El foco de la serie de dibujos (realizados con tinta china en papel couché) va puesto en esta lectura de la imagen que se construye en base a las relaciones visuales que vamos armando en cuanto a forma e intensidad del negro.

El Pulso, por sí sólo, como un Único

El modo de configurar los trazos para construir espacios viene de la reiteración de la impresión de una misma pluma en el papel. La llamaremos el pulso del negro en el papel.

En esta configuración del espacio considero tres puntos.

  • Reiteración de la pluma como principio matricial que ayuda a insistir en la superficie rocosa y particular de la cantera. Cabe destacar que en cada pulso de la pluma en el papel aparece un negro impreso único, un cada vez, que se lee por sí solo y en relación a los otros pulsos de negro.
  • Intensidad del negro, que aparece controlando el pulso del negro en el papel y que conforman zonas luminosas cóncavas y convexas.
  • Ubicación y Sentido de los trazos en el plano, que construyen una profundidad al leerlos en relación.

Composición en la Reiteración del Pulso del Negro en el Papel

Para las composiciones más complejas, éstas se conforman a partir de distintas reiteraciones del pulso del negro en el papel, utilizando más de una pluma en un con-juego de distintas variables, intensidades, y la ubicación y sentido de cómo se imprime la pluma en el blando del papel.

Mapa Conceptual

Esquema Conceptual desde el fundamento, Cmap

Análisis Estructural

Primer Análisis

Segundo Análisis

Tercer Análisis

Abstracción de las Grafías

Identificando el Pulso Único

Para poder entender cómo se compone el dibujo en el plano, se realiza una búsqueda y se identifica la unidad mínima como pulso único. A continuación, muestro las unidades mínimas de los dibujos realizados, mostrados anteriormente.

Variación del Pulso Único en la Composición

Cada uno de estos pulsos aparece en el papel en distintas intensidades. A continuación, muestro en dos dibujos el pulso único como unidad mínima y sus variables en el papel:

Dibujo Original para el Primer Caso
Dibujo Original para el Segundo Caso

--Jaime Perez Moena 17:11 16 mar 2011 (CLST)

Síntesis del Pulso desde Processing

A partir de la abstracción de los Pulsos Únicos de las grafías, se trabaja en base al código de Processing. Separadas en dos grupos, desde una carpeta se cargan las imágenes seleccionadas para poder construir nuevas imágenes que son guardadas en una nueva carpeta al apretar la tecla "s" del teclado.

Primer Grupo de Pulsos

A partir de las dos variables de Pulsos, trabajadas en un tamaño más pequeño al original, se construyen los siguientes dibujos, de mayor a menor concentración.

Segundo Grupo de Pulsos

A partir de las tres nuevas variables de Pulsos, también trabajadas a un tamaño más pequeño al original,se construyen los siguientes dibujos:

Código de Processing


PImage cuadros[];
PImage enmascarados[];

int nImagenes;
int alAzar;

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

void draw(){
}

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

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

void cargaImagenes() {
    File carpeta = new File(sketchPath, "pulsos"); 
    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("pulsos/"+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(){
  if (key == 's'){
 String nombre = ""+month()+"-"+day()+"-"+hour()+"-"+minute()+"-"+second()+"-prueba.jpg";
 saveFrame("/fotos-generadas/"+ nombre);
 println("el archivo "+nombre+" ha sido guardado exitosamente");
}
}


Creando Espacio desde el Código

A Partir de la idea del Pulso que es único y que aparece cada vez en forma distinta, se abstrae la idea y se construye una función que genera figuras dentro de un rango de color y tamaño. Sobre esto, se dibuja una figura blanca, para cada una de las cuatro caras del volumen que componen el cuerpo. El código permite ir dibujando como fondo estas figuras, a medida que el cursor del mouse se mueve. --Jaime Perez Moena 22:30 20 mar 2011 (CLST)

Código desde Processing


int col;
void setup() {
  size(876, 700);
  background(255);
  colorMode(HSB); 
  frameRate (10);
  col = 0;
}
void draw() {
  fill(255);
  noStroke();
  beginShape();
  vertex(0, 0);
  vertex(700, 0);
  vertex(876, 600);
  vertex(876, 876);
  vertex(292, 700);
  vertex(0, 260);
  endShape();

  fill(255);
  noStroke();
  beginShape();
  vertex(0,0);
  vertex(876, 0);
  vertex(876, 175);
  vertex(650, 700);
  vertex(0, 700);
  endShape();
  stroke(200);
  line (0, 600, 700, 0);

  fill(255);
  noStroke();
  beginShape();
  vertex(100,0);
  vertex(300,0);
  vertex(876, 350);
  vertex(876, 876);
  vertex(276, 700);
  endShape();
  beginShape();
  vertex(450,0);
  vertex(876, 0);
  vertex(876, 175);
  endShape();
  beginShape();
  vertex(0, 175);
  vertex(226, 700);
  vertex(0, 700);
  endShape();


  fill(255);
  noStroke();
  beginShape();
  vertex(0, 175);
  vertex(426, 0);
  vertex(576, 0);
  vertex(0, 350);
  endShape();

  stroke(200);
  line (0, 350, 576, 0);

  col = (col+1) % 20;
  fill(col,255,255,250);
  noStroke();
  quad(
  random(mouseX-25, mouseX+25),random(mouseY-25,mouseY+25)
    ,random(mouseX-25, mouseX+25),random(mouseY-25,mouseY+25)
    ,random(mouseX-25, mouseX+25),random(mouseY-25,mouseY+25)
    ,random(mouseX-25, mouseX+25),random(mouseY-25,mouseY+25));
}
void mousePressed() {
  background(255);
}

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

Imágenes Generadas y Plano

Plano desde Processing editado en Illutrator, 100x20cm

Volumen en la Ciudad Abierta

--Jaime Perez Moena 10:33 27 mar 2011 (CLST)