Illustrating face logos from images

I was looking for a way to introduce a few of my friends' blogs on this blog. I wanted to make it a little more personal but I didn't want to include a normal photo of them, so I decided to illustrate a logo/icon of their face and link to their blogs. You can see the examples in the sidebar and below is the final version of myself on the left and Nicholas Patten on the right.

Update: Also see Mike's and Sara's version here.

The process is rather simple, but in its simplicity, it was difficult to make look polished. A few versions looked like I half-assed it with the lasso tool and some looked like I applied the basic cutout filter in Photoshop. 

The process was to first find a good picture. I was looking for images at an iso or 3/4 view. Lighting at this angle can be easy to guess and can offer a lot of depth to an image. Transferring that depth to a flat illustration is pretty hard if the photo was taken straight on. 

My process was this:
  • Desaturate the image
  • Modify the levels or brightness/contrast until I was happy with the balance of black and white
  • I inverted the colors so black is white and white is black (I did this because I thought black for the majority of the illustration was more desirable)
  • I then took that image into Illustrator and created the paths.
I'll be posting a few more of these soon. 

Posted

23 comments

Nov 09, 2009
Kathy Johnson liked this post.
Nov 09, 2009
Nicholas Patten liked this post.
Nov 10, 2009
Benjamin Bois said...
nice work!
Nov 10, 2009
John Coffey said...
This is a good home work project for those 2 neglected Adobe apps I have on my G5.
Nov 10, 2009
Daniel Pierce said...
Now that is cool.
Nov 10, 2009
Matt Barrett said...
Thanks guys. It was an experiment at first, but I'm really happy with the outcome.
Nov 13, 2009
Carolyn Chan said...
wow, i gotta try this. i suck at photoshop and illustrator illiterate. this should be fun. btw, i love your blog design.
Nov 13, 2009
Carolyn Chan said...
ok, i've failed. lol.
Nov 13, 2009
Matt Barrett said...
:) what did you come up with? try it with your posterous pic and I'll do a version too. we'll compare.
Nov 13, 2009
Sara McGuyer liked this post.
Nov 15, 2009
Neema Naficy liked this post.
Nov 16, 2009
speisboi liked this post.
Nov 16, 2009
Katherine liked this post.
Nov 17, 2009
Anthony liked this post.
Nov 17, 2009
Anthony said...
This is a great concept Matt : FAV'D :
Nov 17, 2009
Matt Barrett said...
Thanks Anthony, glad you like it.
Nov 20, 2009
Seán Collins said...
v. cool
Nov 26, 2009
Greg P. liked this post.
Dec 01, 2009
Rick Powell liked this post.
Jan 04, 2010
Balázs Sudár liked this post.
Jan 10, 2010
neal burns said...
kool looks effective you know andrew churrasko yeah?
Jan 17, 2010
Matt Barrett said...
hi neal, no I dont know andrew churrasko. who is that?
Jan 17, 2010
neal burns said...
hes a friend of mine-subscribe to his blog!- but then again he never updates it anyway. 

Leave a comment...