gimpusers.de-Logo
Deutsche Version Englische Version

Nicht angemeldet

Registrieren! | Passwort vergessen?

CSS Pur! Ultimative Weblösungen mit Stil!

Gestaltet ein cooles Werbeplakat!

7. Gewinnspiel — Einsendungen von 8.Juli bis 2. August 2010.
Mehr Infos (News)
Übersicht und Details
Uploadet hier ab 8.Juli

Aktuelle Diskussionen (gimpforum.de)

  1. gimpforum.de | gestern 18:55
    Puppet warp für Gimp?
  2. gimpforum.de | gestern 18:23
    Bild als Formvorlage??
  3. gimpforum.de | gestern 12:52
    Kann Gimp aus 2 Bildern eine Animation(die Zwischenbilder berechnen) ertsellen?
  4. gimpforum.de | 30. Jul 2010 21:45
    Gesuch Free Grafiker gesucht -> Herrausforderung
  5. gimpforum.de | 30. Jul 2010 00:58
    Bild mit Farbmaske versehen

Aktuelle Forumsbeiträge (englisch)

Die Beiträge stammen aus den englischen Foren. Ihr könnt jederzeit zurück zur deutschen Version, indem ihr auf die deutsche Flagge ganz oben klickt.

  1. gimp-developer | gestern 23:40
    Plugged-in tools
  2. gimp-developer | gestern 23:22
    html layers
  3. gimp-developer | gestern 21:26
    Please fix Color and/or Value transfer mode
  4. gimp-user | gestern 15:15
    PDF editing in Gimp
  5. gimp-docs | gestern 15:12
    Where does the HTML documentation

Neuigkeiten von Dritten

Umfrage

Was haltet ihr von der Einbindung sozialer Netzwerke in Webseiten?

Finde ich sehr gut, es bringt die Nutzer zusammen

Für Communities macht es Sinn (Nachrichten über Twitter, Facebook-Gruppen usw), für andere Seiten nicht

Ein Hype, der bald wieder aufhören wird

Sowas macht mir Angst (Datenschutz, Privatsphäre, ...)

Anderes (bitte posten)

Ergebnisse ansehen

Zahlen

gimpusers.de RSS-Feed

RSS-Feed Retweet this!

11. Feb 2008 21:34, von devvv (Bernhard Stockmann)

Futuristischer Tech-Style

Einen simplen Effekt der ein wenig techmäßig ist haben wir ja bereits. In diesem Tutorial wollen wir mal ein etwas anderes, helleres Tech-Style-Muster erzeugen. Verwendbar sicher gut für Signaturen, Hintergründe und allem wo man mal ein abwechslungsreiches Muster braucht. Viel Spaß damit!

Verwendete GIMP-Version: 2.4.4. Das Tutorial ist in 9 Schritte unterteilt; ein durchschnittlicher Benutzer benötigt dafür ca. 10 min. Bisher 19710 Mal gelesen. Kategorie: Simple Effekte, Schwierigkeit: 1 von 5

27 Kommentare wurden bisher geschrieben.

