Cómo vectorizar una imagen



Hola!
Les traigo una especie de "tutorial" que armé, para vectorizar una imagen en Adobe Illustrator.





Antes que nada...

¿Qué es una imagen vectorial?


Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.
La imagen vectorial, al estar formada por curvas que son matemáticas, se la puede agrandar infinitamente que siempre va a seguir manteniendo su calidad.




Como vectorizar una imagen (Tutorial propio)



NOTA: En este tutorial uso el Illustrator CS5, pero estas herramientas también están disponibles en las versiones anteriores.




Bueno, vayamos al grano:




1.

Primero y principal, vamos a escoger qué imagen vamos a vectorizar. Se recomienda que sea algo muy simple para que las curvas queden lo más parecidas posibles al original.
Una vez que tengamos la imagen, la arrastramos hacia un archivo nuevo de Illustrator.
Yo escogí una imagen de Homero que saqué de la Web (más conocida por aparecer en la pared de los posts de Toraba () ):

Homero




2.

Bueno, comencemos con las partes blancas.
Para comenzar a vectorizar, usaremos la Herramienta Pluma:
Adobe
Esta herramienta es bastante sencilla de usar; simplemente hay que ir clickeando para ir haciendo los puntos (o “nodos”), donde en cada punto se puede ir regulando la curva (con la tecla Alt) mediante unas “manijas”.
Una vez que la forma se cierre, le damos el color de relleno (blanco):
Illustrator
(es recomendable bloquear la capa donde está la imagen de referencia (con el "candadito) para que no se mueva por error)




3.

Ya tenemos la primera forma terminada, con relleno blanco.
En caso de querer modificar alguna curva o punto que haya quedado mal, se puede usar la Herramienta Flecha Blanca (se elije presionando la A) para seleccionar los puntos:
vector




4.

Para hacer los círculos de los ojos, usaremos la Herramienta Elipse (y para que salga un círculo perfecto, se debe presionar Alt+Shift mientras la insertamos con el Mouse):
poster




5.

Usaremos las Herramientas de Buscatrazo (Menú Ventana > Buscatrazos) para poder perforar (“agujerear”) una forma a partir de otra; esto sirve para el caso de la nariz, los ojos y la camisa, para que una forma “agujeree” otra que está debajo y se vea el negro que va a estar detrás:
imagen

Para hacer esto, seleccionamos las dos formas (la que será el “agujero” y la que “agujereará”), y clickeamos en el botoncito de Restar área de forma:
vectorizar




6.

Una vez que ya terminamos con todo lo que es Blanco, podemos seleccionar todos los objetos y agruparlos con Control+G (para asegurarse que nada se mueva o borre por error):
pluma




7.

Comencemos con lo que sería todo lo que es negro.
Al igual que como hicimos antes, vamos trabajando todas las curvas con la Herramienta Pluma. Y en este caso, el negro va detrás del blanco, por lo tanto debemos ubicar lo que hacemos en una capa que esté debajo de las de formas blancas:
CS5




8.

Ya tenemos las formas negras terminadas.
Ahora podemos bloquear esa capa para asegurarnos de que nada pase:
Como vectorizar una imagen (Tutorial propio)

Homero




9.

Formas blancas y negras terminadas; resta el fondo:
Adobe




10.

Para hacer el color gris de fondo, usamos la Herramienta Rectángulo y lo situamos debajo de las capas de formas blancas y de negras, y calculamos los límites de la imagen:
Illustrator




11.

Ahora podemos colocar un marco blanco (en una capa, arriba de todo) para tapar lo que quedó desparejo en los bordes, etc. Lo hacemos con dos rectángulos, uno perforando al otro:
vector




12.

Y ya tenemos nuestro trabajo terminado :
poster
Ahora podemos agrupar todas las capas para que quede un "objeto único" (seleccionamos todo, y luego Control+G).








imagen



vectorizar pluma CS5 Como vectorizar una imagen (Tutorial propio) Homero Adobe


Illustrator







Descarga de JPG en alta resolución + PDF en Vectores:


Tipo de archivo: RAR
Tamaño: 383 KB
Servidor: Mediafire
Password: cla123

vector

poster





GRACIAS POR VER!


Espero haber sido de utilidad.

Cualquier duda, manden MP.





imagen






POSTS RELACIONADOS:



Reparar una foto vieja con Photoshop:

vectorizar


Cambiar el color de ojos con Photoshop:

pluma


Crear una Animación en Flash:

CS5