The goal of this tutorial is to learn how to vector a poor quality image to a beautiful one, everything with Photoshop. (so, without Illustrator !)

Let's take this image for our tutorial :

As you see, the quality is really poor, we can see the pixels everywhere, well, it's ugly...

There is some rules to follow for this tutorial :

* Create a new layer for every element you add ; for example, create 3 layers if you want to add 3 differents color in the hair. My final work on this image contains 36 differents layers. So, don't hesitate to create new ones !
* You have to be patient ; the vector work is really very long for beginners, so, don't give up !
* Don't use effects till you haven't finished your entire work.

So... Let's start !


* I very often begin with the hairs, when i vector a character.
First of all, fill the hairs with a background color ; take the lighter one, and do that like this, everything with the Pen Tool.

Well, i know, she looks like a bit stupid like this … But don't worry Smile
Now, create a new layer, select the previous one, and fill in it the shadow in her hairs.

Just Ctrl + Left clic on it, in the Layers Window :

So, we have something like that now … :

Damn … She still looks like ugly like that … but be patient :smile:

Now, take the polygonal lasso tool, with a 30-40px radius, and select the top of your shadow layer, and press the delete button, like that :

This makes a gradiant color ; it just looks better like that.
Now, create a new layer, and do exactly the same thing with the darker hairs :

Not bad, isn't it ?

Finally, take the Pencil Tool, draw some light effects in her hairs ;
then, take the Brush Tool, draw a curve under the light effects, and apply a Glaussian Blur (Effect > Blur > Glaussian Blur) effet on it ;
We now may have that :

We have almost finished with her hairs !
Now, select the first layer (the background color), and draw some outlines outside of the select, like that :

So … We have our hairs !

You can notice that there are some imperfections, but i often fix them at the end.


* We are going to put ALL the layers of the face under the layers of the hairs.
Exactly with the same method as for the hairs, draw the background color, and the shadows :


* For my opinion, it is the hardest part of a character ; you have to work a lot in a small surface, it's not easy.

I do the thing like that :

Feel free to change the eyes color if you want ; i changed mine in a blue color, i prefer like that ^^
Now, just add the nose and the mouth, some shadows … And we are done with this tutorial !

How To Make Fading text in Photoshop..??

u can see this Video

How to Create/Make a Stylish Media Player in Photoshop..?

You can Do it with the steps I have created below, and hopefully what I write useful to all. thank's.

Final First:

Create a new document with these settings like 1a. The first layer, call it “background” and fill any color. Then Open the Blending Options and settings (1b)

Create a new folder, call it “ipod”. In this folder, create a new layer, call it “ipod” as well. Select the Rectangle Tool (U) to draw a rectangle shape like the one below (2a). Select the Pen Tool and click on the shape. After that, create four nodes of the shape as shown. At the top line, click to make a node between two top nodes. Then correct the top line of the curve by holding “Command” down, and clicking and dragging the node upward by a little (2b). Do the same with bottom line, but downward this time(2c). Then press Command + Enter to make the selection and fill that with color (2d)

Open the Blending Options menu for “ipod” and adjust the settings like in image 3a. Create a new layer on top, call it “light ipod”. Use the Rectangular Marquee Tool (M) to make a rectangle selection and fill it with white (3b). Then reduce the Opacity to 30% (3c)


Create a new layer on top, call it “screen bg”. Use Round Rectangle (set Radius: 5px) to draw a shape like one below and fill it black color (4a). Then open Blending Option and setting (4b)


Use the Rectangular Marquee Tool to make the selection (5a). Press Command + J to duplicate this selection, rename the new layer “screen bg light”. Reduce the Opacity to 30% (5b). Then open the Blending Options and use the following settings (5c)

Create a new layer on top, and call it “screen”. Use the same tool to make the rectangle selection right in the middle of the “screen bg” and fill it with black (6a). Then open Blending Options and use these settings (6b)

Use the Polygon Lasso Tool to make the selection like in 7a. Press Command + J to duplicate this selection, rename the new layer “light screen”. Open Blending Options and use the specified settings (7b). Then reduce the Opacity to 30%.

Create a new layer on top, call it “button bg”. Use Elliptical Marquee Tool to make the circle selection and fill it with white (8a). Then open Blending Options and use these settings (8b, 8c)

Create a new layer over “button bg”, and call it “circle”. Use the same tool to make the smaller circle selection and fill it with white (9a). Then open Blending Options and copy these settings (9b, 9c). Add a button icon on “button bg” (9d)


The right earphone is up next.

Create a new folder (outside “ipod” folder), call it “right earpiece”. Use the Elliptical Marquee Tool and the Pen Tool (P) to draw like in the steps below (10a). In turn, open the Blending Options of each layer and use these settings (10b, 10c, 10d).




Create a new document (20 x 20px) with a transparent background. Choose the Custom Shape Tool, select the diagonal shape (11a). Draw and fill with black (11b). Then go to Edit > Define, name it “diagonal” and close this document (no need to save).

Come back to the main document. Create a new layer under “right 03”, and call it “right 06”. While holding “Command” down click on the layer “right 03” to obtain its selection. Go to Select > Modify > Contract, put Contract by 2px. Go to Edit > Fill, at Contents select Pattern, at Custom select “diagonal”.

The left earpiece.

Create a new folder (outside “right earpiece” folder) between “ipod” folder and “background”, call it “left earpiece”. Do the same steps of “right earpiece”.


In the “left earpiece”, create a new layer on top, call it “shadow left” and according to the following images:

Create a new layer under “left earpiece” folder, call it “line”. Use Pen Tool to draw like 15a. First, set Brush tool is hard brush 4px, black color. Then press U, click right mouse on the image, select Stroke Path to draw black line (15b). Open Blending Options this layer and setting (15c).

Press Command + J to duplicate “line”, rename new layer “line shadow”. Move it under “line” and reduce Opacity to 40%. Then move this layer down a little.

Create a new folder under “left earpiece” folder, call it “shadow”. Use Brush Tool, Pen Tool, and Elliptical Marquee Tool to draw accordin to the following images below: