How to cartoon-ify an image programmatically?

AlgorithmImage ManipulationCommand Line-Interface

Algorithm Problem Overview


My app works with photos and videos of people, which I want to cartoonify. So I need an algorithm to do it manually (we use c++/Qt for our product, which has image manipulation classes) or perhaps some CLI program that will do it for me that I can call and use from our own app.

Algorithm Solutions


Solution 1 - Algorithm

Here's some algorithms to play with:

  • Median or repeated box blur filter to obtain cartoonish color palette
    • Edit: Bilateral filtering should suit your needs even better
  • Min filter (zeroth percentile) to enhance some types of edges
  • Color image segmentation using either small subcube or sphere in the RGB color cube
  • Generic edge enhancement on segmented image using edge detection such as Sobel kernels or 8-way edge tracing
  • Composit blurred/median-filtered image with enhanced edges

These are fairly basic and all very easy to implement. Keep in mind that median and box blur filters can be implemented with linear time complexity w.r.t. the kernel radius.

More edits:

Once you get the idea of Huang's algorithm, implementing a box blur filter is a delicious piece of cake.

Reading material:

  • Fast Median and Bilateral Filtering (get the PDF)
  • Median Filtering Constant time (get the PDF) Note: I have an implementation of this in C# using Mono/SIMD to accelerate histogram coalescence, however it only seems better than the O(r) algorithm when the diameter exceeds ~60 pixels due to the comparable number of add/sub instructions (the break-even point), a C++ implementation is probably much better suited to harness SIMD.

Other reading materials include Gonzalez & Woods' Digital Image Processing (seems to be an older edition) for segmentation and edge tracing. 8-way edge tracing can be really hard to bend your head around (choosing between on-pixel or between-pixel edges and how to latch onto edges). I'd be happy to share some code, but the hundred-liners don't exactly fit smoothly in here.

Solution 2 - Algorithm

You could try rotoscopy, like toonyphotos.com does:

rotoscopy example

Solution 3 - Algorithm

You might want to check out Freestyle, an open-source (Google Summer of Code, even) project to implement a non-photorealistic renderer for Blender. Here's an example of its output, in cartoon-mode: alt text
(source: sourceforge.net)

Solution 4 - Algorithm

If there's some set of parameters which achieve the desired effect in the GIMP's Cartoon filter (or some other combination of filters) it can be run in a batch processing mode.

Solution 5 - Algorithm

I have not done this myself, but thinking about two steps that might give the image a cartoonish look.

  1. Detect edges, and draw a fairly fairly thick line (a few pixels) on those edges.

  2. Decrease the number of colours in your image.

Solution 6 - Algorithm

Not sure if this will help, but this tutorial for Photoshop suggests doing the following:

  1. Open your image in Photoshop
  2. Filter > Blur > Gaussian Blur. Set the radius at 3.0 or higher, to taste.
  3. Edit > Fade Gaussian Blur. A window will pop up . . . set the mode to darken. You may also need to lower the opacity.

Here's the result.

enter image description here

I imagine that you could do something similar in your program.

Solution 7 - Algorithm

It's relatively easy to do. Here are the steps:

  • bilateral filtering to simplify/abstract the photo. You may want to separate the bilateral filter so that it's faster. Perform the bilateral filter in 1d along the gradient and then along the normal to the gradient.

  • detect the edges. For instance, using a Difference of Gaussians algo. You may want to use the DoG in the gradient direction and smooth it following the flow lines. To get the flow lines, you would need to get the Edge Tangent Flow (ETF) which you can get via structure tensor.

  • quantize the colors. Actually, you quantize the luminance to simulate cel shading aka toon shading.

  • blend the abstracted image afer quantize and the edges you detected.

This will give you a rendered image that looks like a cel shaded cartoon.

I made some free software (for win64) that does exactly this at: http://3dstereophoto.blogspot.com/p/painting-software.html

The name of the software is "The Cartoonist" and you can see it in action here: http://3dstereophoto.blogspot.com/2018/07/non-photorealistic-rendering-software_9.html

Those are links to my blog which primarily deals with 3d photography (depth maps, photogrammetry, etc).

Solution 8 - Algorithm

actually i dont know a tool but you can look to osg (openSceneGraph)

there is a osgFX library and there is cartoon effect... maybe you can inspire from that library...


maybe (i dont know) imagemagick has many features, maybe it has a feature like that but i dont know...

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJimDanielView Question on Stackoverflow
Solution 1 - AlgorithmCecil Has a NameView Answer on Stackoverflow
Solution 2 - AlgorithmmoowareView Answer on Stackoverflow
Solution 3 - AlgorithmunwindView Answer on Stackoverflow
Solution 4 - AlgorithmJohn BarrettView Answer on Stackoverflow
Solution 5 - AlgorithmmartiertView Answer on Stackoverflow
Solution 6 - AlgorithmRiddlerDevView Answer on Stackoverflow
Solution 7 - AlgorithmUgo CapetoView Answer on Stackoverflow
Solution 8 - AlgorithmufukgunView Answer on Stackoverflow