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 Create a Modern Sports Text Effect in Illustrator
Tutorialsby Diego Sanchez
Creating a modern sports text effect in Illustrator is fast, easy, and perfect for beginners. With just a few simple steps, you can design a bold and energetic text style that works great for team logos, event posters, and even YouTube thumbnails. This effect adds a professional and competitive look to your typography, making it ideal for branding, promotional graphics, and digital content. No matter your skill level, by following this tutorial, you'll be able to create a high-impact text design in minutes.
Read more
How to Create a Simple Path-Based Ribbon Text in Illustrator
Tutorialsby Diego Sanchez
When you want to give your text a special look, there are many ways to do it, from adding a 3D effect to creating a bold, eye-catching graphic style. But you can also achieve a unique and sophisticated effect with a simple path-based ribbon text which adds depth and flow to your text and can be used on various projects, from posters and invitations to logos, social media graphics, and more. Today, I will show you how quick and easy is to make a simple path-based text in Illustrator (while keeping both the text and the path fully editable), which is a gret way to make your text stand out.
Read more
Three Ways to Create a Handmade Look in Illustrator
Tutorialsby Diego Sanchez
Creating a handmade aesthetic from an existing design can add a sense of charm and individuality to your works, making them ideal for use in logos, emblems, product packaging, and illustrations. This style helps convey a more personal and crafted feel, which is perfect for projects that need to stand out. In Illustrator, you can easily replicate this effect in many different ways, but today I will show you three simple yet effective methods to achieve a hand-drawn look using the Brush Tool, Wrinkle Tool, and Blur Effects and these simple techniques will help you add organic textures, uneven edges, and a natural flow to your creations.
Read more
Easily Create Text Blocks in Illustrator
Tutorialsby Diego Sanchez
When you need to make text blocks in Illustrator, there are many ways to do it, from selecting each line of text individually and setting the proper font size, to using paragraph text and adjusting sizes and spacing. However, if you want to create a text block in less than a minute—which is especially useful for quote posters—you can use an automated method to do it quickly and effortlessly. Today, I’ll show you how to make a text block in Illustrator in a matter of seconds by using a single script, saving you time and enhancing your creative workflow. This method is perfect for experimenting with different typefaces and achieving unique results.
Read more