Design stylized images with Photoshop and Illustrator

stylized female model's face

The image above has been stylised in Photoshop and Illustrator.

To trace a photo in Adobe Illustrator, go File > Place and select the photo you want to trace. I find it useful to then lock this picture layer in the Layers palette and click on the New Layer icon to make sure your trace and your image remain separate in your Illustrator document. Then, as you can see below, I selected the Pen Tool (P) and traced the eyes, the nostrils and the lips. Tracing the picture gives you the added bonus of a good vector illustration to use elsewhere!

Now open up the original image in Photoshop. This is when you should perform the usual cloning and trickery to get rid of any blemishes, scratches or general untidiness in the photo. I used this technique to smooth the model’s skin. And I also brightened up the teeth, the whites of the eyes and the eyebrows.

Next you should bring in the elements of the Illustrator trace bit by bit. So, I selected the mouth first, copied it and pasted it onto the Photoshop image. The trace was done in black, so setting this layer of the pasted Illustrator lips to Overlay in the Photoshop Layers palette really makes the lips stand out and deepens the red.

Then the eyes were done in a similar way, first the irises, only this time I coloured them pale blue in Photoshop and set the Layer’s Blend Mode to Saturation. Then the highlight in the eyes was made white in Photoshop and their Layer’s Blend Mode was set to Overlay. Finally I pasted in the eyelashes.

The underlying image of the woman’s face is quite pale that is why employing this technique causes a really striking, almost “pop art” effect.

See below the original image on the left, the trace in the middle and, on the right, the finished piece.

stylized female model's face tutorial

Did you enjoy the article? If so, please share!

Download the free e-books "How to Market Yourself Online" & "Starting An Online Business"

How to get clients online and advice on starting up online!

  • Creating websites
  • Setting up WordPress
  • Writing blog posts
  • Getting links
  • Driving traffic to your site
  • Using social media
  • Getting clients
  • Getting found on Google
download icon
download button

Comments

  1. Steve O says:

    Never thought of using this sort of technique – looks interesting! I’ll have to give it a go.

  2. Rob Cubbon says:

    Yeah, I found it by accident – I had to get a vector illustration of a woman’s face. It works pretty well in this instance but I’m sure there’s a lot of other uses for it. Cheers.

  3. hamdi says:

    Wow…. I wish I can do like you

  4. Rob Cubbon says:

    I’m sure you could, hamdi, actually you don’t need Illustrator for this one, it could all have been done in Photoshop.

  5. jayson says:

    Nice! Thanks for the tips. I’ll some of them a shot on an upcoming project – nice job by the way.

  6. Rob Cubbon says:

    Thank you, jayson. I’d be interested to see what you come up with. Hope all goes well!

  7. john says:

    can you show me a utorial how to get a ordinary image to look like the one in the middle of three??

  8. gfxdude says:

    Hey very nice blog!! Man .. Beautiful .. Amazing .. I will bookmark your blog and take the feeds also…

  9. Rob Cubbon says:

    Hi john, that’s done by tracing over it in Illustrator.

    Thanks gfxdude, hope you see more useful design and graphics stuff.

  10. charlene says:

    nice work!! can you tell me,
    how can the middle picture be done in photoshop?

  11. Thanks for this Blog!

  12. Rob Cubbon says:

    charlene, the middle picture can be done in Photoshop with the pen tool. I did it similarly in Illustrator, however.

  13. Jonas says:

    I really like this…Thanks…

  14. Schedule says:

    Best you should edit the webpage name Design stylized images with Photoshop and Illustrator | Blog | Freelance Graphic and Web Designer | Rob Cubbon to more generic for your content you make. I liked the post nevertheless.

  15. brokenlemon says:

    very clever indeed.. great share author

  16. eglence says:

    what a great picture.

Speak Your Mind

Notify me of followup comments via e-mail. You can also subscribe without commenting.