Tutorial - Cmo vectorizar una imagen con Adobe Illustrator?

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

La solucin 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 caractersticas ms solicitadas por los usuarios de los paquetes de edicin de Adobe fue una buena herramienta de vectorizacin que permitiera convertir una mapa de bits o bitmap en un grfico escalable formado por vectores. Con la desaparicin tiempo atrs de Streamline, la herramienta de vectorizacin de Photoshop, y los resultados poco felices que se podan obtener con el ms reciente Trace, los usuarios pedan de rodillas una solucin a este problema, que aunque no lo parezca es uno de los ms 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 edicin. "Live" viene de la idea de que puedes hacer modificaciones prcticamente en tiempo real sobre la imagen vectorizada, alterando ciertos parmetros hasta obtener el resultado que ms se aproxima a lo deseado; una caracterstica nueva del paquete CS2 y que prximamente con la salida de CS3 es de esperar que presente an 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 grfico existen estos dos tipos de imgenes. Algunos de los programas que crean imgenes rasterizadas (tambin conocidas como de pxels o pintadas) son Photoshop, MacPaint, PC Paintbrush, o Painter. Otros programas crean vectores (conocidos tambin como arte orientado a objetos), por ejemplo Illustrator, FreeHand, MacDraw, y Expression. Una tercera clase de programas pueden trabajar con ambas formas de imgenes, tal el caso de CorelDRAW! y Canvas. Las imgenes rasterizadas estn compuestas de miles de pequeos puntos, llamados pxeles. La cantidad de pxeles determina la resolucin de la imagen. El ordenador recrea la imagen recordando la posicin exacta de cada pxel; no tiene idea de que la imagen por ejemplo es un crculo, solo de que es una coleccin de pequeos puntos.

Una imagen bitmap.

o "serrucho" tan odiado.

Al escalar se produce el efecto de

El vector, en cambio, es un mtodo diferente ya que, en lugar de crear pxeles individuales, crea objetos como rectngulos y crculos. El ordenador recrea una imagen calculando sus coordenadas matemticas, simplemente. Es por ello que una imagen vectorizada ocupa una fraccin del espacio requerida por la misma imagen rasterizada, pero lo que es ms importante es que no importa cunto escales una imagen de vector, no existe prdida de detalles. Puede ser tan pequea como una estampilla de correo o tan inmensa como la pared de un edificio, y siempre se ver idntica! Vectorizando con Illustrator CS2 Utilizaremos la herramienta Live Trace de Adobe Illustrator CS2 porque a pesar de su simplicidad de uso produce,

como dijimos, algunos de los mejores resultados en este tipo de tcnicas. Lo primero es abrir una imagen rasterizada en un archivo nuevo de Illustrator. Puedes hacerlo con el comando de men Archivo > Colocar (File > Place) o bien simplemente arrastrar la imagen adentro de la ventana del programa. Luego simplemente toca la imagen con la herramienta de seleccin (V) o la de seleccin directa (A) (las flechas blanca o negra, vamos) y el men sobre la imagen cambiar a Live Trace. Y aqu viene lo bueno. Haz clic al botn "Live Trace" y observa el resultado inicial.

Luego de Live Trace

En el caso de esta fotografa, con seguridad no es lo que necesitas! Si bien Live Trace suele producir un resultado muy satisfactorio con slo tocar ese botn, muchas veces la imagen rasterizada es oscura, o no es lo que mejor se presta a ser vectorizado. Un logotipo en blanco y negro o en color, por ejemplo, tiene muchas ms posibilidades de quedar a unos pocos clics de distancia de la perfeccin, lo que ahorra mucho tiempo si ests bajo presin y debes entregar un trabajo en cuestin de minutos. Es ms fcil corregir una imagen vectorizada con Live Trace que dibujar todo desde el vamos, naturalmente! Pero sigamos con nuestro ejemplo. El girasol es intil as. Jugando con las posibilidades "vivas" de Live Trace podramos ver algunas mejoras si cambiamos los valores de Tolerancia (Threshold) y Min Area (pxeles). A menor tolerancia y Min Area, ms detalles aparecen en tiempo real en nuestro nuevo vector, pero en este caso no sirven de mucho. As que usemos la magia ms grande de los ordenadores y la ms deseada por la humanidad: CTRL-Z, para volver al pasado. Vamos a intentarlo de nuevo.

