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

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

Cómo convertir una imagen ráster^{(Raster Image)} en una imagen vectorial^(Vector)

Las imágenes vectoriales^{(Vector images)} se pueden escalar a cualquier tamaño, a diferencia de una foto que se pixelará si hay un cambio en la resolución. Están hechos de caminos que son como "líneas" dibujadas con ecuaciones matemáticas que son escalables a cualquier resolución. 

Para convertir una imagen ráster basada en píxeles en una imagen vectorial:

1. Seleccione los píxeles.
2. Conviértalos en caminos.
3. Coloréalos y guárdalos como una imagen vectorial. 

Como siempre, trabajará con diferentes capas en Photoshop^{(layers in Photoshop)} para extraer las rutas de una imagen rasterizada. Aquí hay un vistazo del retrato de trama inicial y la imagen final después de que se haya vectorizado.

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

1. Abra la imagen ráster^{(Raster Image)} en Photoshop

Arrastre^(Drag) y suelte la imagen ráster en Photoshop o ábrala desde File > Open . La imagen de muestra en este ejemplo es un retrato simple. Si el objeto que desea vectorizar tiene un fondo ocupado, primero elimine el fondo en Photoshop . 

2. Haz 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 la herramienta Marco rectangular . ^{(Rectangular Marquee)}Si desea elegir por color, la Varita mágica^{(Magic Wand)} o la herramienta Selección rápida^{(Quick Selection)} son una opción. 

Para retratos, el comando Seleccionar sujeto^{(Select Subject)} puede seleccionar el sujeto principal en una foto automáticamente. Es una herramienta consciente del contenido que utiliza algoritmos inteligentes para detectar personas en las imágenes. El botón Seleccionar asunto^{(Select Subject)} se muestra en la barra de herramientas cuando selecciona una herramienta de selección. También puede encontrarlo en el menú Seleccionar .^(Select)

Vaya a Select > Select & Mask > Select Subject y seleccionará inteligentemente el sujeto más destacado en una fotografía. 

Use los controles deslizantes de Refinamientos globales^{(Global Refinements)} para ajustar los bordes de la selección si es necesario y luego envíe la selección a una nueva capa. 

Para objetos más complejos en su foto, la herramienta Selección de objetos^{(Object Selection tool)} es una característica poderosa en Photoshop . Funciona igual que Seleccionar tema^{(Select Subject)} , pero lo ayuda a ajustar la selección con más controles. Use esto si tiene un grupo de objetos (o personas) en su foto. 

3. Crea un efecto de umbral 

La capa Ajuste de umbral^{(Threshold Adjustment)} transforma la capa actual en una imagen en blanco y negro, y puede dar a una imagen en color un aspecto impecable de un solo color más adelante en el proceso. 

En el panel Capas, agregue una nueva capa Umbral^(Threshold) seleccionando el icono Crear nueva capa de relleno o ajuste . ^{(Create new fill or adjustment layer)}Ajuste el control deslizante hasta que obtenga el aspecto deseado. En la imagen de ejemplo, hemos utilizado un valor de 51. 

4. Use el comando de rango de color^{(Color Range Command)} para seleccionar áreas tonales^{(Select Tonal Areas)}

El comando Gama de colores^{(Color Range command)} del menú Seleccionar es como la selección ^(Select)Varita mágica^{(Magic Wand)} . Pero también es mejor, ya que puede seleccionar píxeles que comparten el mismo color o uno similar con la herramienta cuentagotas en esa área de la imagen. Puede seleccionar una gama de colores usando la herramienta repetidamente en diferentes áreas de una imagen.

En este tutorial de Photoshop , queremos usar el comando Gama de colores^{(Color Range)} para seleccionar todas las áreas tonales blancas y negras. 

Vaya a Select > Color Range . 

Utilice las herramientas Cuentagotas^{(Eyedropper tools)} para seleccionar todas las diferentes áreas tonales de la imagen. Elegir la vista previa en escala de grises^(Grayscale) en el menú desplegable le dará una idea de las áreas seleccionadas. 

Haga clic en Aceptar^(OK) para cerrar el cuadro de diálogo y volver a la capa de umbral con el retrato seleccionado. 

5. Convierta su selección en^{(Selection Into)} una ruta

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íneas vectoriales. Los caminos pueden ser rectos o curvos. Como todos los vectores, puede estirarlos y darles forma sin perder detalle. Photoshop puede convertir selecciones en rutas y viceversa. 

