gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 09:49 AM
    Need help: "correcting" exposures in time-lapse imagesets
  2. gimp-developer | today 06:14 AM
    GIMP color-management spec and further discussion
  3. gimp-user | yesterday 11:13 PM
    collages in gimp?
  4. gimp-developer | yesterday 07:07 PM
    Color management (UI perspective for GIMP 2.8)
  5. gimp-user | yesterday 02:42 PM
    printing

External news

Poll

Would you like to be able to use your Google/Yahoo/MSN (OpenID) login on gimpusers, too?

Definately! I would enjoy the possibility to use my OpenID on different websites!

I don't have a special need for OpenID but I think it could be useful

Doesn't matter to me

Never, OpenID is a pain regarding privacy and personal data protection!

No. (please post a comment)

See results

Stats

gimpusers.com RSS feed

RSS feed Retweet this!

07 Mar 2009 01:16 PM, by devvv (Bernhard Stockmann)

Creating an industrial-style wallpaper

This tutorial shows how to create a good-looking high-contrast industrial wallpaper. You can reproduce the tutorial with other images to bring your own style into it.

This article has been written using GIMP 2.6. It's divided into 16 steps and takes about 25 min to complete for an average user. 26831 times read so far. Category: Photos / wallpapers, required skill: 2 of 5

8 comments have been posted so far.

Available in other languages:

  1. 1
    In my case, I want to create the wallpaper for full HD resolution (1920x1200). So I create a new image with this size. If your screen has another resolution, use this one.

    When you have created the empty image, load the original image into the new one as a new layer: File / Open as layer

    Now the photo is on a new layer. In this example, I use the image "industrial_image.jpg" (see downloads above)
    Screenshot of step 1
    Click to enlarge
  2. 2
    (if the layer in the layers dialog is printed in bold font it indicates that the layer does not have an transparency channel - right click in the layers dialog and add one if needed)

    The aim of this step is to get a very nice high contrast black/white image of the cranes on my photo. We can do that using:

    - Colors / Components / Channel mixer

    We want to get a white background (which will be easily removed later), while our cranes on the picture shall be almost dark gray and black.

    First I checked "Monochrome" in the channel mixer. Next step is to play around with the red/green/blue channel values so that you get a walmost white background. The sky shall be white, and because it is blue in the original image I raise the values of the Blue channel until it is completely white.
    Screenshot of step 2
    Click to enlarge
  3. 3
    After applying the filter we have to manually remove some white parts (top left part of the image) that are still gray.

    - Use the eraser tool. Select a big brush (use the scale ruler in the preferences of the tool. max it!).
    - After that remove the remaining gray tones in the image.
    Screenshot of step 3
    Click to enlarge
  4. 4
    Next I move the parts of the photo to the right and to the bottom of the canvas.
    Screenshot of step 4
    Click to enlarge
  5. 5
    If you take a closer look to the image you'll see that there are still lots of different gray tones in the picture.

    The ULTIMATE tool to handle fine gray tones in an image is the "Levels" filter found in the "Colors" menu.

    - Colors / Levels

    In this filter you can see 3 little triangles. With these you can affect the light and dark tones of an image - in our case the bright and dark gray tones.

    Now I want to make the dark gray areas (of the cranes) even darker. To do that I move the left triangle a bit to the right. I also want to to affect the middle gray tones so that the become a bit brighter (move the mittle triangle to the left).

    the values should be: 40 | 1,9 | 255
    Screenshot of step 5
    Click to enlarge
  6. 6
    Now we've finalized the contrast. We created a high contrast black/white image.

    Next comes some more finetuning. We want to give the image a look more like a desktop wallpaper. So we've to remove some parts and enlarge the with a bit.

    - Use the free select tool (press F to select it). Now begin clicking to select the parts shown on the screenshot below. After reaching the first point click in it to complete the selection. After that press DEL on your keyboard to remove the selected parts.

    - Selection / None
    Screenshot of step 6
    Click to enlarge
  7. 7
    - Use the rectangle selection tool and select the part shown below.

    - Edit / Cut
    - Edit / Paste

    Then click the "New layer"-button in the layers dialog. Then the selected part will be on a separate layer but still at the same position as before.
    Screenshot of step 7
    Click to enlarge
  8. 8
    - use the Scale tool (use SHIFT+T to select the tool via hotkey). Click the part you just pasted on the canvas and move the left border to the very left of the canvas. That action scales the pasted part so that it fills the whole width of the image.
    Screenshot of step 8
    Click to enlarge
  9. 9
    Now move the part a bit to the right so that it fits with the layer below. There shoul'nt be a white room/line between these two layers. They need to fit perfectly.

    Right click this layer in the layers dialog: "Merge down". After that the pasted part is merged with the cranes-layers.
    Screenshot of step 9
    Click to enlarge
  10. 10
    - Now select the whole "water" part in the image using the rectangle select tool.

    - Colors / Levels: 0 | 1,35 | 140

    That action highers the contrast of the water part and makes the selected parts a bit brighter.

    - Selection / None
    Screenshot of step 10
    Click to enlarge
  11. 11
    In the next steps we're going to add a new very bright color to the background.

    - Colors / Color to transparency
    Screenshot of step 11
    Click to enlarge
  12. 12
    Choose fff7e8 as foreground color. Switch back to the background layer and select it in the layers dialog.

    - Edit / Fill FG-Color
    Screenshot of step 12
    Click to enlarge
  13. 13
    Now use the rectangle selection tool and choose a thin rectangle selection on the bottom of the canvas.

    - Add a new, transparent layer
    - FG-Color: 81003d.
    - Edit / Fill FG color (hotkey: CTRL+,)
    Screenshot of step 13
    Click to enlarge
  14. 14
    You can leave the line as it is. It overlaps the water area of the picture. But as you can see the whole thing is not too asthetically pleasing because the line is not in parallel with the water.
    To change it:

    - select the cranes layer. Use the rotate tool (CTRL+R). Use -0,6° or -0,7° and apply it.
    Screenshot of step 14
    Click to enlarge
  15. 15
    Now the whole thing looks much better. As a next step I add some more colored lines to the right of the screen. That should be easy using the rectangle tool and some more new layers).

    I've also tried to make one of these line connected with a small arrow. I've simply used the free select tool to cut the upper part of the line so that an arrow remains in the picture.
    Industrial style wallpaper (high contrast) - version 1
    Click to enlarge
  16. 16
    I've been experimenting myself a bit longer and used the brush dynamics to paint some circles into the picture. I'm not sure which one is looking better but you can post a comment on this issue below if you want ;)

    My initial image with the cranes is a free image from sxc.hu.

    I hope you enjoy the technique and you find it useful.

    tip on the circles: I created one circle on a sepearate layer, copied it and used this copy as a brush. Then I used a random size and a random opacity in the brush dynamics of the paintbrush tool together with a high jitter value to paint lots of the circle at once.
    Industrial style wallpaper (high contrast) - version 2
    Click to enlarge

