Sign up now! · Forgot password?
RSS/Atom feed identi.ca Twitter

Tutorial: Infrared / Monochrome Effect

Written by · Created on Dec 11, 2007, last updated over 3 years ago CC BY-NC License

Motivation

Black/White or Monochrome effects on pictures are evergreens in image manipulation and picture presentation. Also some speak of the so called infrared-effect which is just a special adjustment of the graytones.

Tutorial details

  1. 1

    Before you start: Because all pictures look different you can not use this tutorial 1:1 for any picture in the same way. You can only do it ecxactly like me when using my picture (download from the right).

    Ok, let’s go. Open up your image in GIMP. Duplicate the background layer 2 times and click the eye symbol of the duplicates to make them invisible. If something goes wrong you still have the original image.

  2. 2

    The effect that I’m trying to do now is also commonly known as the “infrared effect”.

    Why infrared you ask? In the past and in the analog photography times the photographer put an infrared filter before the camera. The picture then got an extraordinary contrast of the blacks and whites and the photo looked somehow surreal. Why surreal? Thats because the infrared filter sees and records colors that cannot be seen by the human eye.

    Ok lets continue with the effect. Click the visible background layer in the layers dialog to activate it. First we have to better the quality of the picture. You don’t have to do this when you have a good picture. But if you zoom into my picture at 300% and look at the clouds you can see the noise. Thats what we eliminate now.

  3. 3

    Use the free selection tool and make a selection around the clouds in the middle. After that go to Selection / Feather: 75px.

  4. 4

    Next go to Filter / Enhance / Despeckle. (1 / -1 / 256). Check both checkboxes.

    We’ve get rid of the most noise now.

  5. 5

    Next we further enahance the picture quality by using Filter / Blur / Selective Gaussian Blur: 10px / MAx.Delta: 13. That should be enough to get a smooth transition / fading.

    Selective Gaussian Blur maintains contures and sharpness while blurring only areas of very similar color. So thats perfect for clouds.

  6. 6

    Selection / None.

    All preparations are done, no we’re going to simulate the infrared-effect. There are LOTS of ways to get different grayscale images. So it is not always clear which one to use. If you really want nice and aesthetic looking images you should consider the most comfortable method: the channel mixer.

    basic things so that you understand how that all works: Every picture in the RGB-Color-Model consists of 3 colors: Red, Green and Blue. These together result in the final color image. You can see these 3 colors by looking into the Channels-Tab (Dialogs / Channels).

    To do very good image enhancements and editing many professionals just only work on one of these channels to not affect the others. For removing noise you would i.e. work on the green or blue channel, to adjust contrast you would work mostly in the red channel. We are editing these channels now by using the Channel Mixer.[/i]

    Change back to the layers dialog now.

  7. 7

    Pretty well hidden, the channel mixer can be found under Colors / Components / Channel Mixer. Click the “Monochrome”-Button to the bottom of the dialog.

    Look at my screenshot to see the values i used. Important: Try it yourself! Have the information I told you in the last step in your mind while you move the sliders of each channel.

    Note that you normally should not get plain white or black areas. When doing this you would loose detail (and image/pixel information) in your picture.

  8. 8

    Our infrared-like image is done now ;) That was easy!

    Now if you’re interested: Comprae our created grayscale image with another one you only applied the Colors / Desaturate-Filter on. The difference looks pretty cool!

  9. 9

    Ah, another thing: You can easily get colors back into play – that looks cool too!

    In the shot below I made a copy of the original background visible, set the opacity/transparency slider to 35% and the layers mode (in the layers dialog at the very top) to Color.

  10. 10

    And here we go with the well known “dream”-effect for which the infrared-effect is also a very good basis:

    From step 9: duplicate the gray layer, apply Filter / Gaussian Blur to it (between 20px – 40px. this varies and depends on the size of your picture). then go to Colors / Color Balance and choose a color of your choice – this is the dreamy color – then set the layers mode to “Screen”.

    Optional: you can duplicate this layer again to strengthen the effect.

    I used these color balance values:

    Shadows: 40 / -10 / -30
    Mids: 30 / 15 / -30
    Highlights: -30 / -30 / -30

    Done!

  11. 11

    Here’s another grayscale image with this technique.

  12. 12

    … and a last one! Hope you enjoied the tutorial!

  13. 13

    Clouds give the the effect a very nice depth! Have fun by doing this on your own.

Comments

Post your own comments, questions or hints here. The author and other users will see your posting and can reply to it.

Of course, you can also ask in the chat.

Subscription management

Please log in to manage your subscriptions.

*

As a registered user, you can rate articles and comments, attach files to comments, subscribe to topics and you don't need to solve CAPTCHAs anymore.

*…optional

hannes61 member for over 3 years hannes61 11 comments
about 3 years ago

very cool. i have to try.

Camilla
over 3 years ago

I'm not getting the vivid colors in Step 9 either. It's way more dull, even when try to duplicate the color part. Any advice?

photo manipulation
over 4 years ago

Good tutorial.
Thanks.

Regards,
http://www.sblgraphics.com/photo-manipulation_service.aspx

richard member for about 5 years richard 2 comments
almost 5 years ago

I would just like to thank you for sharing with us your skills and projects very insperational and something to aspire to ric w NZ

devvv member for over 7 years devvv 1390 comments
about 5 years ago

don't know - its a free image. there was no info on how where this was taken, sorry...

Felix Lukas
about 5 years ago

Where is that place? It's so beautiful! *_*

Marko
about 5 years ago

I don't know what I do wrong, I think I follow it correctly, but in step 9 there is no way that I get such vivid colors and such contras. Yes I set the color layer "color".

renbravan member for over 5 years renbravan 1 comment
over 5 years ago

When I open these tutorials none of the associated images appear, just text. I have not had this happen when I view tutorials from other sites. I am using Windows Vista.

Robert
about 6 years ago

Thanks the final result or dreamy effect it's great!