CTRL-Z, y lo intentamos de nuevo

Ya que el botn por default no nos dio el resultado que desebamos, podemos probar con las diferentes configuraciones de Live Trace. Hay muchas, como ven en la ilustracin, algunas ms indicadas para dibujos a mano, o logotipos, e incluso para fotografas a color como nuestro girasol, que ahora luce ms til.

Filtro Photo Low Fidelity

Photo High Fidelity.

Si es que estamos conformes con el resultado en este caso se podra decir que el filtro de Foto de Alta Fidelidad nos gust es hora de convertir efectivamente la imagen en una coleccin de vectores, pinchando el botn Expandir (Expand). En este momento es cuando se termina el componente "Live" y ya nos quedamos con el resultado real. Aunque no final, desde luego, ya que podran hacer falta ciertos retoques acomodando lneas aqu y all, cambiando colores (puedes probar con Live Paint, que permite utilizar el cubo de pintura sobre reas o grupos de vectores) y dando el acabado final. El proceso ahorra tiempo por toneladas pero no es perfecto y siempre requiere un poco de trabajo de edicin posterior. Claro que quienes recuerden cmo era este proceso aos atrs hoy pueden descorchar su vino predilecto porque esto pareca slo posible en sueos y hoy es realidad. Y los secretos? Ahora bien, y dnde estn los secretos, si Live Trace hace todo solo? Quizs podras ayudarlo un poco. Si por ejemplo remueves el fondo azul del girasol, previo a vectorizar la imagen, obtendrs una imagen mucho ms limpia y rpida de corregir en Illustrator. Para ello editas la imagen en Photoshop quitando el cielo y recin despus utilizas Live Trace.

Con Live Trace

A veces encontrars buenos resultados escalando la imagen de mapa de bits al menos a 500 pxeles de ancho o poco ms, en caso de que sea muy pequea. Si es demasiado pequea, Live Trace produce resultados menos detallados; pero por el contrario, si es muy grande el resultado es "demasiado" detallado. Si bien puedes eliminar la superabundancia de nodos con el comando Simplificar (Object > Path > Simplify) la imagen suele deformarse en exceso. Incluso a veces es conveniente reducir el tamao de una imagen rasterizada (cuando es muy grande) para que Live Trace no genere curvas excesivas, dependiendo por supuesto del efecto buscado. De manera que una muy buena tcnica es editar la imagen en Photoshop, teniendo en mente la forma de trabajo de Live Trace. Para ello debes familiarizarte con la herramienta y no tener peros en "engaar" la imagen original. La escalas, y lo que ves que Live Trace podra dejar como una lnea inconclusa o mal trazada lo editas de manera que al vectorizar no haya dudas de formas ni direcciones. Puedes alterar la iluminacin y contraste de la imagen antes de vectorizar, que es mucho ms conveniente que alterar los valores de Tolerancia y Area Min de los pxeles (usando la barra de Live Trace).

Altera la iluminacin y contraste

Puede ocurrir, adems, que tengas una imagen simtrica. En ese caso puedes editarla en Photoshop quitndole una mitad, corregir lneas, colores y luminancia, y luego proceder a vectorizar con Live Trace. Para finalizar el trabajo simplemente copias el resultado, espejas (reflect) y unes las mitades.

Para qu trabajar el doble?

Uniendo las partes

La mejor tcnica es una combinacin de herramientas y el juego entre Photoshop e Illustrator. Con slo unas horas de prueba y error, cualquiera puede descubrir las posibilidades de Live Trace y en muchos casos, te lo aseguramos salir ms temprano de la oficina.