Trazados y nodos para la ilustración vectorial

Las ilustraciones vectoriales se generan a partir de vectores descritos por coordenadas dentro de un plano. Sí bien existen diferentes aplicaciones para este tipo de ilustración, la lógica que esconde cada una de estas herramientas es la misma.  Todas utilizan una programación precisa que resuelve logicamente cada una de las gráficas desarrolladas.


¿Cuál es la lógica detrás del trazado vectorial?

x-y-coor

 

Para la creación de una línea recta es necesaria la formulación de cuatro coordenadas que correspondan a la ubicación en X y Y de los puntos o nodos de inicio y fín de la línea. En el ejemplo de la izquierda las coordenadas  2 y 4 para el nodo superior y: 3 y 1 para el inferior trazan una línea diagonal con un ángulo de 120 grados.

 

 

Para la creación de líneas curvas las aplicaciones se basan en un método llamado “Curva de Bézier”. Éste fue desarrollada por Pierre Étienne Bézier en los años 60 para el trazado de curvas de manera técnica.

bezierEn las curvas de Bézier el trazo se inscribe dentro de cuatro coordenadas como en una línea recta (en el ejemplo de la derecha P0 y P3),  la curva la define una relación matemática con cuatro coordenadas adicionales (P1 y P3) ; estos puntos son invisibles y sólo funcionan como “manecillas” para trazar la curva.

En el siguiente video se puede visualizar la construcción de la curva de manera animada:

 


 

En la práctica: trazados en Adobe Illustrator

Existen muchas aplicaciones para la ilustración vectorial, una de las más robustas y populares es Adobe Illustrator. Esta aplicación utiliza la herramienta pluma para trazar y editar vectores, haciendo uso de las siguientes funciones:

1

 

(P) Crea nodos para líneas rectas.
(+) Añade nodos a un vector.
(-) Resta nodos de un vector.
(Shift+ C) Añade “manecillas” a un nodo para crear curvas.

En el siguiente video se visualiza paso a paso la creación de vectores con líneas rectas y curvas en Adobe Illustrator:

 

Colores de relleno y línea

Los vectores pueden hacer uso de colores  en el relleno de las formas generadas y en las líneas de los vectores. Esta edición se lleva a cabo utilizando la ventana de “Muestras” o la ventana de “Color”  disponibles en la aplicación.

El video a continuación explica el paso a paso para aplicar color en el relleno y en la línea de un vector:

 

Referentes:

Para finalizar, a continuación se presentan algunos videos en alta velocidad, donde se crean ilustraciones vectoriales que evidencian las posibilidades de esta técnica de ilustración.

 

Tecnología: Imagen digital

fb93b1593b8c61a795e56f0ad0d05992

Print vs. Web