Seleccione la herramienta Marco^(Marquee) o cualquier herramienta de selección. Haga clic con el botón derecho en la imagen y elija Crear ruta^{(Make Work Path)} de trabajo en el menú contextual.

Además, establezca un valor de tolerancia^{(Tolerance Value)} en el cuadro pequeño que se muestra. 

6. Establecer un valor de tolerancia^{(Tolerance Value)} para la ruta^(Path)

Para suavizar la ruta, establezca un valor de Tolerancia^(Tolerance) 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^(Tolerance) determina qué tan cerca debe “adherirse” la ruta a los contornos de la imagen. Cuanto menor sea el valor, más de cerca seguirá la selección su ruta. 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 es la tolerancia. 

Pero experimente con este valor según la complejidad de su imagen. 

7. Crea una Nueva Capa de Color Sólido

Sin hacer clic en ningún lado, vaya al panel Capas y seleccione ^(Layers)Crear ^(Create) nueva capa de relleno o ajuste^{(new fill or adjustment Layer)} . 

Luego, elija Color sólido^{(Solid Color)} en el menú. Puedes elegir cualquier color. 

Este paso crea la capa de forma vectorial encima de la capa Umbral^(Threshold) . 

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

8. Guarde la imagen vectorial^{(Vector Image)} como un archivo SVG

Haga clic con el botón derecho en la capa y seleccione Exportar como^{(Export As)} . También puede guardar la imagen vectorial desde File > Export As .

En el cuadro de diálogo Exportar como^{(Export As)} , elija SVG en Configuración de archivo^{(File Settings)} y haga clic en Exportar^(Export) . 

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

Alternativamente, también puede exportar rutas vectoriales de Photoshop a Illustrator . Haga clic File > Export > Paths to Illustrator . Esto exporta la ruta de relleno de color sólido^{(Solid Color Fill Path)} a Illustrator si lo tiene instalado. 

Hay más formas^{(Are More Ways)} de vectorizar una imagen en Photoshop

Este método específico es una forma sencilla de obtener una imagen vectorial monótona a partir de una foto en color. Puede usarlo como plantilla para cualquier otra modificación de imagen en Photoshop^{(image modification in Photoshop)} . Luego escálelo 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 sigas dependerá de la foto base y de los resultados que desees. 

How to Vectorize an Image in Photoshop

Adobe Рhotoshoр is not a vector image editor. Adobe Illustrator ably handlеs that job. But what if you are on one of the basic Adobe Creative Cloud membership plans? Or you just have a subscriрtion to Photoshop alone? 

Photoshop has a few tools that allow you to draw vector shapes and paths from scratch. You can now even select multiple paths and change the appearance with features like Live Shape Properties. Still, learning to vectorize an image in Photoshop takes a bit more effort. 

How to Convert a Raster Image to a Vector Image

Vector images can be scaled to any size unlike a photo that will pixelate if there’s a change in resolution. They are made of paths which are like “lines” drawn with mathematical equations that are scalable to any resolution. 

To convert a pixel-based raster image to a vector image:

1. Select the pixels.
2. Convert them to paths.
3. Colorize them and save as a vector image. 

As always, you will be working with different layers in Photoshop to extract the paths from a raster image. Here’s a glimpse of the initial raster portrait and the final image after it has been vectorized.

The screenshots are from Adobe Photoshop CC (21.2.0). But you should be able to follow this simple tutorial with most of the recent versions of Photoshop.

1. Open the Raster Image in Photoshop

Drag and drop the raster image into Photoshop or open it from File > Open. The sample image in this example is a simple portrait. If the object you want to vectorize has a busy background, then remove the background in Photoshop first. 

2. Make a Selection Around the Image

There are different methods you can use to make a selection in Photoshop. The method you choose will depend on the nature of the image. For instance, if the image has straight edges, you can select the Rectangular Marquee tool. If you want to choose by color, then Magic Wand or the Quick Selection tool is an option. 

For portraits, the Select Subject command can select the main subject in a photo automatically. It’s a content-aware tool that uses smart algorithms to detect people in images. The Select Subject button is displayed on the toolbar when you pick a selection tool. You can also find it under the Select menu.

Go to Select > Select & Mask > Select Subject and it will smartly select the most prominent subject in a photograph. 

Use the Global Refinements sliders to fine-tune the selection edges if necessary, and then output the selection to a new layer. 

