Calvin Hollywood Freaky Details in GIMP


This article (possibly updated) is now available on pixls.us:
PIXLS.US: Freaky Details

German photographer/digital artist/photoshop trainer Calvin Hollywood has a rather unique style to his photography. It's a sort of edgy, gritty, hyper-realistic result, almost a blend between illustration and photography.


As part of one of his courses, he talks about a technique for accentuating details in an image that he calls "Freaky Details".

The rest of my GIMP tutorials can be found here: 
Getting Around in GIMP

Here is the original video I saw him describing this technique in from Scott Kelby's blog, Photoshop Insider during a guest appearance:

[Update]
I've been told there are problems loading the page with IE if I include the video I first saw this technique on. So, to make sure everyone can see this tutorial, the original video is on this page towards the end (it's the only video on the page)...

Go check it out, then come back to read the rest of the tutorial!

And here is a more current Youtube video from Calvin that describes this technique using a different image:
In my meandering around different retouching tutorials I came across it a while ago, and wanted to replicate the results in GIMP if possible. There were a couple of problems that I ran into for replicating the exact same workflow:
  1. Lack of a "Vivid Light" layer blend mode in GIMP
  2. Lack of a "Surface Blur" in GIMP
Those problems have been rectified (and I have more patience these days to figure out what exactly was going on), so let's see what it takes to replicate this effect in GIMP!

Replicating Freaky Details

Requirements

The only extra thing you'll need to be able to replicate this effect is G'MIC for GIMP.
You don't technically need G'MIC to make this work, but the process of manually creating a Vivid Light layer is tedious and error-prone in GIMP right now. Also, you won't have access to G'MIC's Bilateral Blur for smoothing. And, seriously, it's G'MIC - you should have it anyway for all the other cool stuff it does!

Summary of Steps

Here's the summary of steps we are about to walk through to create this effect in GIMP:
  1. Duplicate the background layer.
  2. Invert the colors of the top layer.
  3. Apply "Surface Blur" to top layer.
  4. Set top layer blend mode to "Vivid Light".
  5. New layer from visible.
  6. Set layer blend mode of new layer to "Overlay", hide intermediate layer.
There are just a couple of small things to point out though, so keep reading to be aware of them!

Detailed Steps

I'm going to walk through each step to make sure it's clear, but first we need an image to work with!

As usual, I'm off to Flickr Creative Commons to search for a CC licensed image to illustrate this with. I found a great photo to use in this tutorial from Mark Shaiken (Shakeskc) on Flickr - a wonderful portrait of a firefighter!

After a Call
After a Call by Mark Shaiken on Flickr. (cc-by-nc-sa)

This is a great image to test the effect, and to hopefully bring out the details and gritty-ness of the portrait.

1./2. Duplicate background layer, and invert colors

So, duplicate your base image layer (Background in my example).

Layer → Duplicate
(Shift-Ctrl-D,Shift-⌘-D)

I will usually name the duplicate layer something descriptive, like "Temp" ;).

Next I'll just invert the colors on this "Temp" layer.

Colors → Invert

So right now, we should be looking at this on our canvas:

GIMP Freaky Details Inverted Image
The inverted duplicate of our base layer.


What the Layers dialog should look like

Now that we've got our inverted "Temp" layer, we just need to apply a little blur.

3. Apply "Surface Blur" to Temp Layer

There's a couple of different ways you could approach this. Calvin Hollywood's tutorial explicitly calls for a Photoshop Surface Blur. I think part of the reason to use a Surface Blur vs. Gaussian Blur is to cut down on any halos that will occur along edges of high contrast.

There are three main methods of blurring this layer that you could use:
  1. Straight Gaussian Blur (easiest/fastest, but may halo - worst results)
    Filters → Blur → Gaussian Blur
  2. Selective Gaussian Blur (closer to true "Surface Blur")
    Filters → Blur → Selective Gaussian Blur
  3. G'MIC's Smooth [bilateral] (closest to true "Surface Blur")
    Filters → G'MIC → Repair → Smooth [bilateral]

I'll leave it as an exercise for the reader to try some different methods and choose one they like. (At this point I personally pretty much just always use G'MIC's Smooth [bilateral] - this produces the best results by far).

For the Gaussian Blurs, I've had good luck with radius values around 20% - 30% of an image dimension. As the blur radius increases, you'll be acting more on larger local contrasts (as opposed to smaller details) and run the risk of halos. So just keep an eye on that.

So, let's try applying some G'MIC Bilateral Smoothing to the "Temp" layer and see how it looks!

Run the command:

Filters → G'MIC → Repair → Smooth [bilateral]


The values I used in this example for Spatial/Value Variance.

The values you want to fiddle with are the Spatial Variance and Value Variance (25 and 20 respectively in my example). You can see the values I tried for this walkthrough, but I encourage you to experiment a bit on your own as well!

Now we should see our canvas look like this:

GIMP Freaky Details Bilateral Blur Surface
Our "Temp" layer after applying G'MIC Smoothing [bilateral]


Layers should still look like this.

Now we just need to blend the "Temp" layer with the base background layer using a "Vivid Light" blending mode...