In anderen Sprachen:

  1. 1
    Legt ein 640x480 Pixel großes Bild an. Der Hintergrund ist weiß. Nun geht ihr auf Filter / Render / Wolken / Plasma.

    Werte: 10000, Turbulenz: 7.
    Screenshot of step 1
    Zum Vergrößern klicken
  2. 2
    Geht auf Farben / Entsättigen: Helligkeit und drückt OK.
    Screenshot of step 2
    Zum Vergrößern klicken
  3. 3
    Jetzt kommen wir zu dem Punkt der unserem Muster seine Besonderheit verleiht. Wir benutzen den Filter Erweitern (Filter / Allgemein / Erweitern), ein sehr einfacher Filter der nichts tut außer die dunklen Gebiete im Bild zu verkleinern bzw die hellen hervorzuheben. (Achtung: Laßt euch nicht durch die Schnell-Beschreibung irreführen wenn ihr über dem Filter bleibt, diese ist meiner Meinung nach derzeit - in Gimp 2.4.4 - falsch).

    Wendet diesen Filter an. Danach wiederholt ihr den Filter mit STRG+F etwa 30 mal.
    Screenshot of step 3
    Zum Vergrößern klicken
  4. 4
    Geht auf Filter / Abbilden / Nahtlos machen. Dadurch wird unser Muster perfekt kachelbar.
    Screenshot of step 4
    Zum Vergrößern klicken
  5. 5
    Schärft das Bild um die Kanten hervorzuheben: Filter / Verbessern / Schärfen: etwa 85 nehmen.

    Gebt dem Bild nun Farbe:

    Farben / Farbabgleich:

    Schatten: -50 | 30 | 30
    Mitten: 0 | 30 | 50
    Glanzlichter: -65 | -40 | 20
    Screenshot of step 5
    Zum Vergrößern klicken
  6. 6
    Wenn ihr nah ranzoomt seht ihr nun evtl Farbabstufungen die durchs Schärfen entstanden sind.
    Screenshot of step 6
    Zum Vergrößern klicken
  7. 7
    Wir entfernen diese indem wir Filter / Weichzeichner / Selektiver Gaußscher Weichzeichner anwenden:

    Werte 5 / Max Delta 13.
    Screenshot of step 7
    Zum Vergrößern klicken
  8. 8
    Jetzt wollen wir noch die geschräften Kanten etwas leuchten lassen, damit das ganze auch schön futuristisch aussieht.

    Zoomt wieder auf 100% oder drückt einfach auf "1".

    Klickt auf den "Ebene duplizieren" Button im Ebenen-Dialog oder ihr drückt einfach den Hotkey: STRG+SHIFT+D.

    Am Duplikat wendet ihr Filter / Weichzeichnen / Gaußscher Weichzeichner an. Wert: 10.

    Stellt den Ebenenmodus (oberhalb des Deckkraft-Reglers im Ebenendialog auf "Nur aufhellen").
    Futuristischer Tech Style
    Zum Vergrößern klicken
  9. 9
    Das wars! Das (softere) Ergebnis sieht so aus (linkes Bild).

    Option 1: Wenn ihr die Kanten noch mehr hervorheben wollt könnt ihr zB auf der Hintergrundebene nochmals Verbessern / Schärfen mit Wert 40/50 anwenden. (siehe mittleres Bild)

    Option 2: Wenn ihr dann noch etwas weniger Leuchtstärke haben wollt, legt ihr über allen Ebenen eine komplett schwarz gefüllte Ebene an und stellt den Ebenenmodus auf "Überlagern". (siehe rechtes Bild).
    Futuristischer Tech Style - Übersicht
    Zum Vergrößern klicken

Dieses Werk unterliegt folgender Lizenz: Namensnennung-Keine kommerzielle Nutzung 3.0 Österreich

Kommentare

Hier können Sie Ihre Kommentare, Frage und Anregungen loswerden. Der Autor und die anderen Benutzer können Ihren Beitrag sehen und darauf antworten. Natürlich können Sie auch im Chat fragen.

