fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Infographic JS Library Light Painting Effect Photoshop Creator

Image to Vector in Photoshop

Tutorials Photo Effects 50658 Views June 9th, 2013

Learn how to create vector photo effect out of any image, clipart, graphics. You can obtain vector ink photo effects in just a few simple steps. I am planning to automate these steps into a Photoshop action that you can easily use and customize. In the meantime you can use Photoshop adjustments and filters like Photocopy and Threshold to create this vector effect.


In this tutorial I am going to show you a simple way to create a image to vector effect using any photo/image/graphics/etc. In the next tutorial I am going to show you how simple it is to turn from photo to vector shape in Photoshop. So let's start with this girl stock image; you can use any image you want but if you want to create vector silhouetts the best are the photos with white/black background. Or better still you can use cutout images.

Duplicate this layer and call the layers Girl 1 Layer and Girl 2 Layer. You can also keep a copy of the original layer. Go to Image>Adjustments and use the Threshold adjustment for the Girl 1 Layer. Set the level depending on your photo size, details, etc.

Set the foreground color black and the background color white. Go to Filter>Sketch and use the Photocopy filter for the Girl 2 Layer.

Set the blend mode of the Girl 2 Layer to Multiply and merge the two layers.

Use again the Threshold adjustment for the new created layer.

For a smooth edge result you can go to Filter>Stylize and choose Diffuse

This is how you can convert image to vector effect. You can now use the Paint Brush, color black to close the gaps and to use the Paint Bucket Tool if you want to add color. I have also added a vector sunburst using these free sunburst brushes to create a vector comics background. A similar technique I have used in one of my oldest tutorials on how to create a comic book effect in Photoshop

Go to - Convert to Vector in Photoshop

Custom Shape Creator - Make Vector in Photoshop

This set contains 1 layerd PSD file that will allow you to create a vector shape silhouette out of any photo/graphics/image. The pack also contains a Photoshop action that you can use to create custom shapes.

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

6 comment(s) for "Image to Vector in Photoshop"

7:02 AM Sunday, June 09, 2013
Hi Michael,

I will show you how to create a vector shape out of any photo/image. It is quite a simple technique to create custom shapes and silhouettes using images. So stay tuned! reply
2:26 AM Wednesday, June 12, 2013
hola, esto solo se puede con una foto que no tenga fondo?? osea si tiene fonto que pasa igual se vectorisa??


Hi, this vector effect can be made we a photo that has a background? How can I create a vector portrait from an image that has a background? reply
2:32 AM Wednesday, June 12, 2013
Hi Jeff,

you can create the effect using an image that has a background with lots of elements; you will obtain a vector effect of the background as well.
If you want to obtain only the vector portrait you will have to remove the background. Here are some tutorials that will show you how to remove the background in Photoshop using Selection Tools. reply
1:30 AM Tuesday, December 23, 2014
Very nice result and easy to create too! Can I convert it to vector like custom shape for example? reply
Logo Design Company
8:34 AM Tuesday, February 10, 2015
Such a wonderful tut out there! I appreciate the effort you have put to make this creative resource and share here with us.. Thumbs up for your creative skills.. reply
1:53 AM Monday, August 03, 2015
You can also try our premium Photoshop action to create vector images from any photo:

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Animated Kaleidoscope Photoshop Action
Recent Posts
Download this beautiful 3D gold style for free. Using our golden Photoshop text style mockup in your...
Learn how to create a lovely spring poster in Photoshop. Use this nature rebirth theme to create pos...
Create amazingly realistic fire effects in Photoshop with these great actions. You can now easily tr...
Childhood's End is a 1953 science fiction novel by the British author Arthur C. Clarke. The story fo...

      Pixel Art Generator Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email