The Making of : Vortex

Si estas leyendo esto en facebook anda a a www.mechanicalhuman.com y busca la seccion del blog, por que el facebook elimina las animaciones de los .gif y no puedes ver el proceso

A pesar de ser una ilustración no demasiada compleja tiene un par de trucos que me gustaría compartir el primero es que hay que confesar que la cara no esta pintada, es un render de maya (en su mayoria) el truco es logrado gracias a sacar varios pases de render,( 2 toon shaders diferentes, un oclution, un countour render del mentalray, un maya toon y un render gris normal) y componer con mucha transparencia en photoshop. Bueno y mucho trabajo a mano con la wacom,

Proceso para lograr el look de pintado

El siguiente paso fue realmente pintarlo, para eso ya que la composición final la haría en photoshop procedí a escanear una hoja a4 de papel canson para tener la textura "pura" del papel. y luego imprimir la imagen en muchos de estos papeles y hacer todas las manchas que se me ocurrieron en ellos como lo muestra la foto para luego escanearlos y regresarlos al photoshop.

papel escaneado


mil y una manchas

El siguiente paso es armar algo con las manchas, so yo las mezcle todas en lo que es un verdadero calambre al ojo, pero una vez trabajado el color haber hecho tantas manchas valió la pena.

usar layers de corrección de color envés de corregir sobre el layer nos permite experimentar sin temer dañar el original

Tiempo de crear unos vectores en ilustrador y usar las manchas escaneadas para crear una linda mancha negra, Usamos los vectores encima de la mancha negra, damos un par de detalles de color, colocamos nuestra textura escaneada en modo de color "multiply" y la illustracion esta casi lista

nótece como hay manchas encima de los vectores

Ultimos detalles

The Making of : zero-sum

La illustracion (y splash screen de zero-sum ) es en resumen el resultado de empujar lineas con otra imagen. El como empezó todo esto requiere un viaje al pasado, cuando vi este video hace un par de años.

NIN - Only

Cuando vi el video me pregunte y este man como cuernos hizo eso? le pregunte a mi buen amigo Andrés y me dijo: no se chorch, "melscript" seguramente (melscript es el lenguaje de programacion del MAYA) pero ni idea como lo hizo. Bueno así quedo durante algún tiempo un legítimo ni idea. Pasó el tiempo y me había olvidado totalmente del tema aun que en mi mente se quedo el algún día quisiera hacer algo así. Un día vino el "enano" vocalista de "vedette" y me dijo loco acola con los visuales de mi concierto. A lo que yo después de pensarlo un rato accedí ya que había estado quejando de la mediocridad de los vjs en ecuador e intentando empezar un proyecto como vj yo mismo. (me pareció una perfecta oportunidad por que haga lo que haga, el "enano" no se iba a quejar). Realice algunas visualizaciones siempre con la idea que reaccionen en tiempo real a la música del concierto, (y otras amagaban que lo hacían) hasta que me topé con "Final de agujas" una canción muy obscura y distorsionada, por alguna razón eso me recordó al video de "only" y el concierto LITS de NIN y le propuse al enano llevar las visualizaciones de su concierto al siguiente nivel.

La idea era simple proyectar la cara del "enano" en la pantalla del concierto y hechar filtros y filtros hasta que se vea como lineas distorsionadas. y que la iluminación de la imagen la de la música. Lo mas lejos que llegue fue a esto

Era mejor que la mayoria de visualizaciones de conciertos en el ecuador so, estaba feliz... Obviamente como buen ecuatoriano estaba haciendo eso a altas horas de la mañana so termine usando mi vieja filmadora con nigthshot, y la respuesta vino a mi como arte de magia.

El nigthshot funciona enviando luz infraroja desde la cámara y leyendo esa señal de luz cambiando el límite del rango visible en la cámara (pueden googolearlo, deley encuentran una mejor explicación) lo que con extremas situaciones de poca luz genera una imagen que de cierta manera recuerda a una versión verde de un z-chanell( un canal z es la información de profundidad que genera un programa de 3d cuando hace "render") siendo lo que esta mas adelante mas claro y lo mas obscuro mas lejano. Al tener información de "profundidad" el único lío era distorsionar las líneas con esa información.

La solución fue mucho mas simple de lo que uno esperaba y a continuación expongo paso a paso como se creó la imagen/visualisacion en tiempo real para el concierto.

Nota: Las computadoras mac vienen con una pequeña maravilla que se llama "quartz composer" que es un compositor de imágenes en tiempo real con arquitectura que te permite crear miniprogramas llamados "plug-ins" y asi expander su capacidad y es el programa que se utilizó para crear esto

1. Primero importo la imagen al Quartz Composer usando el firewire de la cámara
2. Transformo la imagen a blanco y negro
3. Un poco de blur para eliminar detalles innecesarios
4. Cambiamos los niveles para que haya mas contraste
5. Aquí esta la magia, un poco de matemáticas y java para transformar la imagen en blanco y negro a un "normal map" (un normal map guarda información tridimensional en los canales RGB de una imagen así: X para Rojo, Y para Verde y Z para azul, es muy usado en videojuegos para generar mas detalle del que realmente hay) pude usar la imagen en BYN como un "bump map" (que representa profundidad, ósea el canal z, pero aparentemente al tener información tridimensional los resultados mejoran).
6. Utilizo esa información para empujar a la imagen original en sentido de profundidad.
7. Cambio la manera de como se ve de imagen completa a "wireframe" ósea lineas (es un check en el quartz composer)
8. Finalmente Cambio el color para resaltar la forma tridimensional y que vaya con el resto de visuales y la canción.
9. Lo último fue conectar el input de audio del micrófono al paso 4, asi mientras mas alto el volumen mas clara es la imagen.