Die Kommentare sind chronologisch geordnet.

  1. http://www.gimpusers.de/tutorials/tech-style-2.html Tue Feb 12 00:36:38 2008 ill66, 12. Feb 2008 00:36

    das sieht schick aus :)
    werd ich bei nächster gelegenheit mal ausprobieren!

  2. http://www.gimpusers.de/tutorials/tech-style-2.html Tue Feb 12 13:41:19 2008 David, 12. Feb 2008 13:41

    Cool, supe tut und so simpel! Echt geil ;) Hab mein Ergebnis mal angehängt...


    Zum Vergrößern klicken

  3. http://www.gimpusers.de/tutorials/tech-style-2.html Tue Feb 12 14:09:31 2008 GIMPression, 12. Feb 2008 14:09

    super, ich bin begeistert!

  4. http://www.gimpusers.de/tutorials/tech-style-2.html Tue Feb 12 15:20:28 2008 Gama, 12. Feb 2008 15:20

    Das hab´ sogar ICH hinbekommen! *freu* Bin nämlich absoluter Gimp-Noob...^^


    Zum Vergrößern klicken

  5. http://www.gimpusers.de/tutorials/tech-style-2.html Tue Feb 12 15:43:03 2008 BillieJoe, 12. Feb 2008 15:43

    Hey, klasse Effekt, sofort mal ausprobieren...

  6. http://www.gimpusers.de/tutorials/tech-style-2.html Tue Feb 12 17:29:33 2008 MaleXx, 12. Feb 2008 17:29

    Sehr leicht zu verstehendes Tutorial!
    Es zeigt mal wieder, mit was für einfachen Mitteln man wunderschöne Ergebnisse bekommt. ;)

  7. http://www.gimpusers.de/tutorials/tech-style-2.html Fri Feb 15 14:55:11 2008 Nym, 15. Feb 2008 14:55

    Richtig cooles tut.
    Habs gleich mal also Hintergrundthema für einen Screen genommen


    Zum Vergrößern klicken

  8. http://www.gimpusers.de/tutorials/tech-style-2.html Sat Feb 16 14:17:16 2008 Stiefel, 16. Feb 2008 14:17

    Echt einfaches Tut.
    Hier mal mein Ergebnis


    Zum Vergrößern klicken

  9. http://www.gimpusers.de/tutorials/tech-style-2.html Sat Feb 16 22:15:46 2008 Blubber, 16. Feb 2008 22:15

    find das tut spitze...benutze gimp seit ca einem halben jahr.
    hab mal eins damit gemacht...sind meine initialen,J und P...aber das J sieht aus wie ein F-.-


    Zum Vergrößern klicken

  10. http://www.gimpusers.de/tutorials/tech-style-2.html Mon Feb 18 23:04:16 2008 Bellamy, 18. Feb 2008 23:04

    Fantastich! und wirklich simpel.
    Wird zeit das ich auch mal ein TuT. mache;).

  11. http://www.gimpusers.de/tutorials/tech-style-2.html Wed Feb 20 18:31:32 2008 devvv, 20. Feb 2008 18:31

    Das klappt ja diesmal wunderbar bei allen ;) Freut mich, dass es euch allen so gefällt!

  12. http://www.gimpusers.de/tutorials/tech-style-2.html Fri Feb 22 00:29:10 2008 amokfigo, 22. Feb 2008 00:29

    Frage?????
    Was ist denn bei Punkt 3 mit Filter erweiten gemeint?

  13. http://www.gimpusers.de/tutorials/tech-style-2.html Fri Feb 22 01:15:41 2008 devvv, 22. Feb 2008 01:15

    habs nochmal dazugeschrieben. der filter ist unter filter / allgemein / erweitern zu finden

  14. http://www.gimpusers.de/tutorials/tech-style-2.html Wed Mar 19 12:11:23 2008 Webmaster96, 19. Mar 2008 12:11

    Wow ,echt cooles Tut.


    Zum Vergrößern klicken

  15. http://www.gimpusers.de/tutorials/tech-style-2.html Sat Apr 19 15:38:23 2008 tapemasterdave, 19. Apr 2008 15:38

    Hab noch nen kleinen zusatz/verbesserung:

    Wenn man den Xach-Effekt auf die duplizierte Ebene anwendet mit
    Glanzlicht: 56c0f7
    Schatten: Weiß

    Dann wirkt das ganze meiner meinung noch etwas hüpscher ;-)

  16. http://www.gimpusers.de/tutorials/tech-style-2.html Tue May 27 11:08:52 2008 BlacKie, 27. May 2008 11:08

    Sehr gutes tut
    *applaus*

  17. http://www.gimpusers.de/tutorials/tech-style-2.html Sat Jul 12 07:36:48 2008 starline, 12. Jul 2008 07:36

    habs auch mal versucht!


    Zum Vergrößern klicken

  18. http://www.gimpusers.de/tutorials/tech-style-2.html Fri Oct 31 15:33:18 2008 gs93, 31. Oct 2008 15:33

    Klappt prima!

  19. http://www.gimpusers.de/tutorials/tech-style-2.html Mon Nov 10 17:32:07 2008 Porsche, 10. Nov 2008 17:32

    Sieht sehr gut aus habs auch gemacht ;-)

  20. http://www.gimpusers.de/tutorials/tech-style-2.html Sun Nov 16 12:16:07 2008 Anonym, 16. Nov 2008 12:16

    Hab's mit der 3D-Produktbox kombiniert. Sieht richtig gut aus.

    Hat bei meinem 900 MHz-Rechner aber ne halbe ewigkeit gedauert...

  21. http://www.gimpusers.de/tutorials/tech-style-2.html Tue Dec 16 21:25:07 2008 Lordsem, 16. Dec 2008 21:25

    So, hiermit möchte ich die GimpUsers Community begrüßen. Bin neu hier.
    Dieses Tutorial ist sehr einfach und sehr leicht für jeden Gimp Anfänger. Habe mein Ergebnis mal angehängt :)


    Zum Vergrößern klicken

  22. http://www.gimpusers.de/tutorials/tech-style-2.html Tue Jan 13 23:47:37 2009 Jawero, 13. Jan 2009 23:47

    Super Tutorial! Auf Anhieb ein tolles Ergebnis. Vielen Dank!


    Zum Vergrößern klicken

  23. http://www.gimpusers.de/tutorials/tech-style-2.html Mon Apr 13 12:11:12 2009 Alex, 13. Apr 2009 12:11

    Super Tutorial, vielen Dank :-)

  24. http://www.gimpusers.de/tutorials/tech-style-2.html Fri Apr 17 10:34:15 2009 G-i-m-p-e-r, 17. Apr 2009 10:34

    Hallo!

    Das Tutorial hat auch bei mir ohne Probleme geklappt! Eignet sich wie ich feststellte ausgezeichnet als Desktophintergrund, darum habe ich meine Bildschirmgröße verwendet.


    Zum Vergrößern klicken

  25. http://www.gimpusers.de/tutorials/tech-style-2.html Wed Oct 14 03:01:06 2009 beastboy, 14. Oct 2009 03:01

    Cooles Tut, hier mal meine Version nach dem Tutorial und meine abgeänderte.


    Zum Vergrößern klicken

  26. http://www.gimpusers.de/tutorials/tech-style-2.html Wed Oct 14 03:01:40 2009 beastboy, 14. Oct 2009 03:01

    ...


    Zum Vergrößern klicken

  27. http://www.gimpusers.de/tutorials/tech-style-2.html Wed Oct 21 21:25:02 2009 j0nas, 21. Oct 2009 21:25

    super ding.
    ich hab das ganze mal noch ein bisschen auf ein bild gemacht.
    mir gefällts un ich habs gleich als hintergrund genomm^^


    Zum Vergrößern klicken

Registrierte Benutzer können sich (rechts oben) anmelden und ihren geschützten Profilnamen verwenden, um Kommentare zu schreiben, sich bei Antworten benachrichtigen zu lassen und Bilder (z.B. ihre Version eines Effekts) an die Antworten anzuhängen.

Sind Sie Mensch oder Maschine?

Adobe® Photoshop® ist ein eingetragenes Warenzeichen der Adobe Systems, Inc. Linux ist ein Warenzeichen von Linus Torvalds. Ubuntu und Canonical sind eingetragene Warenzeichen der Canonical Ltd. | Uhrzeiten werden als CET / CEST angegeben | Impressum / Datenschutz | betrieben von bitfire it services (Mitglied der Echoplus ARGE)