Convertir una imagen de píxeles en una imagen vectorial con Adobe Illustrator CS5

Si desea utilizar una de las herramientas de Fab Lab para recortar una imagen que está hecha de píxeles (cualquier jpg, png, gif, etc.) primero deberá convertirla en un archivo vectorial.

Voy a usar esta imagen para el tutorial:

//commons.wikimedia.org/wiki/File:Smiley_Face.JPG

Paso 1: ¿Qué es un píxel?

La mayoría de las imágenes que ve en una computadora están hechas de píxeles, pequeños rectángulos de diferentes colores. Si miras muy de cerca tu imagen, puedes verla.

Las máquinas de Fab Lab no saben cómo cortar píxeles.

Mira la carita feliz. ¿Dónde debe cortar la máquina? En la parte dentada gris? Alrededor de la parte amarilla? No está claro

Tenemos que convertir nuestra imagen en líneas y formas que las máquinas puedan entender. Llamamos a este tipo de archivo un archivo vectorial.

Otro beneficio de convertir nuestro archivo en vectores es que puede cambiar el tamaño de la imagen tan grande como desee y no se verá borrosa o perderá una resolución.

Paso 2: elige tu imagen

Este paso es realmente importante. Algunas imágenes funcionan mejor que otras. Las fotografías no funcionan tan bien. Hay una manera fácil de editar una fotografía para que funcione, guardaré ese proceso para otro tutorial. Este es para dibujos.

Realmente quieres buscar dibujos de alto contraste. Dibujos con áreas oscuras y áreas claras, pero no demasiado en el medio. Si no está seguro de si funcionará, simplemente pruébelo.

En general, las imágenes más grandes resultarán mejores. Nuevamente, si no está seguro de si funcionará, simplemente pruébelo.

En el caso de la cara sonriente, tengo que elegir el tamaño que quiero, así que voy a elegir el más grande.

Paso 3: abre tu imagen en Adobe Illustrator

Inicie Adobe Illustrator

En la barra de menú superior, vaya a Archivo, Abrir, y luego elija el archivo que desea abrir.

Ignora el cuadrado detrás de la cara en este tutorial. Es solo el lienzo dibujado por Illustrator y no tiene ningún efecto en los pasos.

Etapa 4:

Haga clic en la herramienta de selección (la flecha negra) en la parte superior de la barra de herramientas izquierda y luego haga clic en su imagen para seleccionarla. Sabes que está seleccionado cuando hay un cuadro azul alrededor de tu imagen.

Paso 5:

Haga clic en el pequeño botón de flecha hacia abajo junto a Live Trace. Vea la flecha roja en la imagen de arriba.

Vamos a hacer que Illustrator rastree nuestra imagen y la convierta de píxeles en líneas y formas; pero primero usaremos las opciones de rastreo para hacer algunos trucos para que nuestra imagen se corte mejor en las máquinas Fab Lab.

Paso 6: elija las opciones de rastreo ...

Haga clic en "Opciones de rastreo ..."

Paso 7: Activa Vista previa

Haga clic en la casilla de verificación Vista previa para que podamos ver una vista previa de nuestros resultados de rastreo cada vez que realicemos un cambio en la imagen.

Paso 8: mueva el cuadro de opciones de seguimiento

Haga clic y arrastre en la parte superior del cuadro Opciones de seguimiento para quitarlo de nuestra imagen y así tener una mejor vista.

Paso 9: haga clic en la casilla de verificación Ignorar blanco

Haga clic en la casilla de verificación "Ignorar blanco".

Este es el truco que debemos hacer para las máquinas Fab Lab.

Cuando Illustrator traza todas las formas en esta cara sonriente, puede encontrar los ojos, la boca y el círculo alrededor de la cabeza. Pero también ve dos formas más. ¿Puedes adivinar lo que son?

Illustrator identifica el área blanca dentro de la cabeza, así como el área blanca alrededor del exterior de la cabeza como formas.

Por ejemplo, cuando hace el trazado alrededor de los ojos, dibujará un óvalo alrededor del ojo una vez para el ojo y otra vez para el espacio blanco alrededor del ojo. ¡Esto es un problema porque las máquinas en el Fab Lab verán ambos óvalos superpuestos y cortarán alrededor del ojo dos veces!

La solución fácil es asegurarse de hacer clic en la casilla de verificación Ignorar blanco cuando rastreamos nuestra imagen. Entonces Illustrator solo sabe dibujar líneas alrededor de las formas oscuras.

Paso 10: ajuste el valor del umbral

Si está contento con la forma en que se ve, vaya al siguiente paso. Si aún no está satisfecho, intente cambiar el valor del umbral.

El valor de umbral le dice al ilustrador dónde queremos rastrear nuestras líneas. Todos los píxeles más claros que el valor del Umbral se convierten en blanco, todos los píxeles más oscuros que el valor del Umbral se convierten en negro.

En la escala de color negro a blanco, el negro es 1 y el blanco es 255; cualquier número intermedio es de un tono gris.

El valor del umbral puede ser cualquier número entre 1 y 255. Para la mayoría de las imágenes, encontrará que el medio (128) es bueno. Pero si no le gusta la apariencia de su imagen en la vista previa, puede ajustar su valor de Umbral para ver si se ve mejor.

Prueba 100. ¿Se ve mejor? Prueba 200. ¿Se ve eso mejor? Ajusta el valor hasta que estés feliz.

Si simplemente no puede hacer que se vea bien, entonces su imagen probablemente no era adecuada para comenzar. Recuerde que es mejor comenzar con imágenes de alto contraste: imágenes que tengan sombras oscuras y luces claras y no demasiado en el medio.

Paso 11: haga clic en Trazar

Haga clic en el botón azul Trazar para rastrear la imagen.

Paso 12: haga clic en Expandir

Haga clic en el botón Expandir para terminar de rastrear toda nuestra imagen.

Paso 13: abra la ventana de color

Haga clic en la paleta de colores para abrir la ventana de color.

Las formas en Illustrator tienen un "Relleno" y un "Trazo". El relleno es el área dentro de la forma y el trazo es la línea alrededor del perímetro, o afuera, de nuestra forma.

En este momento, nuestras formas tienen un color de relleno negro y ningún color de trazo. Necesitamos hacer dos cambios para que el color del trazo, la línea alrededor del exterior de las formas, sea negro. Además, el color de relleno no debe ser relleno (claro) o blanco. De esta forma, las máquinas de Fab Lab saben cortar alrededor del exterior, o el perímetro, de nuestras formas.

Paso 14: Cambiar relleno para borrar

En su Ventana de color, asegúrese de que el cuadro Negro esté encima del cuadro Blanco con la barra roja a través de él. Eso significa que puede seleccionar el color de relleno.

Justo debajo de esos cuadros, haga clic en el cuadrado blanco con la barra roja a través de él. Esto hará que el color de relleno de todas sus formas sea claro (o sin relleno).

Paso 15: cambie el trazo a negro

¡Casi terminamos!

Haga clic en el botón Seleccionar trazo que se esconde debajo del botón Seleccionar relleno. Es el cuadrado blanco y gris con la barra roja que lo atraviesa.

Luego seleccione negro para su color de trazo.

Paso 16: ¡Guarde y termine!

Felicitaciones, ahora puede cambiar cualquier imagen de píxeles en una imagen vectorial.

Guarda tu archivo! Ya terminaste!

Ignora el cuadrado detrás de la cara en este tutorial. Es solo el lienzo dibujado por Illustrator y no tiene ningún efecto en los pasos.

Artículos Relacionados