Construcción de la Tridimensionalidad en un Espacio Bidimensional

De Casiopea
Revisión del 09:10 18 abr 2011 de Andreacifuentes (discusión | contribuciones)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)



TítuloConstrucción de la Tridimensionalidad en un Espacio Bidimensional
Tipo de ProyectoProyecto de Taller
Palabras Claveespacio, bidimensional, tridimensional, composición, luminosidad
Período2011-
AsignaturaTaller de Diseño Gráfico 7ª Etapa
Del Curso4º DG 2011
CarrerasDiseño Gráfico
Alumno(s)Andrea Cifuentes
ProfesorHerbert 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


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