Photo to vector Photoshop CS4 tutorial

Posted on 18 April 2009 by Shaz


In this tutorial you will learn how to turn an image of a young girl into a artistic illustration. You will require a Basic to intermidiate knowledge of Photoshop and its tools to perform this tutorial

1.cOpen the image

2. To convert it to Grayscale, go to Image > Mode > Grayscale

1

3. We have to make the image darker so more details can be converted to vector art. To do this, go to Image > Adjustments > Brightness/Contrast. Adjust the CONTRAST to 28-30. Now, Press ENTER.

2

3

4. Now we have to give it the Photocopy filter, go to Filter > Sketch > Photocopy

5. In the Photocopy filter menu, provide the attributes shown in the image. You can change it to anything you like, just try to make the edges sharp.

4

5

6. Now remove extra noises using the ERASER tool. Hit E from the keyboard or select the Eraser icon from the Toolbar.

6

Adjust the brush size to 40 by Right Clicking on the image.

7

Erase the noises from the face as shown in the image.

8

7. Now you may have an image like this one. Save it.

9


8. Open Adobe Illustrator. Create a new file. We have to place the Photoshop file now.

9. To place the image onto the Artboard, go to File > Place. Now select the image you edited earlier.

10


10. Select the image. Now go to Object > Live Trace > Tracing Option. Tick the Preview button to see the changes instantly. Change the Threshold to 200.

11

Now go to Object > Expand to break the graphics into lines.

13

You will have a result like this.

12

11. Now remove the extra points you don’t want by selecting them with Direct Selection tool from the left Toolbar and hitting DELETE from the keyboard.

12. Smoothen the edges of the eyebrow, eye, nose and lips. Just tweak around with the Direct Selection tool. I leave it as it is.

13. Now we make it colourful. I am sure you know how to use the Pen tool. Select it from the Toolbar and make path around the face like I do. I am selecting the skin of the throat too so it resembles the face colour.

14

14. Now give the selection a skin colour.

15

15. Do the same as in the step 13, but now do it for the hair and eyes touching up as you go.

16. Finally colorize the lips a bit. You should have a result like the image below.

16

17. Now check what you have done (the before and the after result):

17

Subscribe to the Feed to stay updated with the latest tutorials on www.miraztutorials.com and press CTRL+ D to bookmark this Site

  • Digg
  • del.icio.us
  • Design Float
  • description
  • StumbleUpon
  • TwitThis
  • Mixx

7 Comments For This Post

  1. Кошелев Says:

    И придратся то не к чему вообще. а я так люблю покритиковать чужие мысли)))

  2. Aneslin Says:

    great tutorial bro
    thanks a lot

  3. lynda Says:

    Awesome step by step tutorial Thanks a lot for sharing your valuable knowledge with us..I learn a lot

  4. shureiman Says:

    lol

  5. Kate Boughton-Hummel Says:

    Fabulous! Thank you!

  6. Richard Says:

    Thank you so much for sharing your great talent dude, this I really a great help to all aspiring web and graphic designers. Keep it up and share more nice ideas. Your cool dude.

  7. azwan azali Says:

    really great tutorial for beginner! thanks dude!

2 Trackbacks For This Post

  1. Photo to vector Photoshop CS4 tutorial | Photoshop and Flash … Says:

    [...] Read the original:  Photo to vector Photoshop CS4 tutorial | Photoshop and Flash … [...]

  2. Photo to vector Photoshop CS4 tutorial | Photoshop and Flash … Says:

    [...] Read more:  Photo to vector Photoshop CS4 tutorial | Photoshop and Flash … [...]

Leave a Reply

Slow PC? We're here to help get your digital stuff working again and to give you some ideas on how you can do more with it.

-->