How to Convert a Raster Image into Vector in Photoshop
Raster to Vector in Photoshop
In this tutorial, you will learn a simple and effective technique to convert a raster image into vector in Photoshop. Although there are many different ways to achieve a similar result, with this method you can transform a raster image into a vector one quickly and easily.
But before we begin, and if you want to follow this tutorial exactly as described, please download the following image from Pixabay.
Step 1
Open your image in Photoshop. It does not need to be a Black and White or a Grayscale one, any Color image will work as well.
Step 2
Go to Filter > Stilyze > Diffuse. In the Diffuse window select the Anisotropic Mode and click OK.
Step 3
Again, go to Filter > Stilyze > Diffuse. In the Diffuse window select the Anisotropic Mode and click OK.
Step 4
Go to Layer > Duplicate Layer. Name this layer as “High Pass” and click OK.
Step 5
With the “High Pass” layer selected go to Filter > Other > High Pass. Set a value of 3 and click OK.
Step 6
In the Layers Panel set the blending mode of the “High Pass” layer to Vivid Light.
Step 7
Go to Layer > New Adjustment Layer > Threshold. Name this layer as “Threshold” and click OK.
Step 8
Adjust the Threshold level according to the image you are using. In this case a value of 138 will work just fine.
Step 9
Once you are happy with the Threshold result, go to Layer > Merge Visible.
Step 10
At this point you can remove all the unnecessary details using the Brush Tool (B) with black and white colors.
Step 11
With the merged layer selected go to Filter > Blur > Gaussian Blur. Set a value of 0,5 pixels and click OK.
Step 12
Go to Select > Color Range. Select “Shadows” from the dropdown menu and adjust the Fuzziness and Range to your liking. In this case I will set the Fuzziness to 100% and the Range to 150. When you are happy with the selection click OK.
Step 13
With the selection active, select the Rectangular Marquee Tool (M) and right click over the selection. From the dropdown menu select “Make Work Path”.
Step 14
In the Make Work Path window, set the Tolerance to 1 or 1,5 pixels and click OK.
Step 15
In the Layers Panel click on the “Create a New Layer” icon.
Step 16
Go to Layer > New Fill Layer > Solid Color. Name this layer as “Vector” and click OK.
Step 17
In the Color Picker window pick any color that you want and click OK.
Some Final Notes
Now you can scale the vector to any size and easily change your vector color with the Color Picker, make a new background layer to fill with any color or simply turn off the Background layer to have it over a transparent background.
More from Tutorials
How to Easily Remove Smoke From The Background in Photoshop
Tutorialsby Diego Sanchez
Smoke images can be used in a wide range of applications across various designs, such as adding drama to a photograph, crafting captivating visual effects on posters, or even giving your artwork a mysterious halo. Whichever the case, transparent smoke can serve as a powerful tool in your arsenal. So today, I will show you how easy it is to remove the background from a smoke image, and in the process, prepare the file to change the smoke color at any time you want, allowing you to seamlessly integrate it into your projects.
Read more
Easily Make a Glass Texture Effect in Photoshop
Tutorialsby Diego Sanchez
The glass effect has been used by many designers and photographers to add depth and dimension to their compositions with a touch of modern elegance. There are, of course, many different ways to apply a glass effect in Photoshop, but today I will show you how easy it is to make your own glass texture and apply realistic distortion to any of your images using nothing but the default Photoshop tools.
Read more
How to Easily Make Your Vector Digital Signature
Tutorialsby Diego Sanchez
In today's digital life, whether you are a freelancer, a business owner, or simply someone who frequently engages in digital transactions, having a well-crafted digital signature is almost indispensable to add a touch of authenticity and credibility to your documents. So today, I will show you how easily you can make your own vector digital signature in Illustrator for you to sign your digital documents or incorporate it into any design work.
Read more
Easily Make an Editable Grunge Text Effect in Photoshop
Tutorialsby Diego Sanchez
There are different ways to make a grunge text effect in Photoshop while keeping your text fully editable, and the most known one is to use a texture as a layer mask to hide part of the text. But Today I will show you a differnt approach on how you can make this kind of effect, while keeping you text fully editable and at the same time give you a bit more control over that effect by using a texture in a new layer (instead of a layer mask) that you can later move, scale, replace or combine with other textures without replacing any kind of layer mask.
Read more