fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Image to Vector in Photoshop
Tutorials Photo Effects 82080 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.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

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

9 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:
Rahul saini
2:54 AM Sunday, July 17, 2016
Very nice result and easy to create too! Can I convert it to vector like custom shape for example?
2:56 AM Sunday, July 17, 2016
See part 2 on how to convert image to vector shape and use it as custom shape in Photoshop: reply
5:09 AM Thursday, July 21, 2016
God bless u for this tutorial
that photocopy aspect has been eluding me for some time now
great site reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to fill text with image in Photoshop. The same technique works for adding a text over an i...
Learn how to create in Photoshop a beautiful Valentine's Day text effect made from red rose petals. ...
Here you have some of the most beautiful photo manipulation tutorials for Valentine's Day that I am ...
Seamless border Photoshop brushes that you can use for free. If you want to add a border in Photosho...

      Fur and Knitted Fabric Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator