ESKAPADE

Entries tagged as ‘vector’

Another Vectoring Tutorial

May 2, 2008 · No Comments

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 for 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.

————————————————————————

I didn’t made this tutorial but i have the included the source of where i took this tutorial.

I used this before when I was still learning how to do vector arts using Photoshop. As of now

I’m still learning how to do it…

————————————————————————————-

Looking for Web Developers?

Click on the logo below for more details.

Categories: Photoshop · TUTORIALS
Tagged: , , , , , , , , , ,

Vectoring your image using photoshop

November 19, 2007 · 4 Comments

my own way of vectorizing your picture using photoshop…

first, you need to look for the picture that you want to vectorize. I would suggest that if you have a high resolution photo, then go for it.

second, you need to duplicate your original photo, usually when you open an image on photoshop, the layer name is “background”. So you just have to duplicate the background layer or your image.

third, for you to have an easy way of tracing the shadows of the image, you just have to posterize your image, usually I set it to 3 or 4 but it depends on your satisfaction. To posterize, just click on Image, then click on Adjustments, then Posterize.

fourth, you simply need to trace the base area of the image, example the image is your picture, so you need to select the area of your skin, I suggest you use the pen tool, you can use other tracing tools like lasso but it is best suggested that you use the pen tool, and make sure that the pen tool is set for selection only.

fifth, let us assume you have already selected the area of your entire skin, then you need to create a new layer, make sure that you dont edit the background layer which is the original image and the posterize image. the images will be your guide. after selecting using the pen tool just simply right click on the selection and choose make selection. I suggest you just set the feather to 0.

sixth, now that you have selected the area, make sure that you are on the new layer that was created. then you need to fill the selected area with your desired color, but you can also determine the color of the area selected by using the eyedropper tool.

seventh, assuming that you have choosen the color for the area, then you need to fill the area selected with the color that you have choosen, one important thing is make sure not to deselect unless you have filled the area with your desired color.

now to continue vectorizing your image just simply repeat the steps that I mentioned, do the same on the details of the image, create layer, select, fill color, deselect and then repeat it again until the entire image is vectorized. after vectorizing the image you can simple add some editing like using the smudging tool or any other tool so that the vectorized image would look like the same as with the original image. I hope that I have given you some tips on how to vectorize your image using adobe photoshop.

Categories: Photoshop · TUTORIALS
Tagged: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,