1. Design & Illustration
  2. Graphic Design
  3. Techniques & Workflow

Mantener el flujo y el ritmo en el diseño de personajes vectoriales

Con la era digital de la ilustración, la eficiencia y la estética del diseño se ha sido formado por la funcionalidad de las herramientas. Aunque estas facilitan las tareas laboriosas, a menudo recibimos una recompensa que carece de vida y espontaneidad. En el lugar de trabajar de manera rígida y formulista, es más gratificante crear arte de una manera flexible y orgánica. Como animador, me esfuerzo por preservar y ritmo y el flujo de diseño. Vamos a revisar algunos planteamientos útiles.
Scroll to top

Spanish (Español) translation by Ivan Gomez (you can also view the original English article)

Con la era digital de la ilustración, la eficiencia y la estética del diseño se ha sido formado por la funcionalidad de las herramientas. Aunque estas facilitan las tareas laboriosas,   a menudo recibimos una recompensa que carece de vida y espontaneidad. En el lugar de trabajar de manera rígida y formulista, es más gratificante crear arte de una manera flexible y orgánica. Como animador, me esfuerzo por preservar y ritmo y el flujo de diseño. Vamos a revisar algunos planteamientos útiles.

Introducción

En primer lugar, echemos un vistazo a algunos conceptos que te ayudarán a crear personajes con poses dinámicas e interesantes. A continuación te desglosamos el proceso básico de creación de un personaje desde el boceto hasta el vector final. Si estás interesado en la creación de mascotas vectoriales para diseño de marca, o personajes interesantes para utilizar en tus animaciones, encontrarás estas técnicas útiles.

Algunas referencias de trabajo

Para poder implementar el ritmo y fluidez en el diseño, es de gran utilidad observar cómo se han aplicado estos a diseños exitosos ya existentes. Por ejemplo, la animación de Dreamworks Kung Fu Panda  es una fuente muy rica de referencia. La estilización del diseño de la película depende de fuertes líneas de acción y ritmo secundarias.

El moderno cine de animación está lleno de impresionantes fuentes de inspiración, dominado por Pixar, Disney, Dreamworks, Blue Sky studios y muchos otros. Vale la pena tomarse el tiempo para el estudio de este trabajo profesional.

La línea de acción

Esto es esencial en la definición de la dirección y posición de un elemento dentro del espacio. Entre más amplia la dirección de la línea, más potente es la esencia del movimiento y la vida. He esbozado la línea de acción en la siguiente imagen.

Es más evidente en formas orgánicas, aunque las formas inorgánicas pueden ser deconstruidas para tener una línea de acción o de empuje. Puedes considerar esta línea la columna vertebral de una forma, donde todo se mueve a lo largo de su eje. Como regla es la línea de ritmo más larga.

Líneas de ritmo secundarias

Las líneas de acción secundarias se utilizan como una herramienta para complementar la línea de acción. En el desglose más abajo, la línea de acción está delineada en color de rosa, mientras que las líneas secundarias están señaladas en verde.

Existen un número infinito de líneas que encontrarás dentro de posturas, y entre más obvias sean, la forma será más dinámica. Estas líneas a menudo convergen o divergen de la línea de acción varias veces, llevando el ojo a lo largo de las formas.

La clave para desarrollar formas y poses visualmente interesantes es la composición de las formas y direcciones. Si logras llevar el ojo del observador hacia la información más importante y mantener una jerarquía visual, el resto de la pieza se sostendrá firmemente.

Las líneas de ritmo secundarias también son útiles para definir la forma del contorno de la silueta. Para acentuar esto (como se ve en el ejemplo siguiente), se crean 'costuras' entre la formas de la piel con fuertes cambios en el color, lo que permite a la dirección  del patrón seguir el flujo.

Elegir tus herramientas

Ahora que tienes una idea del proceso y funcionamiento del ritmo y del flujo, es tiempo de afilar las herramientas vectoriales y hacer el trabajo. Puedes utilizar cualquier paquete de ilustración vectorial. Prefiero Flash para animación, por su simplicidad y maleabilidad, pero puedes utilizar Illustrator, Corel Draw o incluso Freehand. Si no estás familiarizado con las herramientas de dibujo de Flash (el programa que vamos a utilizar), asegúrate de revisar mi curso acelerado sobre el tema.

Ahora, antes incluso de empezar a trabajar en vectores, siempre que sea posible, trabaja con imágenes raster o con el método tradicional (sí, eso significa lápiz y papel). Lo que realmente quieres hacer es dar vida a los volúmenes y ritmos antes de llevarla a una pieza vectorial.

Desafortunadamente, no hay ninguna manera rápida y fácil para aprender a dibujar; es cuestión de mucha observación y práctica. ¡No dejes que esto te detenga, se trata de divertirse y conseguir una sentimiento para dibujar!

Dando vida

Puedes hacer un bosquejo rápido en papel o en Photoshop, pero debo destacar lo valioso que es trabajar con un medio no vectorial antes de conseguir algo más limpio.

Mientras trabajas con tu dibujo, asegúrate de sentir un flujo y dirección completos, conservando siempre tu línea. Tendrás mucho tiempo para refinar detalles más tarde.

Hora de vectores

Ahora es el momento para sacar líneas de tu dibujo y lograr algunas formas que fluyan! Cuando se trabaja con un programa vectorial, ayuda comenzar con las líneas más largas primero (busca la línea de acción). Entonces construye los detalles más pequeños. Asegúrate de que la transición de cóncavo a convexo es fluida y no tengas miedo de usar esquinas afiladas para permitir que formas se resalten. Sigue trabajando hasta que hayas creado todas las formas básicas.

Colorear sólidos

Funciona mejor utilizar colores sólidos que contrasten y describan las formas. Si te atascas inspirandote con el color, consulta recursos de color de fotografías y diseños. Trata de hacer que  los colores encajan entre sí como un todo.

Luces y sombras

Las luces y las sombras realmente ayudarán a definir donde está una forma en el espacio, y su relación con otros elementos. Piensa en la generación de luz y sombra, así como donde cae la luz ambiental.

También debe considerarse la temperatura de la luz. En lugar de aumentar y reducir el valor tonal del color, siempre es bueno pensar en un color de luz que pueda entonces teñir las altas luces y sombras. Mezcla y experimentar con diferentes variaciones.

Ten en cuenta que las sombras y las altas luces también pueden ser herramientas muy útiles para definir el contorno. Cuando se añaden a una ilustración, piensa en cómo viaja la línea alrededor de la forma, y el usa la línea para describir cómo se mueve.

Dibujo de línea

El dibujo de línea ayuda a consolidar todo. Hay muchas posibilidades con la línea. ¿Tiene que haber líneas en algunos lugares? ¿Gruesas y finas? ¿Contorno grueso? ¿Líneas en color? ¿Bordes iluminados? Depende de ti. Me gusta una combinación de líneas de colores, contornos gruesos y a veces ¡sin líneas! Si tu definición de la forma es lo suficientemente fuerte, puedes estilizar tu línea como quieras. Si son útiles para definir el ritmo en la composición; es una buena idea conservarlas.

¿Ahora adonde?

Esperemos crearás algo divertido que sea dinámico y espontáneo en tu próximo diseño de personajes. Se requiere mucha práctica, pero leyendo esto habrás adquirido una visión de algunos enfoques prácticos para el desarrollo de una pieza de trabajo.

Nunca pienses en esto como una fórmula ya que le quitarás vida y espontaneidad. ¡Piensa como un poco de inspiración para obtener ideas sobre el papel y luego en la pantalla! Ahora sal ahí fuera y haz algo de arte divertido!