Cartoonizing Photos With The GIMP

This is fun! After reading this tutorial on making cartoons from photos I tried to emulate his technique in the GIMP. The dialogs are slightly different but here’s what I did..

  • Layer->Duplicate Layer
  • Select the new layer, Filters->Edge-Detect->Edge, select Sobel, Amount should be 2.0, and Black should be checked.
  • Invert the edge-mask layer, it’s in Layers->Colors->Invert
  • Back in the Layers Dialog, change the Layer Mode to Divide

Play around with Layer mode settings, desaturate the top layer, blur or otherwise mess up the bottom layer. Endless fun can be had! Feel free to post links to your own creations in the comments below!

Later.. on advice I got rid of the portrait, I’ll upload another tomorrow!


38 Comments

Daragh (10 comments.) on October 1, 2004 at 11:58 am.

heh, that’s very cool, wonder what it looks like when you try it with people / animals?

Reply

Donncha (1707 comments.) on October 1, 2004 at 12:13 pm.

Good question, I added a portrait – it was originally b/w but it came out well I thought! I didn’t invert the edge-mask this time though.

Reply

Prashant (1 comments.) on October 1, 2004 at 6:01 pm.

This can get addictive! Completely agree with you on that! :-)

Reply

walter (4 comments.) on October 5, 2004 at 11:04 am.

good stuff.

Reply

justin (2 comments.) on April 8, 2005 at 1:52 pm.

how do you set the layer mode to “divide”?

Reply

Donncha (1707 comments.) on April 8, 2005 at 2:15 pm.

There’s a big “Mode” drop down box at the top of the layers dialog. Select the “divide” option :)

Reply

justin (2 comments.) on April 8, 2005 at 2:52 pm.

aaagh – i see it. i had the layer dock turned off.

Dialogs -> Create New Dock -> Layers Channels & Paths

Reply

rofro (1 comments.) on May 17, 2005 at 3:24 pm.

you have used dodge layer mode not divide

Reply

Jad (2 comments.) on May 28, 2005 at 8:52 pm.

I have try it, but couldnt do any similar version

Reply

Jan on January 14, 2006 at 8:18 am.

That’s amazing… I’ve been looking for something like that and it actually works. Well, I’m using the “Grain merge” mode instead of “Divide” because it works the best for me.
Thank you.

Reply

el.kosmas (1 comments.) on April 24, 2007 at 10:42 pm.

This is a life saver…!

Reply

dago on May 20, 2007 at 8:58 am.

by Layers > Colors > Invert

you mean Filters > Colors > Value Invert??

Reply

dago on May 20, 2007 at 9:05 am.

well here are my steps

Layer > Duplicate Layer

Filter > Edge-Detect > Edge…

Filter > Colors > Value Invert

Layers > Mode > Value

Reply

jay on July 19, 2007 at 5:35 pm.

dago, it’s supposed to be layer > colors > invert, not filter > colors > value invert.

Reply

SoulinEther on November 24, 2007 at 5:33 am.

Yeah.. looks good. The instructions dont follow the new Gimp layout, so… lol, thats why there are some people saying that the instructions aren’t exactly accurate.

This has a nice effect, btw, and its really hard to come by a good comic book / cartoon effect on the Gimp whereas its pretty simple on Photoshop..

Reply

dodo on March 26, 2008 at 7:51 am.

I tried your tutorial on a photo of people .On my own photograph actually .But it doesnt look goodz . :-( My goal is to imitate the result of Cartoonized service ( http://cartoonized.net/cartoonme.php ) .More or less like the samples displayed on that page .
Anyone can help me ?

Reply

michael (1 comments.) on November 28, 2008 at 10:37 am.

Great thing, looks good. I’ve used multiplication instead, becomes more dark.

Reply

studio-catastrofe on November 29, 2008 at 12:01 am.

Thank you so much!!!

In my case I’ve found that I like more to leave in ‘normal’ the layer mode that you recommended to set on ‘divide’, it looks more sketchy.

After that I duplicate again the original background, I place it on top of the inverted edge-mask layer and set the layer mode to HARD LIGHT.

With this short tutorial you just open some new dimension to me.

Cheers.

Reply

betty on July 28, 2009 at 2:41 am.

I found a very detailed tutorial on cartooning a photograph. http://cartoonized.net/tutorial-turning-photograph-into-cartoon-part1.php
It is for adobe photoshop.
Would someone please ‘translate’ that tutorial into Gimp? I’d be very glad if you could. I needed very much to turn my picture into cartoon but I can only use gimp.

Reply

sendblink23 on February 15, 2010 at 3:00 am.

That is vectorization, and that is not really photoshop, its more Adobe Illustrator

Reply

kernel_geek (1 comments.) on July 25, 2010 at 12:17 pm.

You can use inkscape for vectorisation, it works really well.

Reply

Ruther on August 11, 2009 at 4:40 am.

I can’t follow the instruction Layers->Colors->Invert
I do not have the colors after layers so I can’t do Invert

Might be missing something, using gimp 2.6.1

Reply

Matt on August 17, 2009 at 3:27 am.

Awesome tutorial!

Try using a Selective Gaussian Blur (Filter-Blur-Selective Gauassian Blur) after and/or Cartoon (Filter-Artistic-Cartoon.

Also might want to mess with giving it an Unsharp Mask (Filter-Enhance-Unsharp Mask!

Cool!

Reply

George on October 27, 2009 at 10:56 am.

The first post was made 5 years ago, GIMP has change since then!

Reply

keenefilmproductions on January 8, 2010 at 2:38 am.

sometimes screwing around with posterize and van gough and then the “cartoon” filter gets a real good product

trust me
mess around with filters and posterize, fellow cartooners

Reply

Pingback: Linux | ASIDO JAYA

I_Am_Who_I_Am on July 29, 2010 at 3:43 pm.

Besides, you don’t need to use and spend money/memory for Photoshop, u can use GIMP or either this online http://www.pixlr.com/editor/

Reply

Kevin on August 4, 2010 at 7:15 pm.

I get much closer to the effect shown in the example pictures if I chose dodge instead of divide. But it’s still not the same.
Please, if someone knows how to create the original effect in newer versions of Gimp, post here. Thanks a lot!

Reply

rihanna on September 11, 2010 at 6:43 pm.

it didnt work for me. do you think u can do it again but with directions for GIMP 2.6.10

Reply

Piotr on January 16, 2011 at 11:10 pm.

Here’s another take on cartoonization. Its a different idea about what result should look like, though.
http://paklos.blogspot.com/2011/01/cartoonization-in-gimp.html

Reply

Leave Your Comment

Your email will not be published or shared. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>