Gaussian Blur Overlays

Text and images Copyright (C) 2002 Eric R. Jeschke and may not be used without permission of the author.

Intention

before after

In this tutorial I’ll show you how to do gaussian blur overlays using GIMP. This is an interesting technique that intensifies and saturates the colors in the image, increases contrast, and adds a slightly hazy, “dreamy” feel to the image.

The basic technique is to create a duplicate layer in the image, lighten it and blur it, and combine it using a layer mode with the original.

Giving credit where credit is due: I did not come up with this method. I adapted it for GIMP from a Photoshop tutorial on the luminous-landscape.com web site (great photography web site BTW; I recommend it).

The Procedure

image-original.jpg

Here is the original example image, loaded into GIMP.

Step 1

layers1.jpg layers2.jpg

Open the Layers dialog (if it is not already open, it can be accessed through: Windows → Dockable Dialogs → Layers). Right-click on the Background layer and select Duplicate (there is also a button for this in the bottom button bar of the Layers dialog (layerdup).

Step 2

editlayerattr.jpg layers3.jpg

Now double-click on the duplicate layer and rename the new layer “Blur Overlay”. This step is not strictly necessary, but it is helpful to prevent confusion about what is on each layer, especially if you add some additional layers for other editing purposes, or more importantly, if you save the file with layers and open it six months later.

Step 3

layers4.jpg
levels.jpg image-overlay.jpg

In the Layers dialog, select the Blur Overlay layer. In the “Mode” drop-down box, select “Overlay”. Now go back to the image window and apply a Levels ( Image -> Colors -> Levels) or Curves ( Image -> Colors -> Curves) and adjust it until the overall image has the proper brightness. You’ll usually find it necessary to adjust the gamma slider (middle slider in Levels) down. You are only adjusting the upper layer, but you are viewing the cumulative effect of the layer blend.

Tip: If you don’t get a good effect with Overlay mode, try Multiply mode (you can even change this while the Levels dialog is active).

Tip #2: while the Levels dialog is active you can toggle visibility of the upper layer to see the original image and compare to the blend. Just click on the “eye” next to the upper layer.

Step 4

gaussblur.jpg image-overlay-blur.jpg

Go back to the image window and right click, selecting Filters -> Blur -> Gaussian Blur. You will need to experiment to find the best value, but typically a value between 10 and 30 will do nicely.

Voila! If you don’t like the effect, you can undo the blur (Ctrl+Z) and redo it (Shift+Alt+F) with a different value.

Click on the “eye” next to the Blur Overlay layer in the Layers dialog to rapidly compare the image with and without the overlay. Similarly, turn off the Background layer if you want to view the overlay to do further work on it.

Tip: Protecting Highlights with a Layer Mask

Although I like the effect, there is one problem with this technique and that is that it also increases contrast: the shadows get darker and the highlights get lighter.

You might be able to apply a contrast mask to counteract this effect, but in most cases it is the highlights that are the most troublesome in that they have lost detail. Fortunately we can apply a simple extension to the above technique to protect the highlights.

Step 5

layers-duplicate.jpg

Duplicate the image (Ctrl+D). Flatten the duplicate ( Layers -> Flatten Image).

Step 6

threshold.jpg image-threshold.jpg

In the duplicate, run a threshold filter ( Image -> Colors -> Threshold).

In the threshold histogram, click and drag to the right to select all the pixels at the upper end of the scale. Retry or adjust the selection using the number controls in the dialog box until the display shows most of the pixels you want to preserve as white and all the rest black.

You only need to approximate this, since we’re going to clean up the mask anyway.

Step 7

image-threshold-marqueeselect.jpg
gaussblur2.jpg image-threshold-blur.jpg

To clean up the mask, I switched to the paintbrush (paint), hit “x” in the mask image to switch the foreground and background colors (Black/White to White/Black), selected a nice opaque brush in the Brushes dialog and painted the few pixels of the sky white that hadn’t been turned white (the darkest parts of the clouds).

Now the black parts. I switched the fg/bg colors back to (Black/White). I could have painted black all over the lake, but I had a faster idea in mind. I used the marquee selection tool (selectrect) to select the whole area and then using the fill tool (fill) I just clicked in the selection to fill it black in one fell swoop.

I then “feathered” the mask so that it will blend the layers without a harsh transition by applying a 6 pixel gaussian blur to the mask.

Step 8

image-threshold-blur-invert.jpg

Invert the mask ( Image -> Colors -> Invert), so that the white parts correspond to the parts of the combined layers that you want to keep and the black parts correspond to the parts that should only reflect the original image (the highlights).

Step 9

addmaskoptions.jpg layers5.jpg
layers6.jpg layers7.jpg

Go to the Layers dialog. Select the overlay blur image in the “Image” drop down box (if it is not selected already).

Right-click on the Blur Overlay layer and select Add Layer Mask. In the Add Mask Options dialog, select White (Full Opacity) and click OK.

Now go back to the blurred threshold image, select all and copy (Ctrl+A then Ctrl+C). Go back to the overlay blur image and paste (Ctrl+V). Go to the Layers dialog and click the anchor button (anchor) to anchor the mask.

Tip: Ctrl-click on the layer mask icon in the Layers dialog to toggle the effect of the layer mask to compare the image with and without the highlight mask.

Step 10

image-original.jpg
Original
image-final.jpg
Final

Here’s the result. Compare to the original image. I would flatten and apply a smart sharpening (edges) to finish it out.

Tips

  • Try other layer blending modes. “Multiply” often works well, but creates an even darker image than “Overlay”; you may have to really crank up the levels on the upper layer. One nice thing about Multiply is that you probably won’t need the highlights mask. “Screen” has a milder effect than either “Overlay” or “Multiply” and will generally just intensify the colors/saturation. You may not want to lighten the upper layer at all, or perhaps even darken it. Experiment to see what effects you can get.

Other Examples

example2-before.jpg example2-after.jpg

Using “Multiply” for the blending mode. (Final image on the right)

example3-before.jpg example3-after.jpg

Using “Overlay” for the blending mode, plus a highlight mask for the sky and waterfall. (Final image on the right)

The original tutorial used to appear on gimpguru.