Tutorial - ¿Cómo vectorizar una imagen con Adobe Illustrator?

¿Cuántas veces necesitas escalar una imagen y te encuentras con que queda mal? Al agrandar los trazos se vuelven irregulares y los colores se distorsionan.

y

La solución es convertir la imagen a vectores, aunque el 90% de las veces cuesta lograr un resultado satisfactorio. Aquí te contamos algunos secretos para vectorizar utilizando la herramienta Live Trace de Adobe Illustrator CS2. Una de las características más solicitadas por los usuarios de los paquetes de edición de Adobe fue una buena herramienta de vectorización que permitiera convertir una mapa de bits o bitmap en un gráfico escalable formado por vectores. Con la desaparición tiempo atrás de Streamline, la herramienta de vectorización de Photoshop, y los resultados poco felices que se podían obtener con el más reciente Trace, los usuarios pedían de rodillas una solución a este problema, que aunque no lo parezca es uno de los más complicados a la hora de trabajar contra reloj. La plegaria tuvo éxito finalmente. La nueva herramienta Live Trace de Adobe Illustrator CS2 (que viene en el paquete llamado Creative Suite 2) produce excelentes resultados que pueden ahorrar un tiempo clave al profesional de la edición. "Live" viene de la idea de que puedes hacer modificaciones prácticamente en tiempo real sobre la imagen vectorizada, alterando ciertos parámetros hasta obtener el resultado que más se aproxima a lo deseado; una característica nueva del paquete CS2 y que próximamente con la salida de CS3 es de esperar que presente aún mayores posibilidades. Haremos un breve tutorial para ejemplificar el proceso, y les contaremos un par de secretillos muy útiles. Antes hemos de establecer qué diferencias hay entre una imagen de mapa de bits, o rasterizada, y un vector. Raster versus vector En el mundo gráfico existen estos dos tipos de imágenes. Algunos de los programas que crean imágenes rasterizadas (también conocidas como de píxels o pintadas) son Photoshop, MacPaint, PC Paintbrush, o Painter. Otros programas crean vectores (conocidos también como arte orientado a objetos), por ejemplo Illustrator, FreeHand, MacDraw, y Expression. Una tercera clase de programas pueden trabajar con ambas formas de imágenes, tal el caso de CorelDRAW! y Canvas. Las imágenes rasterizadas están compuestas de miles de pequeños puntos, llamados píxeles. La cantidad de píxeles determina la resolución de la imagen. El ordenador recrea la imagen recordando la posición exacta de cada píxel; no tiene idea de que la imagen por ejemplo es un círculo, solo de que es una colección de pequeños puntos.

El ordenador recrea una imagen calculando sus coordenadas matemáticas. . simplemente. en lugar de crear píxeles individuales. y siempre se verá idéntica! Vectorizando con Illustrator CS2 Utilizaremos la herramienta Live Trace de Adobe Illustrator CS2 porque a pesar de su simplicidad de uso produce. pero lo que es más importante es que no importa cuánto escales una imagen de vector. es un método diferente ya que. o "serrucho" tan odiado. ¡Puede ser tan pequeña como una estampilla de correo o tan inmensa como la pared de un edificio. Es por ello que una imagen vectorizada ocupa una fracción del espacio requerida por la misma imagen rasterizada. Al escalar se produce el efecto de El vector. crea objetos como rectángulos y círculos. en cambio. no existe pérdida de detalles.o Una imagen bitmap.

