Guía

¿Cómo vectorizar una imagen en Illustrator?

Vectoriza un PNG o JPG en Illustrator con Calco de imagen: el ajuste preestablecido correcto, opciones clave, expandir, quitar el fondo blanco y guardar en SVG.

Original SVG OriginalSVG Probar este ejemplo
Respuesta corta

Selecciona la imagen, abre Ventana › Calco de imagen (Window › Image Trace), elige un ajuste preestablecido (Logotipo en blanco y negro para un solo color, 6 o 16 colores para color), ajusta Colores, Trazados, Esquinas y Ruido con la previsualización activada, marca Ignorar blanco, luego Expandir y guarda en SVG.

Adobe Illustrator puede convertir una imagen hecha de píxeles (un PNG o JPG) en formas vectoriales con una función llamada Calco de imagen (Image Trace). Una vez calcado, el diseño se puede escalar a cualquier tamaño sin verse borroso, y puedes guardarlo como SVG, EPS o PDF. Aquí tienes todo el proceso, las opciones que de verdad cambian el resultado, cómo preparar el archivo para una Cricut y los errores que te dejan con miles de formas desordenadas.

¿Qué imágenes se vectorizan bien en Illustrator?

El calco funciona mejor con imágenes de bordes claros y colores planos: logos, rótulos, iconos, pegatinas y clip art. Usa la versión más grande y nítida que tengas. Un logo de 300 píxeles sacado de una web se calcará con bordes irregulares; uno de 2.000 píxeles se calcará limpio. También se pueden calcar fotos, pero se convierten en un mosaico de manchas de color en lugar de un vector limpio.

Paso 1: coloca la imagen

  1. Crea un documento nuevo, ve a Archivo › Colocar (File › Place) y elige tu PNG o JPG. Haz clic en la mesa de trabajo para colocarlo.
  2. Selecciona la imagen con la herramienta Selección (V).

Paso 2: abre el panel Calco de imagen

Ve a Ventana › Calco de imagen (Window › Image Trace). El panel te deja previsualizar y ajustar el calco antes de aplicarlo, lo que es mucho mejor que pulsar el botón rápido “Calco de imagen” de la barra de herramientas y cruzar los dedos. Marca Previsualizar (Preview) en la parte inferior del panel para que los cambios se vean al momento. Adobe describe cada opción en Image Trace panel options (en inglés).

¿Qué ajuste preestablecido de Calco de imagen debo usar?

Tu imagenAjuste preestablecido para empezar
Logo de un color, texto, un archivo de corteLogotipo en blanco y negro (Black and White Logo)
Logo o clip art con pocos colores planos3 colores, 6 colores o 16 colores
Dibujo o boceto hecho de líneasLine Art o Sketched Art (los ajustes de dibujo lineal y boceto)
Formas sólidas que quieres como un solo rellenoSiluetas (Silhouettes)
FotoFoto de baja fidelidad (Low Fidelity Photo); la de alta fidelidad crea archivos enormes

¿Qué opciones de Calco de imagen importan más?

OpciónQué haceBuen punto de partida
Modo (Mode)Color, Escala de grises o Blanco y negroSegún tu diseño
Colores (Colors, modos de color)Cuántos colores puede usar el calcoLos que tenga realmente tu diseño
Umbral (Threshold, blanco y negro)Qué píxeles cuentan como “tinta”Bájalo si desaparecen partes finas, súbelo si las letras se rellenan
Trazados (Paths, Avanzado)Cuánto se ciñen los contornos a los píxelesMás bajo para curvas más suaves y simples
Esquinas (Corners, Avanzado)Con qué facilidad las curvas se convierten en esquinasMás alto para logos con esquinas nítidas
Ruido (Noise, Avanzado)Área más pequeña que se calca, en píxeles10–25 px para ignorar motas y ruido del JPEG
Ignorar blanco (Ignore White, Avanzado)Deja las zonas blancas fuera del calcoActivado para logos sobre fondo blanco

Haz zoom al 200–400 % mientras ajustas. Las líneas rectas onduladas y las curvas con bultos pasan desapercibidas al 100 %.

Paso 3: expande el calco

