Tutorials

Vectorizing Biggie Smalls

In this tutorial I am going to explain my method of vectorizing a photo. The same method could be used for drawing an original image too. I’m going to be using *gasp* Photoshop to do it too. I know you must think I’m crazy but I like the vector tools Photoshop comes with. Yes there are some things that Photoshop simply can’t do that a typical vector program can but for my purposes it works just fine, plus I like the feel of it better. Illustrator annoys me quite a bit so I try to stay away from it if possible.


To do vector in Photoshop you simply use the shape layers. I use the pen tool exclusively in this tutorial. The process is basically just tracing the image with the pen tool. For shading I made a diagram to help explain my process.

The base color is laid down first. I then hide that layer and make the 1st shadow and highlight. Shadows are black shape layers, highlights are white. Both have the opacity set low, around 15. The 2nd shadow and highlight are the same thing but since they are new layers they add to it to increase value.

Step 1:

Here is the picture we’re going to start off with.

First we’re going to do the hat.

I trace the base of the hat.

After the base is made I hide it so I can see where to add the highlights and shadows.

Here I add a little shadow part where the brim is.

Then I add the highlight.

Simple enough right? On to the face…

Step 2:

Start with the base and so on…

Add the shadow.

Highlights.

Nose and mouth. I used the same technique but used another shade of purple instead of just white. This makes it a little more lively.

… and the eye.

Step 3:

Now the shirt.

You should have the routine down by now.

Black base

Black’s highlight

Red base

Red shadows

Red highlight

And there you have it, vectorized Biggie. Ugh, Baby Baaby…

21 Comments

  1. RIP BIGGIE MAN

  2. thats radical bo

  3. Do you happen to know the url to the genmay thread of you asking for tutorial requests? I don’t have search and apperently I forgot to bookmark it. Thanks for your time kind sir. :heart:

  4. Nice.. only his face doesn’t look so good..

  5. you must have a loot of time on your hands boo

  6. Hello! edgecad interesting edgecad site!

  7. Very nice site! cheap viagra

  8. Very nice site! [url=http://aieypxo.com/toxvxs/2.html]cheap cialis[/url]

  9. Very nice site! cheap cialis http://aieypxo.com/toxvxs/4.html

  10. Very nice site!

  11. Very nice site!

  12. Hello! dkdfgfb interesting dkdfgfb site!

  13. Very nice site! cheap viagra

  14. Very nice site! [url=http://oixapey.com/rqasss/2.html]cheap cialis[/url]

  15. Very nice site! cheap cialis http://oixapey.com/rqasss/4.html

  16. Very nice site!

  17. Hello! ecbddge interesting ecbddge site!

  18. Very nice site! cheap viagra

  19. Very nice site! [url=http://ypxoiea.com/qyravq/2.html]cheap cialis[/url]

  20. Very nice site! cheap cialis http://ypxoiea.com/qyravq/4.html

  21. Very nice site!

Say something...