muchas veces la imagen rasterizada es oscura. El girasol es inútil así. o no es lo que mejor se presta a ser vectorizado. Jugando con las posibilidades "vivas" de Live Trace podríamos ver algunas mejoras si cambiamos los valores de Tolerancia (Threshold) y Min Area (píxeles). vamos) y el menú sobre la imagen cambiará a Live Trace. A menor tolerancia y Min Area.como dijimos. Y aquí viene lo bueno. ¡Es más fácil corregir una imagen vectorizada con Live Trace que dibujar todo desde el vamos. para volver al pasado. tiene muchas más posibilidades de quedar a unos pocos clics de distancia de la perfección. Así que usemos la magia más grande de los ordenadores y la más deseada por la humanidad: CTRL-Z. Vamos a intentarlo de nuevo. Luego de Live Trace ¡En el caso de esta fotografía. más detalles aparecen en tiempo real en nuestro nuevo vector. Un logotipo en blanco y negro o en color. Luego simplemente toca la imagen con la herramienta de selección (V) o la de selección directa (A) (las flechas blanca o negra. algunos de los mejores resultados en este tipo de técnicas. por ejemplo. con seguridad no es lo que necesitas! Si bien Live Trace suele producir un resultado muy satisfactorio con sólo tocar ese botón. Puedes hacerlo con el comando de menú Archivo > Colocar (File > Place) o bien simplemente arrastrar la imagen adentro de la ventana del programa. pero en este caso no sirven de mucho. Haz clic al botón "Live Trace" y observa el resultado inicial. . lo que ahorra mucho tiempo si estás bajo presión y debes entregar un trabajo en cuestión de minutos. naturalmente! Pero sigamos con nuestro ejemplo. Lo primero es abrir una imagen rasterizada en un archivo nuevo de Illustrator.

algunas más indicadas para dibujos a mano. o Filtro Photo Low Fidelity . Hay muchas. o logotipos. podemos probar con las diferentes configuraciones de Live Trace. como ven en la ilustración. y lo intentamos de nuevo Ya que el botón por default no nos dio el resultado que deseábamos. e incluso para fotografías a color como nuestro girasol.CTRL-Z. que ahora luce más útil.

. El proceso ahorra tiempo por toneladas pero no es perfecto y siempre requiere un poco de trabajo de edición posterior. En este momento es cuando se termina el componente "Live" y ya nos quedamos con el resultado real. Aunque no final. obtendrás una imagen mucho más limpia y rápida de corregir en Illustrator. desde luego. que permite utilizar el cubo de pintura sobre áreas o grupos de vectores) y dando el acabado final. Si es que estamos conformes con el resultado ±en este caso se podría decir que el filtro de Foto de Alta Fidelidad nos gustó± es hora de convertir efectivamente la imagen en una colección de vectores.o Photo High Fidelity. Claro que quienes recuerden cómo era este proceso años atrás hoy pueden descorchar su vino predilecto porque esto parecía sólo posible en sueños y hoy es realidad. previo a vectorizar la imagen. pinchando el botón Expandir (Expand). ¿Y los secretos? Ahora bien. cambiando colores (puedes probar con Live Paint. ya que podrían hacer falta ciertos retoques acomodando líneas aquí y allá. si Live Trace hace todo solo? Quizás podrías ayudarlo un poco. Si por ejemplo remueves el fondo azul del girasol. Para ello editas la imagen en Photoshop quitando el cielo y recién después utilizas Live Trace. ¿y dónde están los secretos.

Puedes alterar la iluminación y contraste de la imagen antes de vectorizar. si es muy grande el resultado es "demasiado" detallado. teniendo en mente la forma de trabajo de Live Trace. en caso de que sea muy pequeña. que es mucho más conveniente que alterar los valores de Tolerancia y Area Min de los píxeles (usando la barra de Live Trace). Para ello debes familiarizarte con la herramienta y no tener peros en "engañar" la imagen original. pero por el contrario.Con Live Trace A veces encontrarás buenos resultados escalando la imagen de mapa de bits al menos a 500 píxeles de ancho o poco más. De manera que una muy buena técnica es editar la imagen en Photoshop. Incluso a veces es conveniente reducir el tamaño de una imagen rasterizada (cuando es muy grande) para que Live Trace no genere curvas excesivas. . Live Trace produce resultados menos detallados. Si bien puedes eliminar la superabundancia de nodos con el comando Simplificar (Object > Path > Simplify) la imagen suele deformarse en exceso. y lo que ves que Live Trace podría dejar como una línea inconclusa o mal trazada lo editas de manera que al vectorizar no haya dudas de formas ni direcciones. dependiendo por supuesto del efecto buscado. Si es demasiado pequeña. La escalas.

Para finalizar el trabajo simplemente copias el resultado. En ese caso puedes editarla en Photoshop quitándole una mitad. corregir líneas. y luego proceder a vectorizar con Live Trace.Altera la iluminación y contraste Puede ocurrir. o ¿Para qué trabajar el doble? . espejas (reflect) y unes las mitades. colores y luminancia. además. que tengas una imagen simétrica.

Con sólo unas horas de prueba y error. . te lo aseguramos± salir más temprano de la oficina.o Uniendo las partes La mejor técnica es una combinación de herramientas y el juego entre Photoshop e Illustrator. cualquiera puede descubrir las posibilidades de Live Trace y ±en muchos casos.