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 Jul 2007 01:13 AM, by devvv (Bernhard Stockmann)

Generate a cool tech pattern

Someone often needs a cool pattern that can be used for a forum signature, a banner, a wallpaper or something else. This simple technique shows you how to make such "tech" pattern.

This article has been written using GIMP 2.3.10. It's divided into 6 steps and takes about 5 min to complete for an average user. 33163 times read so far. Category: Simple effects, required skill: 1 of 5

16 comments have been posted so far.

Available in other languages:

  1. 1
    File / New: 500x300px. You can just work on the background layer. The color is irrelevant for this. Filter / Render / Coulds / Plasma. Choose any values.
    Screenshot of step 1
    Click to enlarge
  2. 2
    Filter / Blur / Pixelize: X:10 | Y:10
    Screenshot of step 2
    Click to enlarge
  3. 3
    Filter / Map / Bumpmap and enter the values of image below:
    Screenshot of step 3
    Click to enlarge
  4. 4
    You should get something like this:
    Screenshot of step 4
    Click to enlarge
  5. 5
    Next apply: Filter / Edge-Detect / Edges:

    Algorithm.:Roberts
    Amount: 2
    Wrap
    Screenshot of step 5
    Click to enlarge
  6. 6
    You can of course apply Colors / Brightness & Contrast to get some personal fine tuning. And also consider Filter / Enhance / Sharpen which looks cool too if you sharpen the image a bit.

    Below you see 3 different versions of this and how it could look like!
    Screenshot of step 6
    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/tech-like-background.html Sat 07 Jul 2007 08:29:44 AM CEST weirdpeople, 07 Jul 2007 08:29 AM

    nice thats a great tutorial and easy too :-)

  2. http://www.gimpusers.com/tutorials/tech-like-background.html Mon 23 Jul 2007 10:24:48 PM CEST Nazomie, 23 Jul 2007 10:24 PM

    great job love this tutorial, it really helps ^_^ thnx

  3. http://www.gimpusers.com/tutorials/tech-like-background.html Sun 09 Sep 2007 05:33:34 PM CEST halozmatt, 09 Sep 2007 05:33 PM

    that's pretty cool.
    here's my results hehe.

  4. http://www.gimpusers.com/tutorials/tech-like-background.html Sun 09 Sep 2007 05:35:27 PM CEST halozmatt, 09 Sep 2007 05:35 PM

    that's awesome....


    Click to enlarge

  5. http://www.gimpusers.com/tutorials/tech-like-background.html Mon 10 Sep 2007 02:14:19 AM CEST halozmatt, 10 Sep 2007 02:14 AM

    teh ownage i made one for a friend with same as mine, but then i undid it all and did the inverse of color balances ^_^


    Click to enlarge

  6. http://www.gimpusers.com/tutorials/tech-like-background.html Mon 10 Sep 2007 11:29:12 AM CEST devvv, 10 Sep 2007 11:29 AM

    nice combination of thiose two tutorials ;)

  7. http://www.gimpusers.com/tutorials/tech-like-background.html Tue 11 Sep 2007 01:38:22 AM CEST halozmatt, 11 Sep 2007 01:38 AM

    eh...thank you very much, i'm actually EXTREMELY new to 'the gimp' but eh, in 3 days just searching on gimpusers and gimp-tutorials, etc...gives you so much knowledge that it's actually educational, and the reason i've been doing it so much is because, lately...my internet has like been relly slow so i can't play halo lol...anyways thanks, friends ^.^?

  8. http://www.gimpusers.com/tutorials/tech-like-background.html Wed 16 Apr 2008 05:45:36 PM CEST LordEimer, 16 Apr 2008 05:45 PM

    if you pixelize the result again with
    a smaller pixel-size, blur again, detect egdges again and overlay this with the first result you can get something like this


    Click to enlarge

  9. http://www.gimpusers.com/tutorials/tech-like-background.html Wed 16 Apr 2008 06:05:18 PM CEST devvv, 16 Apr 2008 06:05 PM

    that looks pretty cool, i really like it ;)) thanks for posting this

  10. http://www.gimpusers.com/tutorials/tech-like-background.html Sat 19 Apr 2008 12:06:24 PM CEST LordEimer, 19 Apr 2008 12:06 PM

    also works great as a text effect


    Click to enlarge

  11. http://www.gimpusers.com/tutorials/tech-like-background.html Fri 06 Jun 2008 04:44:27 PM CEST Ozzy8, 06 Jun 2008 04:44 PM

    LordEimer: OH GOD! how to do that? :)

  12. http://www.gimpusers.com/tutorials/tech-like-background.html Fri 06 Jun 2008 07:14:51 PM CEST LordEimer, 06 Jun 2008 07:14 PM

    It's been a while since I created this one, so I don't remember every step. But if you follow this, you should create something like it.

    1) create a b/w Text layer (b text)(ca 1000x500)
    2) create a clouds layer, set blend mode to lighten
    3)merge layers
    4)pixelize ( ca 12,text should still be readable)
    5) blur ( 3px)
    6)detect edges (roberts)
    7)rescale image ( 2000x1000)
    8) duplicate layer
    9)set top layer blend mode to screen
    10)pixelize 5 px (top layer)
    11)blur 1 px (top )
    12) detect edges (sobel)(top) layer
    13) merge layers, add colors and scale down again

    i hope this helps, perhaps you can figure out on your own how to improve it.

    Lord Eimer

  13. http://www.gimpusers.com/tutorials/tech-like-background.html Fri 06 Jun 2008 07:16:26 PM CEST LordEimer, 06 Jun 2008 07:16 PM

    6 weeks is a while btw if yu don't write down what you do^^

  14. http://www.gimpusers.com/tutorials/tech-like-background.html Tue 10 Jun 2008 12:42:25 AM CEST halozmatt, 10 Jun 2008 12:42 AM

    May i ask to put this on GimpDome?

  15. http://www.gimpusers.com/tutorials/tech-like-background.html Wed 12 Nov 2008 08:24:53 PM CET ryan, 12 Nov 2008 08:24 PM

    Nice and quick. thanks!

  16. http://www.gimpusers.com/tutorials/tech-like-background.html Sun 13 Sep 2009 12:19:17 AM CEST Kyra10987, 13 Sep 2009 12:19 AM

    The Edge Detect screwed mine up, so I used Filters<Edge Detect< Laplace

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