{"id":264,"date":"2006-11-20T23:05:14","date_gmt":"2006-11-20T23:05:14","guid":{"rendered":"http:\/\/www.little.org\/blog\/2006\/11\/20\/QuickieCartoonMe.aspx"},"modified":"2006-11-20T23:05:14","modified_gmt":"2006-11-20T23:05:14","slug":"quickie-cartoon-me","status":"publish","type":"post","link":"https:\/\/www.little.org\/blog\/2006\/11\/20\/quickie-cartoon-me\/","title":{"rendered":"Quickie cartoon me"},"content":{"rendered":"<p>For a while now I&#8217;ve been wanting a caricature of myself.&nbsp; Several friends have cool buddy icons for messenger or as a tile on their blog.&nbsp; Two things stopped me though: 1. my artistic talent is mediocre at best and 2. I&#8217;m too cheap to hire someone to make one for me.<\/p>\n<p>So, what&#8217;s a cheap hack to do?&nbsp; Why, come up with a quickie technique to make my own&nbsp;picture, of course.<\/p>\n<p><strong><u>0. Basic training<\/u><\/strong><\/p>\n<p>Before we get started, here are a few tips and notes:<\/p>\n<ul>\n<li>I use Photoshop &#8211; it&#8217;s what I have, it&#8217;s what I know.&nbsp; If you&#8217;re a photographer or an artist and looking for a great program, I highly recommend it. Many other paint, however, will work just great for this.\n<li>Make lots of layers &#8211; anytime you think you&#8217;re doing something new, make a new layer, you&#8217;ll thank me later.&nbsp; Besides&#8230; CTRL-e (CMD-e on Mac)&nbsp;will merge a layer down so there&#8217;s no downside.\n<li>If you don&#8217;t like the results, try a different picture.&nbsp; You&#8217;ll be surprised at how quick this can be and trying again is no trouble at all.\n<li>Small is good &#8211; starting with a little picture (I used one which is 150px by 150px) means less detail to distract you.&nbsp; A cartoon version of you shouldn&#8217;t have much detail, Snoopy didn&#8217;t have whiskers, did he?\n<li>I figure you know how to use your paint program, so I skip a lot of detail.&nbsp; If you have questions, ask, I probably need to clarify these steps.<\/li>\n<\/ul>\n<p><strong><u>1. Pick a pic<\/u><\/strong><\/p>\n<p>First, I selected a picture of myself I like.<\/p>\n<p><img decoding=\"async\" alt=\"Reeves and Paula in Goshen\" src=\"http:\/\/pictures.little.org\/photos\/54594244-Th.jpg\"><\/p>\n<p>I recommend using a brightly lit picture, I&#8217;ve re-tried this technique on a few different pictures and found dark images are hard to work with.<\/p>\n<p><strong><u>2. Double your fun<\/u><\/strong><\/p>\n<p>The next step will take all the color out of the picture, and you&#8217;ll want that color, so make a new layer.<\/p>\n<p>Layer -&gt; Duplicate Layer<\/p>\n<p>As you go along and create new layers I highly recommend naming them.&nbsp;Later, when you want to edit a specific layer, it will be easier.<\/p>\n<p><strong><u>3. Xerox it<\/u><\/strong><\/p>\n<p>After drawing my first cartoon me on paper I figured out where the hard lines for my face were&#8230; but there&#8217;s a shortcut.&nbsp; Use the Photoshop &#8220;photocopy&#8221; filter, it&#8217;s under sketch.<\/p>\n<p><img decoding=\"async\" alt=\"Photocopy\" src=\"http:\/\/pictures.little.org\/photos\/111710321-M.jpg\"><\/p>\n<p>For this picture I simply set the detail all the way down (1) and the darkness all the way up (50).&nbsp; You should play with it on your picture to get some good lines.<\/p>\n<p><strong><u>4. Trace elements<\/u><\/strong><\/p>\n<p>The photocopy filter has now given you a set of lines to trace.&nbsp; It has probably given you too many, in fact, so don&#8217;t get greedy.&nbsp; Try to draw the minimum number of lines.<\/p>\n<p>Make a new layer (don&#8217;t duplicate this time, make a clean, new layer).&nbsp; I&nbsp;named&nbsp;this layer &#8220;face&#8221;.<\/p>\n<p>Grab the brush tool and set the color to&nbsp;black and set the size.&nbsp;&nbsp;You&#8217;ll&nbsp;want to get a size which feels kinda cartoony, you can play with it to see what you like.&nbsp; Go thinner for less drama, go thicker for a more Scanner Darkly look.&nbsp; As a starting point, go with about 2% of your image size (my picture was 150&#215;150, I used a brush size of 3px).<\/p>\n<p><strong><u>5. The straight and narrow<\/u><\/strong><\/p>\n<p>The trick to make this fast and easy (and make it look kinda cool) is to not draw freehand.&nbsp; Pick a place to start (the jaw, under the ear, is a good one) and put a dot.&nbsp; Next, pick a place along the jaw, hold down the shift key, and click again.&nbsp; Photoshop will draw a line between the dots.<\/p>\n<p><img decoding=\"async\" alt=\"Photocopy\" src=\"http:\/\/pictures.little.org\/photos\/111710288-M.jpg\"><\/p>\n<p>Continue along the outside of your face, a couple clicks on the jaw, one on the chin, back up the jaw, around the ear and follow your hairline around.&nbsp; Once you&#8217;ve done the full face shape, add the hair using the same technique.<\/p>\n<p><strong><u>6. Eyes and ears and mouth and nose<\/u><\/strong><\/p>\n<p>Once you&#8217;ve finished the shape of the head, move to the eyes.&nbsp; You should be able to get the shape with 3 to 4 clicks.&nbsp; Start at one corner then click a couple more times to get the other corner.&nbsp;Draw a&nbsp;small box for each pupil. For my eyes I didn&#8217;t need to draw the bottom, just the top.<\/p>\n<p>If you&#8217;re smiling in the picture you&#8217;ll likely have some smile lines, add those in.&nbsp; <\/p>\n<p><img decoding=\"async\" alt=\"Eyes and nose\" src=\"http:\/\/pictures.little.org\/photos\/111710309-M.jpg\"><\/p>\n<p>A few quick lines under the nose is all that&#8217;s needed to highlight the bottom and then one line for the side of your nose.<\/p>\n<p><strong><u>7. Color by numbers<\/u><\/strong><\/p>\n<p>Hide the photocopy layer so you can see your original picture under your lines.&nbsp; Create a new layer above the photocopy layer but under your drawing.&nbsp; Triple your brush size (9px in my case) to give more coverage and sample the color from some place on your face using the eyedropper.<\/p>\n<p>Color away!<\/p>\n<p><img decoding=\"async\" alt=\"Eyes and nose\" src=\"http:\/\/pictures.little.org\/photos\/111710275-M.jpg\"><\/p>\n<p>Now you need to add a little depth.&nbsp; Create a new layer on top of the coloring you just did.&nbsp; You&#8217;ll need a darker tone of flesh than you used before, so click the color palate (if you drop the &#8220;B&#8221; in the HSB section by about 10, you should be golden).<\/p>\n<p>On a new layer use the shift-click technique again to trace the outer edges of your face, along your smile lines, under your nose, along one side of your nose and over your eye lids.<\/p>\n<p><img decoding=\"async\" alt=\"Eyes and nose\" src=\"http:\/\/pictures.little.org\/photos\/111710265-M.jpg\"><\/p>\n<p>Sample your hair color and fill it in (I used the magic wand to speed up this step).&nbsp; Adding a second hair color will also help (hide your hair color, create a new layer and sample some highlights to paint in with a medium-sized brush&#8230; say 5px).<\/p>\n<p><img decoding=\"async\" alt=\"Eyes and nose\" src=\"http:\/\/pictures.little.org\/photos\/111710261-M.jpg\"><\/p>\n<p><strong><u>8. Mad props<\/u><\/strong><\/p>\n<p>If you have a hat you always wear or (like me) you wear glasses, add those in now.&nbsp; For glasses I recommend a thin brush to draw the frames (on a new layer, of course) and then draw the shape of the lenses in a neutral gray (on yet another layer).&nbsp; Put the lens layer behind your face layer so the eyes appear to be showing through the lenses.<\/p>\n<p><img decoding=\"async\" alt=\"Eyes and nose\" src=\"http:\/\/pictures.little.org\/photos\/111710278-M.jpg\"><\/p>\n<p><strong><u>9. That&#8217;s all folks!<\/u><\/strong><\/p>\n<p>Now all that remains is to be sure your original picture and photocopy layers are turned off and save your new cartoon you.<\/p>\n<p><img decoding=\"async\" alt=\"Eyes and nose\" src=\"http:\/\/pictures.little.org\/photos\/111710271-M.jpg\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For a while now I&#8217;ve been wanting a caricature of myself.&nbsp; Several friends have cool buddy icons for messenger or as a tile on their blog.&nbsp; Two things stopped me though: 1. my artistic talent is mediocre at best and 2. I&#8217;m too cheap to hire someone to make one for me. So, what&#8217;s a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[15],"tags":[112],"class_list":["post-264","post","type-post","status-publish","format-standard","hentry","category-idlephotoshop","tag-idlephotoshop"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/posts\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/comments?post=264"}],"version-history":[{"count":0,"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/posts\/264\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/media?parent=264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/categories?post=264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.little.org\/blog\/wp-json\/wp\/v2\/tags?post=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}