¿Qué es una imagen vectorial?: Vector en el diseño gráfico

1K 79 87
                                    


Módulo 1: Introducción al Paradigma de Diseño

Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.

Módulo 1: Introducción al Paradigma de Diseño

Clase 1:

¿Qué es una imagen vectorial? Vector en diseño


¿Listo para empezar? ¿¡Listos para usar Adobe Illustrator!?

Pues todavía no abriremos el programa :v Primero necesitamos aprender unas cosas importantes.

Antes de tocar cualquier programa de edición vectorial, es necesario conocer el paradigma de la edición en vectores. Un paradigma es un modelo o patrón de trabajo, es decir, la forma en que se realiza algo.

En nuestro caso, debemos entender que Adobe Illustrator y otros programas basados en edición vectorial están basados (como su nombre lo dice) en vectores y no en píxeles (como lo hace, por ejemplo, Photoshop).

Para observar el contraste, definiré lo que es un píxel primero:

Un píxel (px) es un punto de un color específico, la mínima medida de una imagen. Muchos pixeles juntos conforman cualquier imagen de nuestro mundo digital. Si hacemos mucho zoom (acercamiento) a una imagen, llegaremos a solo poder ver píxeles simples, y si seguimos acercándonos será solo un pixel y ya, lo que incurre en disminuir la calidad de la imagen. Es decir, si una imagen es de 1000px * 1000px, si la hago más grande empezará a perder calidad.

Regla 1: Una imagen pierde calidad al ser reescalada.

En cambio, un vector en el área de diseño es una curva dada por dos puntos de inicio y final. Al ser una curva, tiene por debajo una definición matemática que la genera. Así, la curva siempre va a ser la misma curva no importa cuánto zoom haga.

El vector, al realizar imágenes basadas en ellos se va a convertir en dos cosas: Un objeto abierto (trazo) o un objeto cerrado (figura). A todo esto se le llama coloquialmente vector, aunque es importante saber un poco las diferencias.

Si realizo un cuadrado (por ejemplo), este va a ser un vector cerrado con cuatro puntos (las esquinas) formado de cuatro curvas (los lados, una curva puede ser recta). Al ser un objeto cerrado, es decir, que el punto inicial es igual al punto final, este va a generar una región que puede tener un relleno.

Si realizo un cuadrado sin uno de sus lados (algo como la figura Π), esto será un trazo, una figura abierta. Esta figura no va a tener un relleno (técnicamente) ya que no es cerrada.

Ambas (figura y trazo) sin embargo, pueden tener stroke ("trazo" en español, aunque utilizaré el término en inglés para diferenciarlos). El stroke es el borde de un objeto, puede tener un color definido y su camino será igual al camino que recorran las curvas del vector.

Y como dije que esto es basado por debajo en matemáticas, no importa qué tan grande o pequeño haga el cuadrado, este nunca va a perder calidad.

Regla 2: Una imagen vectorial, antes de ser guardada, no pierde calidad sin importar si se reescala.

Por lo tanto, Adobe Illustrator se basa en objetos. Todo es un objeto, desde el fondo hasta la carita feliz, pasando por cada objeto de la edición. Es necesario entender esto para saber que todo al final se reduce en formas infinitamente diferentes.

En clases más adelante veremos cómo se maneja una curva basado en sus puntos de inicio y final para (por ejemplo) diferenciar una línea recta de un semicírculo (aunque ambas sean curvas con dos puntos).

Por lo anteriormente visto, en un programa de edición vectorial no vamos a encontrar pinceles como los de Photoshop, y las ediciones basadas en píxeles como degradados, desenfoques, efectos artísticos, texturas, desvanecimientos, etc., van a ser muy limitadas.

Lo que sí vamos a encontrar es la útil separación de los objetos, ¿dibujaste en una capa que no era? ¡No importa! Como son objetos diferentes, no se te van a mezclar. Puedes editarlos por separado sin afectar el otro, ¡qué maravilla! También vamos a encontrar maneras de manejo de textos que pueden ser más difíciles en otros programas de edición.

Eso sí, te advierto desde ahora, trabajar con vectores implica entrenar la mano, porque vamos a "dibujar" bastante. Aunque los programas ofrecen un montón de cosas, otras tendremos que crearlas nosotros. Y si queremos trabajos de calidad, lo que creemos debe estar hecho con calidad y precisión.

Te reto entonces a sumergirte de lleno en el mundo de los vectores y salir como alguien nuevo, con más conocimiento y creatividad.


Tarea:

~¿Cuántos puntos tiene un objeto de una estrella de cinco puntas?

~¿Cuántos puntos mínimos creen que debe tener un círculo?

~¿Cuántos objetos tiene la siguiente imagen?:

(Leer la Bienvenida para el manejo de tareas por si no se acuerdan, aunque esta pueden responderla en comentarios)

Oops! This image does not follow our content guidelines. To continue publishing, please remove it or upload a different image.

(Leer la Bienvenida para el manejo de tareas por si no se acuerdan, aunque esta pueden responderla en comentarios)


Sergio A. Mejía, "Sam"

El Mundo de Adobe IllustratorWhere stories live. Discover now