How to Make Photo to Vector Illustration Effect

Posted April 2nd, 2010 by

In this tutorial we will make vector illustration effect on photo in photoshop. This will be quick and easy way to convert photo into a illustration vector effect.

Helpful Links


Step 1:

First select any image on which you want to apply illustration effect

photo illustrate stp1 How to Make Photo to Vector Illustration Effect

Step 2:

Duplicate the Background layer.

photo illustrate stp2 How to Make Photo to Vector Illustration Effect

Step 3:

Now apply the Cutout filter (Filter => Artistic => Cutout). On the left side the amount of detail in the vector can be controlled by adjusting the Number of Levels, Edge Simplicity and Edge Fidelity sliders. For this example I am using 5 levels, with the Edge Simplicity set to 3 and Edge Fidelity set to 3. Click OK.

photo illustrate stp3 How to Make Photo to Vector Illustration Effect

Step 4:

You can trace the areas of color divided by the Cutout filter with the Poster Edges Filter. For this example the Edge Thickness is set to 2, Edge Intensity to 1 and Posterization to 4. Click OK.

photo illustrate stp4 How to Make Photo to Vector Illustration Effect

Step 5:

The color can be changed subtly with a Photo Filter adjustment layer.

photo illustrate stp5 How to Make Photo to Vector Illustration Effect

Step 6:

And finally, to add to the ‘colored’ effect, a Brightness/Contrast adjustment layer will help take away the natural highlights/shadows even more.

photo illustrate stp6 How to Make Photo to Vector Illustration Effect

Step 7:

Here is my final vector image:

photo illustrate stp7 How to Make Photo to Vector Illustration Effect

photo illustrate stp7 1 How to Make Photo to Vector Illustration Effect



Random Posts

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic, or follow us on Twitter. Get promotion with Hypesol.
Name: Email:
3 ResponsesLeave a comment
  • Tutorial Lounge
    April 3, 2010 at 3:45 am
    Reply

    beautiful effect which helping for create image look like an illustration.

  • forex robot
    April 4, 2010 at 7:40 am
    Reply

    Great site. A lot of useful information here. I’m sending it to some friends!

  • Passing the CNA Exam
    June 26, 2010 at 5:44 am
    Reply

    nice post. thanks.

Add a commentGet a Gravatar

* Name

* Email Address

Website Address

You can usethese tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



  •  
  •  
  •  
Around The Site
Free Subscription

Enter your email address:

 
Become Facebook Fan
Links
Get Adobe Flash playerPlugin by wpburn.com wordpress themes