DESIGN TUTORIALS: Converting photos to stencil and vector art
Ok, I have had quite a few requests for this tutorial, so I thought I should share it with you. Once you are familiar with this technique you will find creating stencils and vector art easier to master using a similair process. Actually, this tutorial features 2 major techniques I use often. First, creating stencils and then vectoring it on illustrator. So here we go...
STEP 1: First simply open the color or B&W photo or image you will be using in Photoshop. Ok, so I got mine from Getty Images... pls. don't sue me ;P

STEP 2: Now, once you have your photo opened you need to convert it into a greyscale image.
I'm using a photo that's in greayscale so there's no need to convert it. But if you plan to use a colored image, you have to convert it to greyscale by clicking on Image > Mode > Greyscale. Or by using the 'desaturate' feature... that's Image > Adjustment > Desaturate
STEP 3: Once you have your image desaturated you need to adjust its 'brightness and contrast' use Image > Adjustment > Brightness/Contrast to make the job a little easier and to increase the contrast between the black and white areas of the image.

This is one of the most important steps as the levels of contrast you create here will dictate the outcome of your stencil. Try and visualize the end result by understanding that only the black areas will be selected by photoshop. In other words you should be able to get rid of any grey or midtones but still keep the picture's detail. Adjust the intensity of these black areas by sliding the 2 bars shown until you are happy with it. Trust me, it just take a little bit of experimentation but its worth it...

STEP 4: Basically what is happening here is that photoshop will 'select' a desired color, in this case highlights, midtones or shadows of your image. Because we are creating a single layered stencil you will need to select the 'shadows' of the image. That's Select > Color Range > Shadows then click OK.

STEP 5: Now you will see that photoshop has created a selection of the shadow or black areas of your image. You know... those ant-like thingies on your image.
STEP 6: Now create a new layer in Layer > New > Layer and using the paint bucket tool fill the selection on your new layer with black.

STEP 7: Hide the original layer under the new one you have created and walah! You have now converted an ordinary image into a useable stencil. You may have to clean the image slightly to remove any undesirable specks.
STEP 8: Next step is the second technique I was talking about earlier. To turn your stencil into vector art its time to bring out the Adobe Illustrator or Streamline. But if you have Adobe Illustrator CS2 you can use the "Live Trace" tool.
Basically you can do this two ways A) The hard way by using the Adobe Illustrator Pen Tool and trace your image or B) Use Streamline to do it for you. Using Streamline is easy but the results are simplistic. So if you want sophisticated images I say go for Illustrator. See the difference for yourself...

So there you have it. Your very own stencil/vector art image. But if you ask me, you can still take it up a notch and play with it just like I did... Its just a matter of layering effects and textures... even experimenting with typography. All you need is a little imagination and some wicked cool effects.
The same stenciling technique was also used for this wallpaper that I made as a favor to one of the guys from the band Sheila and the Insects. All of it was done on Photoshop and I didn't even bother to vector it on Illustration.
![]()
Wanna share your cool stencil/vector art? Add a comment and I'll feature them :D! So guys, its time to get creative!
Posted by Poddcorp at 07:06 AM in ART STUFF | 2 comments