Un calco sigue “vivo” hasta que lo expandes. Elige Objeto › Calco de imagen › Expandir (Object › Image Trace › Expand), o haz clic en Expandir en el panel Control. Ahora el diseño está hecho de trazados vectoriales normales. Haz clic con el botón derecho y elige Desagrupar (Ungroup) si quieres editar o cambiar el color de formas sueltas, y borra las formas blancas que no haya eliminado Ignorar blanco: selecciona una y usa Seleccionar › Misma › Color de relleno (Select › Same › Fill Color) para seleccionarlas todas y luego bórralas.

¿Cómo preparo el calco para Cricut o Silhouette?

  1. Para un corte de un solo color, selecciona todas las formas y haz clic en Unificar (Unite) en el panel Buscatrazos (Ventana › Buscatrazos, Window › Pathfinder), para que el diseño se corte como una sola pieza.
  2. Para vinilo por capas, deja un grupo por color: selecciona una forma, Seleccionar › Misma › Color de relleno y luego Objeto › Agrupar (Object › Group). Cada grupo se convierte en una capa en Design Space.
  3. Ajusta la mesa de trabajo al diseño: Objeto › Mesas de trabajo › Ajustar a los límites de la ilustración (Object › Artboards › Fit to Artwork Bounds), para que el archivo no tenga márgenes vacíos.

Paso 4: guarda en SVG

Usa Archivo › Guardar como (File › Save As) y elige SVG, o Archivo › Exportar › Exportar como › SVG (File › Export › Export As). Para Cricut y Silhouette Designer Edition, la configuración predeterminada sirve.

¿Por qué mi calco de Illustrator se ve desordenado?

ProblemaCausa probableSolución
Miles de formas diminutasDemasiados colores, Ruido demasiado bajoBaja Colores, sube Ruido, usa una imagen de origen más limpia
Las líneas rectas salen onduladasImagen pequeña o borrosa; Trazados demasiado altoEmpieza con una más grande; baja Trazados, sube Esquinas
Tiras finas a lo largo de cada bordeBordes suaves calcados como colores extraMenos colores; sube Ruido
El texto parece derretidoLetra pequeña en una imagen pequeñaImagen más grande, o vuelve a escribir el texto con la fuente
Recuadro blanco detrás del diseñoEl blanco se ha calcado como formaIgnorar blanco antes de expandir

Más sobre por qué los calcos se llenan de formas: ¿por qué mi SVG tiene tantas formas?

¿Puedo vectorizar una imagen sin Illustrator?

Sí. Illustrator requiere una suscripción de pago. Si solo necesitas el SVG, el conversor de PNG a SVG de Vectacle hace el trazado en tu navegador: ajusta líneas rectas, arcos y esquinas como geometría real, fusiona el ruido del JPEG, puede quitar el fondo y mantiene los degradados suaves como degradados SVG de verdad. Tu imagen no se guarda. La alternativa gratuita de escritorio es Inkscape: consulta cómo vectorizar en Inkscape.

PNGLogo con silueta de ciudad, PNG original
SVGLogo con silueta de ciudad trazado como SVG de un solo color
Un logo de un solo color trazado con Vectacle: torres rectas, curvas uniformes, sin motas sueltas, una sola forma de 8 KB.

¿No tienes Illustrator? Para arreglos rápidos, el editor de SVG gratuito elimina formas sueltas, mueve, cambia colores y añade texto en tu navegador.

Preguntas

¿Qué ajuste preestablecido de Calco de imagen es mejor para un logo?

Empieza con Logotipo en blanco y negro (Black and White Logo) para un logo de un solo color, o con 6 colores / 16 colores para uno en color. Luego afina Colores, Trazados, Esquinas y Ruido en el panel Calco de imagen.

¿Por qué el botón Expandir aparece en gris?

Expandir solo funciona con un objeto calcado. Selecciona la imagen calcada (no la imagen original colocada) y asegúrate de que Calco de imagen ha terminado; luego usa Objeto › Calco de imagen › Expandir.

¿Cómo quito el fondo blanco después de calcar?

Antes de expandir, abre Avanzado en el panel Calco de imagen y marca Ignorar blanco. Si ya has expandido, desagrupa y borra las formas blancas, o selecciona una y usa Seleccionar › Misma › Color de relleno para borrarlas todas a la vez.

¿Puedo vectorizar una imagen sin Illustrator?

Sí. Entre las opciones gratuitas están Trace Bitmap de Inkscape y herramientas en el navegador como Vectacle, que ajusta líneas y curvas reales y puede quitarte el fondo.

Fuentes: Ayuda de Adobe: “Image Trace panel options”

Más guías