For more complex objects in your photo, the Object Selection tool is a powerful feature in Photoshop. It works just like the Select Subject but helps you fine-tune the selection with more controls. Use this if you have a group of objects (or people) in your photo. 

3. Create a Threshold Effect 

The Threshold Adjustment layer transforms the current layer into a black and white image, and you can give a color image a neat one-color look later in the process. 

In the Layers panel, add a new Threshold layer by selecting the Create new fill or adjustment layer icon. Adjust the slider till you get your desired look. In the example image, we have used a value of 51. 

4. Use the Color Range Command to Select Tonal Areas

The Color Range command under the Select menu is like the Magic Wand selection. But it’s also better as it can select pixels that share the same or similar color with the eyedropper tool on that area of the image. You can pick up a range of colors by using the tool repeatedly on different areas of an image.

In this Photoshop tutorial, we want to use the Color Range command to select all the white and black tonal areas. 

Go to Select > Color Range. 

Use the Eyedropper tools to select all the different tonal areas in the image. Choosing the Grayscale preview in the dropdown will give you an idea of the areas selected. 

Click OK to close the dialog and come back to the threshold layer with the portrait selected. 

5. Convert Your Selection Into a Path

A path in Photoshop is nothing but a line with anchor points at its two ends. In other words, they are vector line drawings. Paths can be straight or curved. Like all vectors, you can stretch and shape them without losing detail. Photoshop can convert selections into paths and vice-versa. 

Select the Marquee tool or any selection tool. Right-click on the image, and choose Make Work Path from the context menu.

Also, set a Tolerance Value in the little box that’s displayed. 

6. Set a Tolerance Value for the Path

To make the path smoother, set a Tolerance value in the dialog box that pops up. A value of “1.0” should be ideal for the irregular paths around a portrait.

The Tolerance value determines how closely the path should “stick” to the contours of the image. The lower the value, the more closely the selection follows your path. Higher values will decrease the number of anchor points and make the path smoother. The thumb rule is — the simpler the object, the higher the tolerance. 

But experiment with this value according to the complexity of your image. 

7. Create a New Solid Color Layer

Without clicking anywhere, go to the Layers panel and select Create new fill or adjustment Layer. 

Then, choose Solid Color from the menu. You can pick any color. 

This step creates the vector shape layer on top of the Threshold layer. 

This solid color fill layer can be customized to any color of your choice. In the next step, export this layer as a SVG image. 

8. Save the Vector Image as an SVG File

Right click on the layer and choose Export As. You can also save the vector image from File > Export As.

In the Export As dialog, choose SVG from File Settings and click on Export. 

You can now open the vector file in Adobe Illustrator or any other vector image editor. 

Alternatively, you can export vector paths from Photoshop into Illustrator too. Click File > Export > Paths to Illustrator. This exports the Solid Color Fill Path to Illustrator if you have it installed. 

There Are More Ways to Vectorize an Image in Photoshop

This specific method is a simple way to get a monotone vector image from a color photo. You can use it as a template for any other image modification in Photoshop. Then scale it up or down to any size on paper or another medium. 

There are other ways to vectorize an image in Photoshop. The one you follow will depend on the base photo and the results you want. 

Related posts

• Cómo quitar o reemplazar un fondo en Photoshop

• Cómo blanquear los dientes en Photoshop

• Cómo mezclar en Photoshop

• Cómo difuminar y desenfocar en Photoshop

• Cómo recortar un objeto en una imagen en Photoshop CC

• Cómo restablecer de fábrica una Xbox One o Xbox Series X

• Cómo intercambiar caras en Photoshop

• Cree una aplicación de escritorio de Gmail con estos 3 clientes de correo electrónico

• Cómo reemplazar el color en Photoshop

• Cómo eliminar la carpeta Windows.old en Windows 7/8/10

• Cómo hacer un formulario rellenable de Google Docs con tablas

• Cómo tomar capturas de pantalla en Nintendo Switch

• Instalación de complementos de GIMP: una guía práctica

• Cómo abrir archivos DDS en Windows 10

• Cómo deshabilitar la clave de Windows

• Cómo rotar texto e imágenes en Photoshop

• 8 de las mejores ideas tecnológicas para hacer frente al autoaislamiento

• Cómo crear un equipo en Microsoft Teams

• Cómo realizar una prueba de estrés de la CPU

• ¿Qué son las superposiciones de Photoshop y cómo usarlas?