Construcción de la Tridimensionalidad en un Espacio Bidimensional

Título	Construcción de la Tridimensionalidad en un Espacio Bidimensional
Tipo de Proyecto	Proyecto de Taller
Palabras Clave	espacio, bidimensional, tridimensional, composición, luminosidad
Período	2011-
Asignatura	Taller de Diseño Gráfico 7ª Etapa,
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)	Andrea Cifuentes
Profesor	Herbert Spencer

Experiencia Plástica

Observación de la Luz de una Cantera y su Registro

Técnica Utilizada: Plumas de aves entintadas sobre papel couché.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Teoría del Espacio Blanco y Negro

¿Cómo se construye la profundidad en el plano?

Primero, debemos considerar que la estructura general de la composición esta contenida en un formato o espacio bidimensional, el cual de por sí posee su propia cardinalidad; verticales y horizontales que determinan zonas: arriba, abajo, izquierda derecha. Todas estas consideraciones se toman a propósito de el encuadre del dibujo para que el blanco o aire que lo rodea sea copartícipe en este juego de alto contraste. Este espacio determina la escala de lo que la mano proyecta sobre el papel según lo que el ojo ve, por lo tanto, a su vez determina las proporciones de los elementos o planos según la perspectiva de la cual se observa.

A propósito de los elementos que componen el dibujo, estos están conformados básicamente por contornos y planos; su legibilidad y entendimiento se juegan en la plasticidad de la técnica o material empleado, es aquí donde regresamos a la realidad del espacio bidimensional.

Habiendo descifrado los anteriores puntos llegamos a la luminosidad, que es la que hace aparecer el volumen, lo cóncavo y convexo de los elementos bidimensionales y permite que estos pasen a un estado tridimensional ilusorio.

Resumiendo, las claves para construir la profundidad en el plano son la luminosidad, los contornos, los planos y las proporciones.

Mapa Conceptual

Esquema del Fundamento, Cmap

Análisis Estructural

A continuación simplificaremos geométricamente los planos reconocidos de 3 casos. Así observamos que podemos descomponer los planos en figuras geométricas tales como cuadriláteros (beige), triángulos (verde), rombos (morado), y pentágonos (rojo). Cabe destacar que algunos planos se superponen para lograr el efecto visual final.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Abtracción de las grafías componentes

Descubriremos las unidades mínimas, los trazos que permitieron la realización de los dibujos como espacios luminosos de alto contraste. Y los agruparemos en:

Degradación Gruesa

• 
• 
• 
• 

Degradación Fina

• 
• 
• 
• 

Paralelos Finos

• 
• 
• 
• 
• 

Densos

• 
• 
• 
• 
• 
• 
• 
• 
• 

Construcción de la Luz a través de Processing

• 

  Grupo Densos

• 

  Grupo Densos

• 

  Grupo Degradación Gruesa

• 

  Grupo Degradación Gruesa

• 

  Grupo Paralelos Finos

• 

  Grupo Paralelos Finos

• 

  Grupo Degradación Fina

• 

  Grupo Degradación Fina

A propósito del código detrás de éstas imágenes, he usado los trazos correspondientes a la abstracción de las grafías componentes. De esta forma hice cuatro carpetas con los distintos grupos y he tenido que cambiar el código para extraer los grupos de trazos cada vez que lo ejecutaba. Aún sabiendo que no era lo más eficiente, tome esta decisión en favor a la construcción lumínica del dibujo, ya que se "ensuciaba" al existir demasiadas variables azarosas que aparecían.

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/2, -enmascarados[alAzar].height/2);
  popMatrix();
}

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

void cargaImagenes() {

    File carpeta = new File(sketchPath, "trzo1"); 

  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("trzo1/"+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");
}

Construcción de Cuerpo Luminoso con Gráfica creada en Processing

El encargo consiste en avanzar el código anterior, agregarle color a los trazos, para trabajar la superficie de un cuerpo tridimensional, con una geometría de pliegues que correspondan a un dibujo geométrico generado en processing. Luego, estos cuerpos se insertan en el espacio de la Ciudad Abierta como joyas luminosas que aparecen en el espacio natural. El siguiente cuerpo ha sido pensado como una cáscara que se incrusta en el lugar.

Código de Processing con Color de Trazo Agregado

PImage cuadros[];  
PImage enmascarados[]; 

int nImagenes;
int alAzar;

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

void draw(){
}

void mouseReleased() {
  pushMatrix();
  translate(mouseX, mouseY);
  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 = 3;
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";
    }
    cuadros[i] = loadImage("trzosgraficos/"+archivo);
    
  }
color micolor= color(0);
  for (int i=0; i < nImagenes; i++) {
    micolor= color(int(random(150,200)),int(random(100,150)),int(random(50,100)));
    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.jpg";
 saveFrame("/fotos-generadas/"+ nombre);
 println("el archivo "+nombre+" ha sido guardado exitosamente");
}

Máscaras de Trazos Utilizados

• 
• 
• 

Fotografías del Cuerpo en el Espacio

• Cuerpo Gráfico 1.jpg
• Cuerpo Gráfico 2.jpg
• Cuerpo Gráfico 3.jpg
• Cuerpo Gráfico 4.jpg