PSDDude GraphicRiver Portfolio
Advertisment

Image to Vector in Photoshop

Tutorials / Photo Effects , 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

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.

Find more Photoshop resources...

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

Leave a comment

Upload your fan art

Share your Psd Dude inspired works


Search This Site
Free Updates

Delivered by FeedBurner

Recent Posts
In this tutorial we are going to create a cartoon landscape with a cute Easter rabbit driving a carr...
I was always a big fan of fairy tales like the ones written by Hans Christian Andersen or Grimm Brot...
The best fantasy fairy tale inspired Photoshop tutorials that you might want to bookmark. This colle...
This is a new collection of free textures for Photoshop that you might want to have. The list contai...
infographic charts and graphics html tags javascript library
long shadow jQuery plugin AI Vault Store Custom Shapes for Photoshop
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,...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Partners
Valid XHTML 1.0 Strict CSS valid!