5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 1/26

 

Como vectorizar una imagen (Tutorial propio)

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ígon

arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.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 c

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.

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

anteriores. 

Bueno, vayamos al grano:

1. Primero y principal, vamos a escoger qué imagen vamos a vectorizar. Se recomienda que sea algo muy simple pa

que las curvas queden lo más parecidas posibles al original. Una vez que tengamos la imagen, la arrastramos haciarchivo nuevo de Illustrator. Yo escogí una imagen de Homero que saqué de la Web

2. Bueno, comencemos con las partes blancas. Para comenzar a vectorizar, usaremos la Herramienta Pluma:

Esta herramienta es bastante sencilla de usar; simplemente hay que ir clickeando para ir haciendo los puntos (o

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 2/26

 

“nodos”), donde en cada punto se puede ir regulando la curva (con la tecla Alt) mediante unas “manijas”. Una vezla forma se cierre, le damos el color de relleno (blanco):

(es recomendable bloquear la capa donde está la imagen de referencia (con el "candadito) para que no se mueva error)

3. Ya tenemos la primera forma terminada, con relleno blanco. En caso de querer modificar alguna curva o punto

haya quedado mal, se puede usar la Herramienta Flecha Blanca (se elije presionando la A) para seleccionar los

puntos:

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 3/26

 

4. Para hacer los círculos de los ojos, usaremos la Herramienta Elipse (y para que salga un círculo perfecto, se d

presionar Alt+Shift mientras la insertamos con el Mouse):

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 4/26

 

5. Usaremos las Herramientas de Buscatrazo (Menú Ventana > Buscatrazos) para poder perforar (“agujerear”)

forma a partir de otra; esto sirve para el caso de la nariz, los ojos y la camisa, para que una forma “agujeree” otque está debajo y se vea el negro que va a estar detrás:

Para hacer esto, seleccionamos las dos formas (la que será el “agujero” y la que “agujereará”), y clickeamos en e

botoncito de Restar área de forma:

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 5/26

 

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

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 6/26

 

7. Comencemos con lo que sería todo lo que es negro.

Al igual que como hicimos antes, vamos trabajando todas las curvas con laHerramienta Pluma 

. Y en este caso, elnegro va detrás del blanco, por lo tanto debemos ubicar lo que hacemos en una capa que esté debajo de las de

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 7/26

 

formas blancas:

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 8/26

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 9/26

 

8.

Ya tenemos las formas negras terminadas.

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 10/26

 

Ahora podemos bloquear esa capa para asegurarnos de que nada pase:

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 11/26

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 12/26

 

9.

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 13/26

 

Formas blancas y negras terminadas; resta el fondo:

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 14/26

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 15/26

 

10.

Para hacer el color gris de fondo, usamos la Herramienta Rectángulo y lo situamos debajo de las capas de form

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 16/26

 

blancas y de negras, y calculamos los límites de la imagen:

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 17/26

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 18/26

 

11.

Ahora podemos colocar un marco blanco (en una capa, arriba de todo) para tapar lo que quedó desparejo en los

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 19/26

 

bordes, etc. Lo hacemos con dos rectángulos, uno perforando al otro:

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 20/26

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 21/26

 

12.

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 22/26

 

Y ya tenemos nuestro trabajo terminado :

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 23/26

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 24/26

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 25/26

5/14/2018 Como Vectorizar Una Imagen - slidepdf.com

http://slidepdf.com/reader/full/como-vectorizar-una-imagen 26/26