fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Image to Vector in Photoshop

Tutorials Photo Effects 14376 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.

Advertisment

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

Custom Shape Creator

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.

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

Michael
Michael
2:11 AM Sunday, June 09, 2013
Very nice result and easy to create too! Can I convert it to vector like custom shape for example? reply
John
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
jeff
jeff
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
John
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

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
What is Color Lookup Adjustment? Well, it is a new Photoshop CS6 feature that is mainly known and us...
This list contains some of the most useful tutorials to learn how to use the smudge tool in Photosh...
In this Photoshop tutorial you will learn how to combine different fire and light effects to create ...
In this tutorial we are going to create a fruit pie typography in Photoshop. You can use any filling...

      Painted Wood Photoshop Actions
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
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 ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top