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 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:

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:

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:

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):

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):

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):

Calvinize: Signature Techniques of Photoshop Artist Calvin Hollywood