Como Vectorizar Una Imagen

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 independient es (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 ag randar infinitament e que siempre va a seguir manteniendo su calidad. NOTA: En este tutorial uso el Illustrator CS5, pe ro 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 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

Transcript of Como Vectorizar Una Imagen

Page 1: Como Vectorizar Una Imagen

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

Page 2: Como Vectorizar Una Imagen

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:

Page 3: Como Vectorizar Una Imagen

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):

Page 4: Como Vectorizar Una Imagen

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:

Page 5: Como Vectorizar Una Imagen

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):

Page 6: Como Vectorizar Una Imagen

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

Page 7: Como Vectorizar Una Imagen

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

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

 

formas blancas:

Page 8: Como Vectorizar Una Imagen

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

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

Page 9: Como Vectorizar Una Imagen

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.

Page 10: Como Vectorizar Una Imagen

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:

Page 11: Como Vectorizar Una Imagen

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

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

Page 12: Como Vectorizar Una Imagen

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

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

 

9.

Page 13: Como Vectorizar Una Imagen

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:

Page 14: Como Vectorizar Una Imagen

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

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

Page 15: Como Vectorizar Una Imagen

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

Page 16: Como Vectorizar Una Imagen

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:

Page 17: Como Vectorizar Una Imagen

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

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

Page 18: Como Vectorizar Una Imagen

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

Page 19: Como Vectorizar Una Imagen

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:

Page 20: Como Vectorizar Una Imagen

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

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

Page 21: Como Vectorizar Una Imagen

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

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

 

12.

Page 22: Como Vectorizar Una Imagen

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 :

Page 23: Como Vectorizar Una Imagen

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

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

Page 24: Como Vectorizar Una Imagen

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

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

Page 25: Como Vectorizar Una Imagen

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

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

Page 26: Como Vectorizar Una Imagen

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

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