Adobe Illustrator facilita la conversión de imágenes a vectores sin perder calidad.  Aquí está el proceso paso a paso para vectorizar.

Cómo vectorizar una imagen en Adobe Illustrator

Anuncio Hay dos tipos de imagen digital: rásteres y vectores. Las imágenes ráster están formadas por píxeles individuales y contienen enormes cantidades de detalles. Sin embargo, no puede ampliarlos sin perder calidad. Una imagen vectorial está hecha de líneas y formas. Por lo general, son menos detallados, pero puedes hacerlos tan grandes como quieras sin perder nada. Cuand

Anuncio

Hay dos tipos de imagen digital: rásteres y vectores.

Las imágenes ráster están formadas por píxeles individuales y contienen enormes cantidades de detalles. Sin embargo, no puede ampliarlos sin perder calidad.

Una imagen vectorial está hecha de líneas y formas. Por lo general, son menos detallados, pero puedes hacerlos tan grandes como quieras sin perder nada.

Cuando tiene un gráfico de trama que es demasiado pequeño para sus necesidades, la solución es convertir la imagen en un vector, un proceso llamado vectorizar. Y puedes hacer esto en Adobe Illustrator. Es un proceso rápido y simple, y produce excelentes resultados. Aquí le mostramos cómo convertir una imagen en un vector con Adobe Illustrator.

¿Qué es una imagen vectorial?

Una imagen vectorial es una imagen escalable compuesta de valores en lugar de píxeles.

La mayoría de las imágenes que se encuentran en línea son imágenes ráster (consulte diferentes tipos de archivos, ¿JPEG, GIF o PNG explicados? Tipos de archivo de imagen explicados y probados JPEG, GIF o PNG? Tipos de archivo de imagen explicados y probados ¿Sabe las diferencias entre JPEG, GIF, PNG, y otros tipos de archivos de imagen. ¿Sabes cuándo debes usar uno en lugar del otro? ¡No temas, MakeUseOf lo explica todo! Leer más). Las imágenes ráster usan píxeles cuadrados (bits de color) para transmitir una imagen. Los gráficos vectoriales transmiten color utilizando polígonos de color escalables. Dado que las imágenes vectoriales usan secciones de colores dinámicos en lugar de cuadrados estáticos, proporcionan líneas perfectas y colores nítidos.

La geometría que comprende las imágenes vectoriales es formulada, lo que las hace independientes de la resolución. Eso significa que las imágenes no pierden calidad cuando se amplían o reducen, ya que los polígonos de color en una imagen vectorial siempre mantendrán su forma. Lo mismo no es cierto para las imágenes ráster, ya que la información de color de estas imágenes se estira cuando se escala.

Una vez que sepa cómo convertir un archivo JPG en un vector en Adobe Illustrator, podrá escalar todo lo que encuentre al tamaño que desee, sin perder la calidad de la imagen.

Paso 1: elija una imagen para convertir a vector

La imagen que use no importará cuando use el siguiente proceso, excepto por el hecho de que las imágenes más grandes tardarán más en editarse. Sin embargo, hay algunas imágenes que funcionan mejor como imágenes vectoriales que otras.

Es mejor editar un solo tema que un paisaje o similar. Preferiblemente, la imagen debe tener un fondo blanco o transparente y tener una resolución relativamente baja.

Cómo convertir imágenes a vectores en Illustrator

Usaremos la imagen de Ryu de la serie Street Fighter de arriba. Funciona como un ejemplo perfecto por una variedad de razones. Por un lado, es un tema único. También se presta bien a un formato de imagen vectorial, ya que es un personaje reconocible. El formato de imágenes vectoriales se usa típicamente para logotipos o imágenes reconocibles.

Paso 2: Seleccione un preajuste de seguimiento de imagen

Illustrator tiene una herramienta especial que te permite vectorizar imágenes. Se llama Image Trace y viene con una gama de presets que hacen la mayor parte del trabajo automáticamente. En términos generales, debe usar el ajuste preestablecido de Image Trace que se parezca más al tipo de imagen que está convirtiendo.

Sus opciones son:

  • Foto de alta fidelidad y foto de baja fidelidad . Estos producen imágenes vectoriales muy detalladas y ligeramente menos detalladas, respectivamente. Ideal para fotos u obras de arte complejas, como la imagen de ejemplo que estamos usando.
  • 3 colores, 6 colores y 16 colores . Estos preajustes generan imágenes vectoriales con tres, seis o 16 colores. Son perfectos para logotipos o ilustraciones con muchos colores planos.
  • Shades of Grey . Este preajuste produce una imagen detallada en escala de grises.
  • Logo blanco y negro Esto crea un logotipo simple con dos colores: blanco y negro.
  • Bocetos de arte, siluetas, dibujos lineales y dibujos técnicos . Se utilizan mejor para tipos específicos de imagen y crean dibujos en blanco y negro, predominantemente basados ​​en líneas.

Abra su imagen en Illustrator y seleccione la imagen para activar las opciones de imagen. Estas opciones deben estar presentes en la parte superior de la ventana de Illustrator.

Cómo convertir imágenes a vectores en Illustrator

Haga clic en la flecha desplegable junto a Image Trace para seleccionar su Preset . Usaremos la foto de baja fidelidad . Haga clic para comenzar a rastrear.

Paso 3: Vectoriza la imagen con el trazado de imagen

