miércoles, 20 de julio de 2011

Qué le dice un GIF a un JPEG?... Anímate hombre!!!!

The Corpora me encargó una ilustración animada para su espectacular post. Aunque hacer un GIF animado no tiene misterio alguno, aproveché para echar algunas fotillos del proceso de elaboración de una ilustración. Aquí os cuento mi modus operandi...

UNO)  Una vez tengo clara la idea, lo primero es hacer unos bocetos para comprobar que funciona, y para conseguir una composición clara y bonita. Esto lo hago a lápiz. Aquí podéis ver el boceto final sobre el que seguí trabajando:


DOS) Repaso el lápiz con rotulador puntafina, definiendo los grosores para imprimirle más fuerza al dibujo, y ésta es la imagen que escaneo (el lápiz no es lo suficientemente nítido). Aquí tenéis la imagen escaneada:

TRES) Una vez escaneada, paso a trabajar con Photoshop para ajustar la tinta y para colorear la imagen. En este caso no quise entintar la superficie terrestre porque pensé en hacerla sólo con color (sin borde negro) así que, una vez hecho el suelo, tuve que recolocar los personajes para que se adaptaran perfectamente a la curvatura de La Tierra. Además cambié el orden de las diferentes escenas para buscar una mayor armonía (no tener dos Qbos mirando hacia el mismo lado juntos, etc.). Podéis observar que me ahorré entintar los Qbos iguales (que viva el Ctrl+C!!!).


CUATRO) Una vez tengo definitiva la composición, saco la tableta gráfica y me pongo a colorear. En este caso utilicé colores planos para los personajes y la nube, y busqué algo más llamativo y realista para la superficie terrestre. Pan comido aplicando algunos filtros sobre la superficie de color sólido que veis en la ilustración anterior (Inner glow, Outer glow y Gradient overlay), amén de una capa extra para los continentes, a la que apliqué un modo Multiplicar y opacidad baja. En un primer momento probé con un cielo completamente coloreado que no terminó de convencerme. Aquí podéis ver esta primera versión:





CINCO) Una vez terminado el color y añadidos los detalles como las flechas, las ondas y el texto, utilicé la ventana Animación de Photoshop para crear el GIF animado. Sólo hay que crear los diferentes fotogramas y mostrar/ocultar las capas correspondientes en cada uno de ellos.

Podéis ver el resultado definitivo en el blog de Qbo ;)

No hay comentarios:

Publicar un comentario