15 July 2008

Steampunk photography - a GIMP tutorial

The other day I asked for a steam engine in Bucharest to which I can take a photo and I received the best next thing: a Free photo which I can use, thank you Kevin! So I don't have to go with the plan B (which involved shooting myself a toy train and adding fog/steam myself with GIMP). Now I can proceed to writing a GIMP tutorial about turning a regular photo intro "steampunk photography" effectively photos that would fit my Gears theme proposal for Fedora 10. (note: those photos are intended as additional graphics, not as a default wallpaper, I am not a big fan of photographic wallpapers as default and I can see no way of adding some blue to it, to make it look like Fedora).

Those familiar with my graphic tutorials probably know that I use to address the beginners, showing some techniques as simple as possible (and only pre-built filters), followed by some pointers about advanced usage and also letting it open, with a lot of optional steps and alternative ways, so I will try to do the same this time.

For beginners

So what's more appropriate for a steampunk photo than a steam engine? Nothing... so I got a steam engine photo (thanks again Kevin!) and opened it into GIMP and applied all the basic operations (crop to take out the unneeded parts and focus to the subject, adjusted the colors resized to decrease the file size and sharpened to compensate for the resize) and got it decent looking:

[steam engine]


The I applied the Old Photo filter (Filters > Decor > Old Photo), where I decreased the border size a bit (for my image size the default value was a bit too large). After reading the next steps, decide if you want to let Defocus on (I let it on, as it is the default):

[steam engine] [steam engine]


And instantly we have an old looking photo:

[steam engine]


We can leave it as it, looking old (150 year old?). But what I want is a steampunk image, like we are living in an alternate reality without electronics, and the photo was just taken yesterday with steampunk technology. So I made it more vivid by adjusting the color curves:

[steam engine]

[steam engine]


And the defocus option in applying the filter was a nice touch in making the photo look old, but I want to experiment with taking it into the opposite direction and apply a heavy sharpen:

[steam engine]


For a result I find interesting:

[steam engine]


Now going over the top, add a few coffee stains (Filters > Decor > Coffee Stain) to the photo (accident happens with old photos). The stains are drawn randomly, so try a few times until you get something you like:

[steam engine] [steam engine]


And the final result, which we obtained only with pre-built effects:

[steam engine]


Beyond the basics

Sure, applying the sepia effect automatically was easy, but with manual control we can get something much better (I think), so let's redo that step manually, like pros.

Back to the initial (color) photo. Turn it into black and white (a quick way is to desaturate it - Colors > Desaturate, but you can also use convert to grayscale and then back to RGB).

[steam engine] [steam engine]


The result is as expected, black and white:

[steam engine]


Now select a light brown as foreground (painting) color, add a new layer, fill it with that light brown. Optionally rename the layer "sepia" to help you identify it.

[steam engine] [steam engine]


Add a Layer Mask to the brown layer and leave it white (full opacity):

[steam engine] [steam engine]


Now go to the background (photo) layer, select everything, go back to the sepia layer, select its mask and paste (paste into the mask, not into the image layer). Anchor the selection.

[steam engine] [steam engine]


The result will look funny, but do not get scared:

[steam engine]


Just change the layer mode from "Normal" to "Color":

[steam engine]


And you will have a good looking sepia image (now we can merge the layers):

[steam engine]


If we want a border we can add it using the Fuzzy Border filter (Filters > Decor > Fuzzy Border), just take care to select a good color for it (use the color picker and take a sample from the picture) and a good size:

[steam engine] [steam engine]


And the result is something like this:

[steam engine]


If you want to defocus add a little Gaussian Blur or if you want to go the opposite way just sharpen it:

[steam engine]
[steam engine]


And also you can play with the Color Curves:

[steam engine]


What's next?

I think it would be interesting to experiment with Steampunk Portraits, that is, changing people photos to show like from a steampunk universe, but those are (at leas for me) more difficult: I need props - clothing, accessories, facial hair, etc.

11 comments:

  1. WOW! Great post, I'm not the artsy type, but I decided to apply some of the stuff on a photo of me from graduation.

    Original: http://dev.nigelj.com/IMG_2356.JPG
    Looking like I should be about a hundred and thirty now: http://dev.nigelj.com/oldme.jpg
    Sepia: http://dev.nigelj.com/sepiame.jpg

    Going to try a couple of pictures from ages ago now.

    ReplyDelete
  2. Good stuff nigelj. Now how about applying some texture tot that sepia image? (filters > artistic > apply canvas, with a small value, like 2)

    ReplyDelete
  3. Yeah, done that, makes it look a bit nicer http://dev.nigelj.com/sepiame-canvas.jpg

    ReplyDelete
  4. And now you can play as a GIMP wizard in front of your friends :p

    More seriously, what I like at the sepia effect it that eliminated some flaws in your original photo, which was a bit too red (red eye effect, red cheeks). It would need massive GIMP intervention to correct it (and maybe can't be done perfectly without airbrushing) but make it sepia and all is fine.

    ReplyDelete
  5. That was a great post. I always love to learn how to do more things with Gimp. I'd really love to learn more about using masks, etc.

    ReplyDelete
  6. Nice. Posted link at D-A-L Computer Help in Linux Section.

    ReplyDelete
  7. Nice. Posted link at DAL Computer Help , Linux section.

    ReplyDelete
  8. Very good, amazing as always.

    Congratulations!

    ReplyDelete
  9. This was awesome! Got some really great results with both methods.
    meetthegimp.org also has some great video podcasts for learning how to use gimp.

    ReplyDelete
  10. Nice. I'd never edited anything beyond the initial "Old Photo" script. I wonder what this photo would also look like if you treated it with some of the sepia toning techniques on GimpGuru? Great job!

    ReplyDelete
  11. Excelent!

    Fábio Nogueira
    Salvador - Bahia - Brazil

    ReplyDelete