Aprender a vectorizar una imagen en Illustrator, el programa de dibujo vectorial de Adobe, no es nada complicado, si ya estás familiarizado con la herramienta. Como siempre, todo depende del resultado que quieras conseguir. Los vectores nos permiten escalar un dibujo sin perder definición y darle a las fotografías un efecto característico a base de colores planos. Te explicamos como conseguir tus imágenes jpg y png en vectores.
Cuando tomamos una fotografía, escaneamos un dibujo, tomamos un frame de una película… estamos guardando toda esa información como una serie de cuadrados unicolor que se apilan y juntan para crear la sensación de continuidad. Este mosaico de píxeles es el que forma la imagen que podemos ver. Este método tiene una gran pega: Si hacemos la imagen suficientemente grande la ilusión se rompe y se perciben, a simple vista, los píxeles del mosaico.
El formato vectorial, sin embargo, dibuja las formas a base de fórmulas matemáticas, con lo que el dibujo no tiene una resolución como tal, si no que se recalcula según la salida que le demos. De esta manera, un dibujo vectorial se puede aumentar todo lo que se quiera sin perder calidad. Esto lo hace un método perfecto para logos y dibujos sencillos. En el artículo de introducción a Photoshop vimos ya qué es una imagen de vectores, así que tampoco profundizaremos más.
En ocasiones tendremos fotos que querremos imprimir en nuestros diseños, pero cuyo tamaño no sea suficiente. No está todo perdido, la vectorización puede ayudarnos, aunque, ya aviso, no hay milagros: El resultado será un tanto «creativo». Al final del artículo veremos unos casos prácticos.
Evidentemente, una opción es vectorizar la imagen de forma manual. Es lento, pero tendremos control directo sobre el resultado. Para vectorizar una imagen de forma manual te recomiendo seguir este procedimiento:
La pluma nos dará un control absoluto sobre las zonas creadas, pero es bueno que aprendas a sacar las formas fundamentales y crees, primero, una estructura que encaje con las formas geométricas básicas. Usando el Buscatrazos (Unificar, Formar intersección…) ve completando la forma hasta obtener el resultado buscado.
Es conveniente trabajar exclusivamente en línea, sin rellenos, para que el contenido no quede oculto. También puedes trabajar sobre una nueva capa y habilitar el modo previsualización solo para ella, de manera que muestre un esquema de las formas, sin valores de relleno o trazo. Esta opción la encontrarás en la paleta de capas. Escogiendo la capa en la que tienes la imagen y cogiendo la opción «Contornear otras» en el menú desplegable.
Illustrator ofrece una herramienta para vectorizar imágenes de forma automática. Esta es especialmente útil cuando la imagen es demasiado compleja o cuando disponemos de un logo en mapa de bits que queremos pasar a formato vectorial. Vamos a ver varias maneras de usarla.
Tan sencillo como esto. La imagen que habías importado ya no existe y, en su lugar, habrá toda una serie de formas vectoriales. El resultado dependerá de la configuración por defecto que tenga la herramienta. Esta suele estar predeterminada en blanco y negro, por lo que esta opción rápida nos suele servir, solo, para letras negras y grandes. Para configurar estos valores de conversión lo podremos hacer como te explicamos en el siguiente punto.
Al crear el calco de imagen en el anterior punto, no nos ha preguntado nada, ha tomado los valores que tiene por defecto y los ha aplicado. Para tener control de los factores de conversión, variaremos ligeramente el procedimiento anterior:
Para vectorizar una tipografía, si la imagen es suficientemente buena, podemos realizar un calco en modo blanco y negro. En nuestro caso, usando un valor muy alto para vértices y moderadamente alto para los trazados, se adapta bastante bien al original.
Basado en el ejemplo anterior, es muy común recibir un logo en jpg en el estudio. Puede que tenga gran definición y calidad de imagen, pero no deja de ser un jpg con sus limitaciones. Para vectorizar un logo de colores planos podemos usar el preset «Color bajo». En nuestro ejemplo, como queremos usarlo sobre un fondo de color, hemos marcado la opción «Omitir blanco», con lo que este color queda definido como transparente.
En el caso de querer vectorizar un dibujo a tinta, el proceso es similar a vectorizar unas letras, usando el modo blanco/negro. Aquí los trazos deberán ser más suaves, por lo que modificaremos los vértices. Y, si queremos un resultado más suave, con matices, podemos usar la escala de grises, sobre todo si el dibujo es a lápiz.
Para vectorizar una foto con gran detalle, podemos usar el preset «Color alto». Subiendo el número de vértices y trazados obtendremos un resultado más fiel al original (teniendo claro que nunca llegará a ello). Si los bajamos y eliminamos colores, podemos obtener resultados más «Pop-Art».
Te hemos explicado cómo vectorizar una imagen de forma automática y de forma manual. Siempre que sea una forma sencilla (como un logotipo), te recomendamos hacerlo de forma manual, llevará un poco más, pero el resultado merecerá la pena.
Si la complejidad de la imagen te lleva a vectorizarla de forma automática, es recomendable que, luego, le des un repaso modificando, manualmente, las zonas que no han quedado a tu gusto. Como todas las herramientas, según la vayas usando, le irás cogiendo el truco. ¡A vectorizar!
En este artículo, aprenderás qué es el Lazy Loading y cómo implementarlo fácilmente en tu… Leer más
En esta guía práctica, te explicamos qué es el presupuesto de rastreo, por qué es… Leer más
¿Alguna vez te has encontrado con un mensaje que te invita a actuar, ya sea… Leer más
Una de las preguntas más comunes entre los desarrolladores web que comienzan a usar JavaScript… Leer más
Descubre qué es y para qué sirve la preimpresión digital para conseguir una buena impresión… Leer más
Ampliamos información para las redes sociales. Descubre cómo gestionar correctamente los consentimientos necesarios en las… Leer más