Audio & Visual

Dibujo, Animación e ilustración con medios digitales

Entraremos a ver el equipo necesario y las tecnologías que tenemos disponibles. Así como los rasgos principales de una y otra.

En este artículo intentaré arrojar algo de luz al tema del dibujo y el diseño digital para los no iniciados, a la ilustración por medios digitales, e incluso, a la animación en 2D tanto artística (para cine, Tv, videojuegos, YouTube, etc…),  como enfocada a la promoción de marcas como logotipos animados, por ejemplo.

Herramientas básicas

¿Que necesitas para ser un ilustrador o animador 2D? Por supuesto, lo primero que vas a necesitar es un soporte físico en el que desarrollar tus trabajos, esto es, evidentemente un PC, o un MAC, aunque también puede servirte una buena tablet tipo iPad Pro de apple o una Surface pro de Microsoft.

Los dos primeros deberán ir acompañados, además, de una tableta gráfica (Wacom, xp-pen, o similar) en la que poder capturar tus trazos de igual forma que harías en un papel con un lápiz. En los dos últimos no sería necesario este periférico aunque si tendrás que adquirir los ‘lápices’ digitales como el Apple Pencil o su equivalente para la Surface pro. Por supuesto en cuanto a la máquina de trabajo, cuanto más potente sea, siempre será mejor el flujo de trabajo, mayor número de capas de dibujo, más velocidad en la aplicación de filtros, mas resolución en tus imágenes (sin perder rendimiento), etc…

En relación a las tabletas gráficas, deberás tener en cuenta algunas cosas: el tamaño en pulgadas en el que te encuentres cómodo dibujando, los niveles de presión del Pen (recomiendo un mínimo de 4096 aunque siempre será mejor los máximos posibles, con el doble ya se trabaja francamente bien), y por supuesto la decisión más importante en la tableta es si cogerla con monitor integrado o no. Aquí varía mucho el precio del periférico, pudiendo irse fácilmente el que lleva pantalla, al triple ,cuádruple, o más, del precio sin monitor. Importante a tener en cuenta en caso de decantarse por el modelo con pantalla que la resolución y el brillo sean adecuados y que la precisión de la pluma al aproximarse a la tableta sea la máxima posible (Cosa que no todas las marcas consiguen, teniendo un efecto de desfase entre la punta del Pencil y el trazo). También ojo con los retardos a la hora de dibujar, pues es muy incómodo que tus líneas vayan siguiéndote unos milímetros detrás de tu lápiz. Aquí, igual que en el equipo informático recomiendo no escatimar, pues a veces lo barato sale caro.

Hasta aquí tenemos ya el hardware necesario, pero todavía nos hace falta el software con el que vamos a trabajar.

Software de dibujo digital

Dependerá mucho de tu estilo artístico y de tus habilidades para manejar herramientas informáticas, determinar a que tipo de tecnología te vayas a decantar para tus ilustraciones o animaciones.

 Tenemos dos formas de trabajar en 2D. Con mapas de bits (Photoshop, gimp, procreate, etc…) o con gráficos vectoriales (illustrator, inkscape, Corel draw, etc…).

En el trabajo con programas de mapas de bits, se trabaja con resoluciones concretas en la que tu lienzo es un grid de ‘x’ filas por ‘y’ columnas de los llamados píxeles. Cada píxel es la unidad mínima de las miles o millones que componen la imagen. Y tiene un valor de color concreto. Valor expresado es cantidad de luz Roja, Verde y Azul que tiene que emitir el pixel y que es la forma en la que trabajan los monitores (RGB). Si estamos elaborando un trabajo para imprimir sabed que las impresoras trabajan en CMYK (cian, magenta, amarillo y negro). Es importante saber esto y configurar nuestro proyecto en este modo de color para que los resultados en el papel sean tal y como los vemos en el monitor.

Venia diciendo que los mapas de bits son como rejillas de píxeles. Por ejemplo en full HD hablamos de 1080×1920, en 4K seria 2160×3840, etc… el problema de los software que trabajan con esta tecnología es que las imágenes son difícilmente escalables. Si intentas convertir una imagen de 1240×720 píxeles a 4K el resultado siempre va a ser que veremos la imagen nueva pixelada o con una gran pérdida de calidad, puesto que la información que guarda la imagen original es la que es y todos los píxeles que faltan entre una resolución y otra son rellenados mediante algoritmos que no hacen milagros.

Sin embargo, y a pesar de esta cuestión, trabajar con mapas de bits es mucho más intuitivo y más cercano a la ilustración clásica en papel que la tecnología vectorial. Además de esto, al trabajar en digital, le añadimos una grandísima cantidad de herramientas nuevas y posibilidades de edición imposibles de reproducir con los medios tradicionales. Por poner algunos ejemplos: el Trabajo por capas donde podemos dividir cada cosa que aparece en nuestra ilustración y aislarla del resto de elementos, poder volver atrás si no te convencen tus últimos trazos, fusionar las capas de múltiples maneras sin perder su información, además con modos que añaden efectos increíbles y con los que hacer sombras o luces es tan sencillo como poner una capa en ‘multiplicar’ y otra en modo ‘trama’ o hacer brillos con una capa en modo ‘añadir’…