4./5. Set Temp Layer Blend Mode to Vivid Light & New Layer

Now we need to blend the "Temp" layer with the Background layer using a "Vivid Light" blending mode. Lucky for me, I'm friendly with the G'MIC devs, so I asked nicely, and David Tschumperlé added this blend mode for me.

So, again we start up G'MIC:

Filters → G'MIC → Layers → Blend [standard] - Mode: Vivid Light


G'MIC Vivid Light blending mode, pay attention to Input/Output!

Pay careful attention to the Input/Output portion of the dialog. You'll want to set the Input Layers to All visibles so it picks up the Temp and Background layers. You'll also probably want to set the Output to New layer(s).

When it's done, you're going to be staring at a very strange looking layer, for sure:

GIMP Freaky Details Vivid Light Blend Mode
Well, sure it looks weird out of context...


The layers should now look like this.

Now all that's left is to hide the "Temp" layer, and set the new Vivid Light result layer to Overlay layer blending mode...

6. Set Vivid Light Result to Overlay, Hide Temp Layer

We're just about done. Go ahead and hide the "Temp" layer from view (we won't need it anymore - you could delete it as well if you wanted to).

Finally, set the G'MIC Vivid Light layer output to Overlay layer blend mode:


Set the resulting G'MIC output
layer to Overlay blend mode.

The results we should be seeing will have enhanced details and contrasts, and should look like this (mouseover to compare the original image):

GIMP Freaky Details Calvin Hollywood Final Image
Our final results (whew!) (mouseover to compare original)

Summary

Well, that feels a bit longer than I had anticipated (maybe these just feel longer when I'm writing them?).

This is not an effect for everyone. I can't stress that enough. It's also not an effect for every image. But if you find an image it works well on, I think it can really do some interesting things. It can definitely bring out a very dramatic, gritty effect (it works well with nice hard rim lighting and textures).

For instance, because I couldn't help myself, I color graded the results just a bit to something I like a bit more (muted colors, portra-esque curves):

GIMP Freaky Details Hollywood Color Curves
I thought a slightly desaturated version suited the subject... (mouseover to compare original)

Finally, a BIG THANK YOU to David Tschumperlé for taking the time to add a Vivid Light blend mode in G'MIC.

Try the method out and let me know what you think or how it works out for you! And as always, if you found this useful in any way, please share it, pin it, like it, or whatever you kids do these days...

And if you want more from Calvin Hollywood, he has a book available on Amazon that covers other techniques as well (in Photoshop, of course):

16 comments:

  1. Very cool! But how do you avoid colour banding? (Apart from upgrading to GIMP 2.9, that is.)

    ReplyDelete
    Replies
    1. I don't actually encounter bad color banding when doing this. The resulting layer is set as an overlay on the existing base image, and hasn't been too bad.

      If there's halos, i'll dial back the radius of the blur. Other than that, I just sort of dial in settings until I like the result... :)

      Delete
  2. Great work, Thanks for the tutorial
    alc59

    ReplyDelete
  3. No vivid light in my copy of G'Mic. Linux 64 bit version.

    ReplyDelete
    Replies
    1. You may need to refresh/update your filters to see it (it was just added a few days ago).

      Delete
    2. I updated today, and there is even a new "Freaky Effects" filter in the Enhance section, Thanks to Pat David!!!

      Delete
  4. Why you have an available filter in G'MIC 463 but I have me 261. I Download with sourceforge.net

    ReplyDelete
    Replies
    1. At the bottom of your G'MIC screen, you'll see an "Update" button. hit that to refresh all of your filters. That should fix the problem for you.

      Delete
  5. Thank you. Now I have 464 filters )))))))))

    ReplyDelete
  6. i can never get gmic to work it says missing a file

    ReplyDelete
    Replies
    1. Same problem here:
      >>
      Filters update from Internet (partially) failed !

      Unable to reach these filters sources :

      * http://www.greyc.ensicaen.fr/~dtschump/ronounours.gmic
      * http://www.tkfilter.bplaced.net/tomkeil.gmic
      <<

      ???

      Delete
  7. Cannot get enough of these invaluable tutorials.

    ReplyDelete
  8. Hi David,

    I've been comparing side by side, Photoshop CS6 and Gimp. I did Calvin Hollywood's technique in gimp and got 95% of the result.NO VIVID LIGHT
    NEEDED.

    THE PROCESS:

    Duplicate original,
    Desaturate,
    Duplicate(set blend mode to grain extract),
    Go filters - blur - Simple Bilateral (Gimp Registry),
    Apply (on a 2000 px wide pic)20 or 30 amount and 80 threshold,
    Merge down filtered layer with underneath layer,
    Duplicate (set blend mode to grain merge),
    Merge down (set blend mode to grain merge)(play with opacity).



    ReplyDelete
  9. Is it just me or it looks like HDR? Maybe good alternative of it?

    ReplyDelete
  10. Very interesting technique to make the image more lively! Thanks, Pat!

    ReplyDelete
  11. works great! thanks very much for spelling this out for us!!!

    ReplyDelete