This article is licensed under the following license: Attribution-Noncommercial 3.0 Austria

Links (pingbacks)

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.

Comments are chronologically arranged.

  1. http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html Wed 11 Mar 2009 04:42:09 AM CET Robert, 11 Mar 2009 04:42 AM

    wow very cool Devv, thanks!

  2. http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html Thu 12 Mar 2009 02:47:18 AM CET Jeremy, 12 Mar 2009 02:47 AM

    One of your many great tutorials

  3. http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html Thu 12 Mar 2009 11:04:11 AM CET salvatore, 12 Mar 2009 11:04 AM

    nice idea! I'm going to make one in that style :)

  4. http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html Thu 12 Mar 2009 05:06:04 PM CET Rambo Tribble, 12 Mar 2009 05:06 PM

    An interesting approach, but you may have gotten close to the same result quicker using a levels mask.

  5. http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html Fri 13 Mar 2009 12:52:08 PM CET Stephen, 13 Mar 2009 12:52 PM

    Great tutorial, makes me want to take a crack at this when i get home.

  6. http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html Sat 04 Apr 2009 01:37:23 AM CEST Anonymous, 04 Apr 2009 01:37 AM

    Simply amazing. Good job. It kind of reminds me of the Handlebars music video by Flobots :)

  7. http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html Tue 02 Jun 2009 08:18:13 PM CEST Abyadi Zohri, 02 Jun 2009 08:18 PM

    Great art :)
    Thank you for posting.
    Permission to save this page, I want to try it at home.

    Abyadi Zohri, Indonesia.

  8. http://www.gimpusers.com/tutorials/creating-an-industrial-wallpaper.html Tue 02 Jun 2009 10:55:44 PM CEST devvv, 02 Jun 2009 10:55 PM

    permission granted ;)

Registered users can log in (top right of the page) to use their profile name to post comments, request email notification on new comments and attach images (e.g. their versions of the effect) to their postings.

Are you human?

Adobe® Photoshop® is a registered trademark of Adobe Systems, Inc. Linux is a trademark of Linus Torvalds. Ubuntu and Canonical are registered trademarks of Canonical Ltd. | Clock times are shown as CET / CEST | Imprint / Privacy policy | powered by bitfire it services