Una vez que haga clic en el botón, su imagen pasará por el proceso de rastreo automáticamente. Notarás varios cambios en tu imagen, pero en general debería ser muy similar. Por ejemplo, el siguiente es un primer plano de nuestra imagen antes del proceso de rastreo.

Un primer plano de una pre-vectorización de imagen que muestra los píxeles

Tenga en cuenta la pixelación. Aquí está la imagen después del proceso:

Un primer plano de una imagen después del proceso de vectorización.

Si bien gran parte de los detalles se han eliminado de la imagen original, también parece mucho más nítida. Notarás que las formas de color no se pixelan, no importa qué tan cerca se amplíe la imagen.

Alejada, la imagen debería verse prácticamente igual. Aquí está nuestra imagen general antes de editar.

Una imagen antes de ser vectorizada

Aquí está nuestra imagen después de editar:

Una imagen después de ser vectorizada

Si bien la imagen superior puede parecer más nítida en algunos casos, la calidad de nuestra imagen vectorizada sigue siendo bastante impresionante.

Paso 4: ajuste su imagen rastreada

Una vez que haya trazado la imagen, abra el Panel de seguimiento de imagen para ajustar la conversión.

Seleccione Modo para cambiar entre color, escala de grises y blanco y negro. Además, arrastre el control deslizante Colores hacia la izquierda para simplificar su imagen vectorial o hacia la derecha para agregar más detalles.

opciones de rastreo de imagen

Si está satisfecho con su configuración y desea reutilizarla, haga clic en el botón Administrar ajustes preestablecidos junto a la opción Ajustes preestablecidos. Ahora puede guardar su configuración como un nuevo Preset .

Paso 5: desagrupar colores

Su imagen ahora se ha ordenado en formas de colores que se ajustan a la imagen ráster original. Para terminar su vector, necesitará separar estos grupos de colores para editarlos. Para hacerlo, seleccione su imagen rastreada y haga clic en el botón Expandir en la parte superior de la ventana.

Haga clic en el botón Expandir

Esto le permitirá ver las formas compuestas que componen la imagen vectorial. Cada una de las formas está delineada en azul. A continuación, haga clic derecho en la imagen y seleccione Desagrupar en el menú. Esto le permitirá separar sus formas de color en partes individuales.

Haga clic en Desagrupar en el menú del botón derecho

En el panel Capas, verá que sus grupos de colores se han separado en capas.

Paso 6: Edite su imagen vectorial

Después de convertir una imagen de trama en un vector, tiene rango libre para editar la imagen. Comience eliminando los grupos de colores que desee. Puede seleccionar grupos de colores enteros haciendo clic en una forma y encabezado a Seleccionar> Mismo> Color de relleno . Esto seleccionará todos los grupos con el mismo color que el seleccionado usando su herramienta Selección directa ( A ).

Selección directa de una forma vectorial

Luego presione Retroceso en su teclado para eliminar las formas. Si desea modificar o expandir un grupo de colores en particular, también puede hacerlo seleccionando una capa usando la herramienta Selección directa. Después de seleccionar una capa, complete los espacios vacíos o agregue colores adicionales a su diseño con las herramientas Pluma o Pincel .

Paso 7: guarda tu imagen

Aquí está la imagen original después de eliminar el molesto fondo blanco y modificar la imagen ligeramente usando el método presentado anteriormente.

Una imagen que se ha vectorizado con un color de fondo diferente.

Ahora estamos listos para el paso final de convertir una imagen en un vector en Illustrator: guardar la imagen en formato vectorial para preservar su calidad. Hay una variedad de formatos de imágenes vectoriales para elegir: PDF, AI, EPS, SVG y otros. Usaremos el formato SVG . Cuando haya terminado con su imagen, diríjase a Archivo> Exportar> Exportar como .

En la siguiente ventana, titula tu archivo y selecciona SVG en el menú desplegable junto a Guardar como tipo .

Guardar como SVG

Eso es. Su archivo vectorial escalable ahora debe guardarse en su PC.

¡No se comprometa, vectorice!

Ahora ya sabe cómo convertir una imagen en un vector en Illustrator. Escale su nueva creación a la dimensión que desee.

Vector de la imagen en varios tamaños

Tenga en cuenta que los archivos vectoriales complejos pueden ser significativamente más grandes que sus equivalentes ráster. Eso significa que pueden tardar más en cargar y editar. Sin embargo, su imagen vectorial mantendrá su calidad sin importar la escala.

¿Y qué pasa si no tienes Illustrator, o prefieres usar otra cosa? Puede trabajar con gráficos vectoriales en Photoshop Crear y trabajar con gráficos vectoriales en Photoshop Crear y trabajar con gráficos vectoriales en Photoshop Photoshop es una alternativa sorprendentemente capaz de Illustrator para gráficos vectoriales. Aquí hay un tutorial introductorio sobre cómo crear gráficos vectoriales en Photoshop. Lea más, y también hay muchas alternativas fantásticas de Illustrator basadas en navegador Las 8 mejores alternativas gratuitas de Adobe Illustrator basadas en navegador Las 8 mejores alternativas gratuitas de Adobe Illustrator basadas en navegador Si Adobe Illustrator es demasiado caro para su presupuesto, hay muchas alternativas de Adobe Illustrator basadas en navegador que puedes probar. Lea más que puede probar. Puede obtener resultados similares en muchos de ellos.

Explore más sobre: ​​Adobe Illustrator, Consejos de edición de imágenes, Gráficos vectoriales.