Habrá muchos ilustradores para los que todo esto les parezca simplificar demasiado y, quizás, profundizar poco, aunque mi intención con esta guía es mostrar de forma muy rápida y sencilla las virtudes de la tecnología a los menos iniciados en ella. De tal forma que leyendo esto tengan una visión suficiente para dar el salto a algún curso de especialización en dibujo digital de los que hay miles en internet.

Pasamos ahora a ver la tecnología vectorial. Esta sea quizás un poco más difícil de comprender si vienes del lápiz y el papel. Los programas que trabajan con vectores definen los dibujos de forma distinta de como lo hace un mapa de bits. Estos programas representan cada trazo mediante una serie de información que se expresa con fórmulas matemáticas (a nivel interno, no hay que ser matemático para el dibujo vectorial) y que definen las curvas, rectas, puntos, etc…  con valores determinados e independientes de la resolución a la que queramos luego exportarlo. Se definen por tanto de tal forma que siempre se pueden, por ejemplo, modificar los trazos con solo estirarlo de un punto concreto o engordar el trazo después de dibujado, o cambiar el estilo de pincel con el que se está representando en tu ilustración. Tiene unas posibilidades de edición muy altas de tal manera que cada dibujo hay que ir ‘modelándolo’ como si hiciéramos una vasija con arcilla. Puesto que los trazos iniciales nos sirven de base para después pulir el dibujo llevando cada parte del trazo, forma, etc… allá donde queramos que esté. Esta forma de trabajar es quizás poco intuitiva pero se pueden obtener resultados increíbles con ella. Hay grandes ilustraciones elaboradas con vectores y también está muy recomendada para por ejemplo la creación de logos comerciales, en los que se definen formas que después podemos querer escalar desde una pequeña tarjeta de visita hasta por ejemplo una valla publicitaria de tamaño enorme. Mediante vectores, tus imágenes nunca perderán calidad estén al tamaño que estén.

Animación

En el tema de la animación 2D también tenemos estas dos tecnologías a nuestra disposición. Tanto en mapas de bits como con vectores. Podemos por ejemplo mediante Photoshop crear una animación con una resolución concreta en píxeles y ‘frame a frame’, o cuadro a cuadro, por ejemplo, animaciones de pixelArt para videojuegos para lo que funciona excelentemente bien.

De forma vectorial por ejemplo, tenemos el programa Animate donde puedes dibujar tus elementos que configurarán la escena de forma similar a cómo dibujarías en ilustrator, pero con potentes herramientas que te permiten animarlos después. Es un software muy bueno y puedes traerte tus dibujos de Ilustrator para después animarlos de forma rápida y efectiva. También hay otros como Spriter, con el que se trabaja de forma muy intuitiva y sencilla y que permite después incluso pasar tus pequeñas animaciones a spritesheets, o atlas de animaciones, que pueden interpretar otros software como Unity3d, o Unreal engine muy enfocado a videojuegos.

Para animaciones de escenas sencillas, de vídeos para internet, de logos, etc… es frecuente el uso también de Animate que ofrece muy buenos resultados y aprender a dominar este software puede ser muy útil tanto si quieres contar una pequeña historia como si quieres elaborar un pequeño gráfico animado para YouTube, publicidad, etc…

En todos estos programas de dibujo y animación tendrás que aprender a trabajar de forma muy organizada, tendrás que crear siempre distintas capas para luego tener mejores opciones de corrección y modificación. Sobretodo si el primer resultado no es el óptimo.

 Y también incluso, es muy habitual pasar de una tecnología a otra, y cualquier buen ilustrador o animador debería dominar ambas y saber elegir la mejor para cada proyecto concreto. También es frecuente hacerse una base de dibujo, por ejemplo en mapa de bits para luego usarlo de referencia en un trabajo con vectores. O hacer una ilustración en ilustrator para después retocar con las potentes herramientas que tiene Photoshop a nivel de post-produccion de imagen.

Para concluir, hablaré de las licencias, ya que algunos de los programas citados no son gratuitos. Tanto Photoshop, como Ilustrator, como Animate, pertenecen a la compañía Adobe y son de pago. De hecho, desde hace no mucho tiempo no se venden ya licencias perpetuas y han de adquirirse sus productos mediante una suscripción mensual o anual. Aunque son programas excelentes, no todos los usuarios están dispuestos a pagar año tras año por estos programas. Gimp sería la alternativa natural a Photoshop, pero de uso libre, así como Inkscape lo es de Ilustrator. Y aunque hay muchas más opciones de las que yo he recogido en esta guía, dejaré que cada cual investigue el resto, y valore pros y contras.

Os animo a todos los que hayáis leído estas pequeñas conclusiones y recomendaciones a que os adentréis en este apasionante mundo de la ilustración y animación digital. Y sabed que internet es un gran océano de conocimiento con el que aprender a dominar casi cualquier cosa es posible.

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s