Cómo vectorizar una imagen en Photoshop

Cómo vectorizar una imagen en Photoshop

Adobe Photoshop no es un editor de imágenes vectoriales. Adobe Illustrator maneja hábilmente ese trabajo. Pero, ¿qué pasa si está en uno de los planes básicos de membresía de Adobe Creative Cloud? O simplemente tienes una suscripción a Photoshop solo?

Photoshop tiene algunas herramientas que le permiten dibujar formas y rutas vectoriales desde cero. Ahora incluso puede seleccionar múltiples rutas y cambiar la apariencia con características como propiedades de forma en vivo. Aún así, aprender a vectorizar una imagen en Photoshop requiere un poco más de esfuerzo.

Tabla de contenido

    Para convertir una imagen de trama basada en píxeles en una imagen vectorial:

    1. Seleccione los píxeles.
    2. Conviértalos en caminos.
    3. Colorearlos y guardar como una imagen vectorial.

    Como siempre, trabajará con diferentes capas en Photoshop para extraer las rutas de una imagen de ráster. Aquí hay una visión del retrato de ráster inicial y la imagen final después de haber sido vectorizada.

    Las capturas de pantalla son de Adobe Photoshop CC (21.2.0). Pero debería poder seguir este tutorial simple con la mayoría de las versiones recientes de Photoshop.

    1. Abra la imagen de trama en Photoshop

    Arrastre y deje caer la imagen del ráster en Photoshop o ábrala desde Archivo> Abrir. La imagen de muestra en este ejemplo es un simple retrato. Si el objeto que desea vectorizar tiene un fondo ocupado, elimine primero el fondo en Photoshop.

    2. Haga una selección alrededor de la imagen

    Hay diferentes métodos que puede usar para hacer una selección en Photoshop. El método que elija dependerá de la naturaleza de la imagen. Por ejemplo, si la imagen tiene bordes rectos, puede seleccionar el Marco rectangular herramienta. Si quieres elegir por color, entonces Varita mágica o el Selección rápida La herramienta es una opción.

    Para retratos, el Seleccionar sujeto El comando puede seleccionar el tema principal en una foto automáticamente. Es una herramienta consciente de contenido que utiliza algoritmos inteligentes para detectar a las personas en imágenes. El botón Seleccionar sujeto se muestra en la barra de herramientas cuando elige una herramienta de selección. También puedes encontrarlo bajo el Seleccionar menú.

    Ir a Seleccionar> Seleccionar y máscara > Seleccionar sujeto y seleccionará inteligentemente el tema más destacado en una fotografía.

    Utilizar el Refinamientos globales Deslizadores para ajustar los bordes de selección si es necesario, y luego emitir la selección a una nueva capa.

    Para objetos más complejos en su foto, la herramienta de selección de objetos es una característica poderosa en Photoshop. Funciona como el Seleccionar sujeto pero te ayuda a ajustar la selección con más controles. Use esto si tiene un grupo de objetos (o personas) en su foto. 

    3. Crear un efecto umbral

    El Ajuste umbral La capa transforma la capa actual en una imagen en blanco y negro, y puede darle a una imagen de color un aspecto ordenado de un color más adelante en el proceso.

    En el panel de capas, agregue un nuevo Límite capa seleccionando el Crear una nueva capa de relleno o ajuste icono. Ajuste el control deslizante hasta que obtenga su aspecto deseado. En la imagen de ejemplo, hemos usado un valor de 51.

    4. Use el comando de rango de color para seleccionar áreas tonales

    El comando de rango de color bajo el Seleccionar El menú es como el Varita mágica selección. Pero también es mejor, ya que puede seleccionar píxeles que compartan el mismo color o similar con la herramienta EyedRopper en esa área de la imagen. Puede recoger una variedad de colores utilizando la herramienta repetidamente en diferentes áreas de una imagen.

    En este tutorial de Photoshop, queremos usar el Gama de colores Comandar para seleccionar todas las áreas tonales blancas y negras.

    Ir a Seleccionar> Rango de colores.

    Utilizar el Herramientas de tentadores de ojo Para seleccionar todas las diferentes áreas tonales en la imagen. Elegir la vista previa de la escala de grises en el menú desplegable le dará una idea de las áreas seleccionadas.

    Hacer clic DE ACUERDO Para cerrar el diálogo y volver a la capa de umbral con el retrato seleccionado.

    5. Convierta su selección en un camino

    Un camino en Photoshop no es más que una línea con puntos de anclaje en sus dos extremos. En otras palabras, son dibujos de línea vectorial. Los caminos pueden ser rectos o curvos. Como todos los vectores, puede estirarlos y darles forma sin perder detalles. Photoshop puede convertir las selecciones en rutas y viceversa.

    Selecciona el Marquesina herramienta o cualquier herramienta de selección. Haga clic con el botón derecho en la imagen y elija Tomar el camino del trabajo Desde el menú contextual.

    Además, establece un Valor de tolerancia en la pequeña caja que se muestra.

    6. Establecer un valor de tolerancia para la ruta

    Para que la ruta sea más suave, establezca un valor de tolerancia en el cuadro de diálogo que aparece. Un valor de "1.0 ”debería ser ideal para los caminos irregulares alrededor de un retrato.

    El valor de tolerancia determina cuán cerca debe "pegarse" a los contornos de la imagen. Cuanto menor sea el valor, más de cerca la selección sigue su camino. Los valores más altos disminuirán el número de puntos de anclaje y harán que la ruta sea más suave. La regla del pulgar es: cuanto más simple es el objeto, mayor será la tolerancia.

    Pero experimente con este valor de acuerdo con la complejidad de su imagen.

    7. Crear una nueva capa de color sólido

    Sin hacer clic en cualquier lugar, vaya al panel Capas y seleccione Crear nueva capa de relleno o ajuste.

    Entonces escoge Color sólido Desde el menú. Puedes elegir cualquier color.

    Este paso crea la capa de forma vectorial en la parte superior de la capa umbral.

    Esta capa de relleno de color sólido se puede personalizar en cualquier color de su elección. En el siguiente paso, exporte esta capa como una imagen SVG.

    8. Guarde la imagen vectorial como un archivo SVG

    Haga clic derecho en la capa y elija Exportar cómo. También puede guardar la imagen vectorial de Archivo> Exportar como.

    En el Exportar cómo diálogo, elija SVG desde Configuración de archivo y haga clic en Exportar.

    Ahora puede abrir el archivo vectorial en Adobe Illustrator o cualquier otro editor de imágenes vectoriales.

    Alternativamente, también puede exportar rutas vectoriales desde Photoshop a Illustrator. Hacer clic Archivo> Exportar> rutas a Illustrator. Esto exporta el Camino de relleno de color sólido a ilustrador si lo tiene instalado.

    Hay más formas de vectorizar una imagen en Photoshop

    Este método específico es una forma simple de obtener una imagen vectorial monótona de una foto en color. Puede usarlo como plantilla para cualquier otra modificación de imagen en Photoshop. Luego escalarlo hacia arriba o hacia abajo a cualquier tamaño en papel u otro medio. 

    Hay otras formas de vectorizar una imagen en Photoshop. El que sigue dependerá de la foto base y los resultados que desee.