Showing posts with label arts. Show all posts
Showing posts with label arts. Show all posts

Sunday, May 4, 2008

Photoshop Tutorial: Vexeling an image

This is another nice tutorial for vectoring an image...as you can see below that the author really made a very good detailing of his vector art.

Source: http://www.mickm.com/index.php?section=tutorials&id=99

Vectorize People

This is a hard tutorial that may take some time, but it really worth it! This will teach you how to get those real vectorised people! And not by using filters...

Vectorize People

This is an editted tutorial on how to vectorise people...
For this tutorial, you need to understand the pen-tool!

  • Step 1 This will be a large tutorial, so make sure you got plenty of time on your schedule!
    First of all, you need to find a suitable picture of a random person;

    Vectorise People

  • Step 2 When you have the right photo, duplicate it and go to Image>Adjustments>Posterize and choose the amount of levels for the vector.
    The higher the amount, the more detailed your vector will be and the more it will look like a vexel.

    Vectorise People

  • Step 3 Use the Eyedropper to pick a color from the skin and use that color to fill the selection of the traced skin.
    You must trace the skin with the pen-tool!

    Vectorise People

  • Step 4 With that same pen-tool, trace the hair and place it BEHIND the skin;

    Vectorise People

  • Step 5 Because of the fact we would lose some hair, we draw the hair that is ON the face on a new layer on top of the face!

    Vectorise People

  • Step 6 Draw the bases of the clothes. Remember that everything has to be in one color. The shading will come next...

    Vectorise People

  • Step 7 Then WHILE LOOKING AT THE POSTERISED image, switch between the posterised photo and the original to (each time) select a color, from the level you are going to trace.

    Vectorise People

    Step 8 DO NOT TAKE A COLOR FROM THE POSTERISED LAYER. IT DOES NOT LOOK GOOD AND IT DOESN'T HAVE THE RIGHT COLORS!

  • Step 8 Continue along the path and trace all levels and arrange them from light at the bottom, to dark at the top.
    When you are done with that, GROUP them with the skin-layer, so that any edges outside the skin won't be seen!

    Vectorise People

  • Step 9 Because we have 2 layers of hair, make a new layer on top of the highest layer and DO NOT GROUP IT! Then trace the light hairs.
    If you have dark hair like my photo, it will be really easy. If you take blonde hair or lighter, you will have to vectorise more.

    Vectorise People

  • Step 10 Do the same with the clothing.
    If you look at the origianl and my version, you see I left out the necklace and the silly buttons. That is because it's my vector and I can choose what I keep and leave out. You can do that too.
    If the person in the photo is a bit too fat or has something on that you don't like, just change it!

    Vectorise People

  • Step 11 Finish up all fine details...

    Vectorise People

  • Step 12 Now for the eyes. Create with black the shape of the eye on a new layer and on a layer above that, the lashes. When you're done, merge the 2 together;

    Vectorise People

  • Step 13 Then inside the blackness, add a white eye-shape with in there a few circles to represent the eye.

    Vectorise People

  • Step 14 On to the hardest part - the lips! First of all, create the shape of the lips and fill it with the base-color;

    Vectorise People

  • Step 15 Draw the shade and shine of the lips and the inside of the mouth (IF NEEDED).
    I also drew the shade of the teeth already, so the girl doesn't look weird ;)

    Vectorise People

  • Step 16 Then finally add the teeth and the shine on them.
    Remember to group all the shadows and shines with the base-colors. That way, you will keep your .psd in good shape and the vector will look better!

    Vectorise People

  • Step 8 And after some hours of work, you are finally done! I really hope your result looks nice ;)

    Vectorise People

Saturday, May 3, 2008

How to take a picture and turn it to vector

Source: http://www.idigitalemotion.com/tutorials/guest/vector/vector.html

This tutorial is here just to get you into the swing of things for vectoring. It will teach you the basics of how to vector in Adobe Photoshop 6+. Don’t use this tutorial as a basic walkthrough to an easy vector,use it to learn the basics of vectoring so you can than use these methods fo

r your own work. I don’t want to suddenly see several vectors spring up over the internet that are identical to each other because they were taken from this tutorial. That said, let’s get started.

Firstly we’ll need to get a photograph (or sketch) of what we’re going to vector, you can vector thingsfrom scratch but with people or objects like cars its better to use reference, in this case we’ll be using a photograph. I’ve just taken a photograph of Aki Kawamura I found on a random search engine. You’ll only be using one tool in this. That’s the pen tool. Take the pen tool (fig.1) and select Shape Layers. (Fig2)


There will be no merging of layers, this is because we may have to cut away a section to reveal more skin/hair/clothing/whatever. We’ll start with the base layer of skin. For everything that is done, skin,hair or clothing, use 3 or 4 layers. Do not go over 5 layers, otherwise you’ll loose that simplistic look of the whole piece, if you do go over the 5 layer limit then you might as well do this for everything, you can still get a good vector using hundreds of layers, but I prefer the simplstic approach. As you can see here I’m not being too careful with the skin base layer edges. (Fig.3) this is because most edges around her face will be covered over with the hair layer later on. Once the base layer is done, start on the mid layer and work your way up to the third layer, which will be the darkest layer, I’ve worked up from the lightest to darkest layer here because there is a larger amount of light to dark in this photograph, but if it were the other way around we would be working from dark to light. (Fig.4)

Now that all the skin layers are complete we will start on her hair. Hair is always the most difficult thing to vector because its free and has many thin strands, the most time you spend on a vector will no doubt be hair. (unless your working on someone who’s bald) We’ll start with the base layer and cover the entire mass of her hair, even the light areas. With hair we always start from dark and work up to the lightest layer, because there is more dark than light, even on blondes. (Fig 5) Once this has been done we’ll work our way onto the second layer, the mid layer. This is were the most time consumming part comes in.Pick out all the lighter areas than the base layer, don’t worry about covering some dark areas. Once this is done, any dark areas that have been covered can be selected and cleared. Select PAths (Fig.6) for the pen tool and go over the dark areas of hair that have been covered by the mid layer, then right click > make selection and then clear the selection by pressing delete. (On your keyboard for the slow people at the back) After this are the higher layers for Aki’s hair I’ve used four layers because there was an even lighter area of hair because of the lighting in the photograph, use the same methods as you did for the mid layer hair and eventualy you should finish with something like this. (Fig.7)



By now you should have it figured out how to work with layers by moving up the lightest/darkest areas. You should implement the methods you’ve learned so far into working with the rest of her features such as her eyes, add a little Grey and you should get something like this (Fig. 8) Using these simple techniques can give you some good vector work. Hopefully you should go on and be able to create some nifty vector work now.