gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 04:41 PM
    Enlarge Canvas: Is there a way to do it by dragging? Could/Should there be?
  2. gimp-user | today 03:45 PM
    Quick compiling question
  3. gimp-developer | today 03:41 PM
    GIMP distributing sRGB profiles: license issues?
  4. gimp-developer | today 12:23 PM
    [PATCH] OpenRaster: optimize PNG saving
  5. gimp-user | today 05:38 AM
    Text tool options menu, where is it?

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!

01 Aug 2009 11:45 PM, by devvv (Bernhard Stockmann), translated to English by redforce (Richard H.)

Creating architect/grunge style wallpaper

You will learn to create a wallpaper that is a mix of "grunge" and "architect style".

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

2 comments have been posted so far.

Available in other languages:

Files you need if you try this tutorial:

  1. 1
    Preparations: .abr files are Photoshop brushes, but GIMP can read them too. Install the two brush packages from above (= download, copy to GIMP's brushes folder and restart GIMP). I have got them from deviantart.com.
  2. 2
    At first we create an empty image with 1440x900 px size and white background. Then we need a good-looking grunge background. Choose some random installed brushes and scale them to 4,00. Important: Set the brush drawing opacity to 15% to achieve a unified look.

    Then apply the brushes. Use the grunge brushes of KeReN-R first.
    Screenshot of step 2
    Click to enlarge
  3. 3
    Click on the working area a few times, each time a little bit shifted. Let your fantasy flow ...
    Screenshot of step 3
    Click to enlarge
  4. 4
    ... a little more ...
    Screenshot of step 4
    Click to enlarge
  5. 5
    Now use the abstractvsgrunge2_byalias brushes. Go on and apply some of the brushes to the image. Maybe you want to scale the brushes down again to create some sharp details.
    Screenshot of step 5
    Click to enlarge
  6. 6
    Now we adjust the image's contrast so that there are more medium shades of gray.

    - Colors / Brightness-Contrast: -25 | -20
    Screenshot of step 6
    Click to enlarge
  7. 7
    Now we colorize this background:

    - Colors / colorize: see screenshot values
    Screenshot of step 7
    Click to enlarge
  8. 8
    Then we add some more bright and dark details:

    - Foreground color: choose 877c00
    - New transparent layer: Set layer mode to "Addition".
    - Select a detailled brush: Paint with 40% opacity (Pinseldeckkraft) onto the layer to bring even more details into the image.
    Screenshot of step 8
    Click to enlarge
  9. 9
    Create 2 guides:

    - Image / Guides / New Guide in %: Horizontal 38%.
    - Image / Guides / New Guide in %: Vertical 62%.
    Screenshot of step 9
    Click to enlarge
  10. 10
    - New transparent layer.

    Select the "Pencil Tool" and paint straight lines along the guides using the Circle (5) brush.

    Set the layer mode to "Overlay" and the opacity to 65%.
    - View / Guides (deselect).
    Screenshot of step 10
    Click to enlarge
  11. 11
    - Create a new layer.
    - "Ellipse Select Tool": Settings => "Fixed: Size" and enter "600x400"
    - Create the selection.
    - Select / Feather: 300px.
    - Press "D" to set the default colors black/white.
    - Hit Ctrl+"+" to fill the selection with black color.
    Screenshot of step 11
    Click to enlarge
  12. 12
    Use the "Rectangle Select Tool" to clip the left part of the circle.

    Move the cut selection to the vertical line.
    -Opacity: 80%.
    Screenshot of step 12
    Click to enlarge
  13. 13
    Now we have to bring in the "architectural style". For this reason, I used an image from sxc.hu. I have already prepared the image (originally, the plans lay on a table and I have changed the perspective to make them even).

    - File / Open as Layers: "plans_blueprints.png".
    Screenshot of step 13
    Click to enlarge
  14. 14
    Move the layer a bit to the right side. Choose a part you like and clip overlaying parts so that the plan parts are only visible in the right part (which is bounded by the shadow).
    Screenshot of step 14
    Click to enlarge
  15. 15
    - Set the plan's layer mode to "Grain merge".
    Screenshot of step 15
    Click to enlarge
  16. 16
    The next step is to narrow the middle part some more and thus create some focus.

    - Create a new layer
    - Select a thin part on the top and a think part on the bottom and fill the selection with black.
    Screenshot of step 16
    Click to enlarge
  17. 17
    - Create another new layer
    - Select 2 bands (stripes) again - new within the black bands and fill them with the color 555555.
    Screenshot of step 17
    Click to enlarge
  18. 18
    Now the text:

    - Write "001 ··· 002 ··· 003 ··· 004 ··· 005 ··· 006 ··· 007 ··· 008 ··· 009" with a fat font, size 55, black onto a layer.

    - In the Layers window, move the layer directly above the background layer with the texture. Opacity: 25%, layer mode: Divison.
    - Clone this text layer and reduce the font size. Opacity to 35%, layer mode to Overlay.
    Screenshot of step 18
    Click to enlarge
  19. 19
    - Write "Architectural" and "Dream" (black text color) onto 2 separate new layers and arrange the blocks like this:
    Screenshot of step 19
    Click to enlarge
  20. 20
    - Apply Filters / Enhance / Sharpen: 70 to the background layer. Now it's finished!
    Screenshot of step 20
    Click to enlarge
  21. 21
    Here are some variants in other colors:
    Screenshot of step 21
    Click to enlarge

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

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/architect-grunge-wallpaper.html Sat 15 Aug 2009 08:20:59 PM CEST prairiekittin, 15 Aug 2009 08:20 PM

    Changed a couple of things. Here is my result


    Click to enlarge

  2. http://www.gimpusers.com/tutorials/architect-grunge-wallpaper.html Sun 20 Dec 2009 03:34:34 PM CET Karti, 20 Dec 2009 03:34 PM

    Many thanks, showed me a lot of great techniques :)

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