gimpusers.de-Logo
Deutsche Version Englische Version

Nicht angemeldet

Registrieren! | Passwort vergessen?

Websites erstellen - 9h Video-Training

Aktuelle Diskussionen (gimpforum.de)

  1. gimpforum.de | gestern 21:18
    Dateiformate
  2. gimpforum.de | gestern 18:00
    Mac - Snow Leopard 10.6.2 - Pinselspitzen, animiert, Problem bei Speichern/ Benennen
  3. gimpforum.de | gestern 12:40
    Nur Hintergrund entfärben?
  4. gimpforum.de | gestern 10:19
    Bild nahtlos kacheln
  5. gimpforum.de | gestern 00:03
    Mein Radierer spinnt!?!

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 | heute 03:24
    GIMP distributing sRGB profiles: license issues?
  2. gimp-user | heute 03:21
    ?? Status of remembering Layers setting for Canvas Resizing -- in most recent version
  3. gimp-developer | heute 03:15
    Adding ability to reverse curves dialog
  4. gimp-user | heute 01:59
    Can the Curves dialog be reversed?
  5. gimp-developer | gestern 23:54
    Paint Dynamics in git version

Neuigkeiten von Dritten

Umfrage

Würde es euch gefallen, wenn man sich bei gimpusers auch per Google/Yahoo/MSN-Account (OpenID) einloggen könnte?

Klar, ich finde einen (OpenID-)Login für mehrere Seiten schon praktisch

Ich habe (noch) keinen Bedarf danach, könnte es mir aber nützlich vorstellen

Mir ist es egal

Niemals, OpenID widerspricht meinem Gedanken von Datenschutz und Privatsphäre!

Nein (bitte posten)

Ergebnisse ansehen

Zahlen

gimpusers.de RSS-Feed

RSS-Feed Retweet this!

04. Mär 2009 20:05, von devvv (Bernhard Stockmann)

Erstellt ein helles, kontrastreiches Industrial-Style-Wallpaper

Dieses Tutorial zeigt euch wie man relativ schnell und einfach ein effektvolles, hochkontrastreiches Hintergrundbild erstellen kann. Ihr könnt das Tutorial auch mit vielen anderen Vorlagen gut nachbauen und euren eigenen Stil hineinbringen! Viel Spaß damit ;)

Verwendete GIMP-Version: 2.6. Das Tutorial ist in 16 Schritte unterteilt; ein durchschnittlicher Benutzer benötigt dafür ca. 25 min. Bisher 10454 Mal gelesen. Kategorie: Foto / Wallpapers, Schwierigkeit: 2 von 5

25 Kommentare wurden bisher geschrieben.

In anderen Sprachen:

Dateien, die für dieses Tutorial benötigt werden:

  1. 1
    In meinem Fall möchte ich das Wallpaper für die volle HD-Auflösung erstellen. Ich erstelle somit ein neues Bild von der Größe 1920x1200px. Wenn ihr andere Desktopgrößen habt solltet ihr diese Größe nehmen!

    - Sobald ihr das leere Bild erstellt habt ladet ihr euer Ausgangsbild in das vorhandene Bild als neue Ebene hinein: Datei / Als Ebene öffnen. Somit habt ihr das Foto nun auf einer neuen eigenen Ebene. In meinem Fall ist das Bild industrial_image.jpg (bitte oberhalb downloaden)
    Screenshot of step 1
    Zum Vergrößern klicken
  2. 2
    (sollte euer Foto im Ebenendialog fett geschrieben sein klickt ihr im Ebenendialog rechts auf die Ebene und wählt "Alphakanal hinzufügen".)

    Wir möchten nun diesen Kran bzw die Kräne in ein starkes hochkontrastreiches Schwarz-Weiß-Bild verwandeln - dazu empfiehlt sich

    - Farben / Komponenten / Kanalmixer

    Ziel ist es jetzt einen schönen weißen Hintergrund zu bekommen, während die Kränze in dunklem Grau bzw Schwarz hervorgehoben werden sollen.

    Ich habe zuerst Monochrom angeklickt, damit das Endprodukt schwarz/weiß wird. Als nächstes müsst ihr mit den Werten etwas rumspielen. In diesem Fall ist es relativ leicht hellen Hintergrund zu bekommen indem wir den Blaukanal etwas nach rechts schieben (der "blaue" Himmel wird dadurch immer heller bis er schließlich nur noch weiß ist.
    Screenshot of step 2
    Zum Vergrößern klicken
  3. 3
    Sobald ihr den Filter angewendet habt müsst ihr einige nicht ganz weiß gewordene Teile im Bild wegradieren.

    - Nehmt das Radiergummi-Werkzeug, stellt eine große Pinselspitze ein (Ich habe den Pinsel in den Werkzeugeinstellungen aufs Maximum skaliert)
    - Danach habe ich die übrig gebliebenen Grautöne links oben im Bild weg.
    Screenshot of step 3
    Zum Vergrößern klicken
  4. 4
    Als nächstes schiebe ich den Bildteil nun nach rechts unten, damit wir etwas mehr Perspektive in das Bild bekommen.
    Screenshot of step 4
    Zum Vergrößern klicken
  5. 5
    Wenn ihr das Bild nun näher betrachtet sind doch noch relativ viele mittlere Grautöne zu finden. Diese eliminieren wir nun um noch stärkeren Kontrast zu bekommen.

    DAS ultimative Werkzeug um Feinabstimmungen von Farbtönen(oder Grautönen) vorzunehmen sind die "WERTE" zu finden unter dem Menü Farben.

    - Farben / Werte.

    Hier habt ihr 3 kleine Dreiecke mit denen wir die Grauwerte unseres Bildes fein abstimmen können. In meinem Fall möchte ich die dunklen Grautöne an den Metallstangen der Kräne verringern und weiter hin ins Schwarze ziehen (den linken Dreiecksregler nach rechts schieben), gleichzeitig möchte ich die mittleren Grautöne etas heller machen (den mittleren Dreiecksregler nach links schieben).

    Die Werte sollen 40 | 1,9 | 255 sein.
    Screenshot of step 5
    Zum Vergrößern klicken
  6. 6
    Jetzt haben wir schon mal unseren endgültigen schönen Kontrast im Bild erstellt.

    Jetzt kommen wir zu den Feinheiten im Bild. Damit das ganze eher nach einem Wallpaper aussieht werden wir den unteren Teil nun versuchen ganz nach links zu verlängern.

    - Nehmt zuerst das "Freie Auswahlwerkzeug" (F drücken für Schnellauswahl mittels Hotkey). Klickt nun nach und nach im Bild links um die wegstehenden Teile auszuwählen. Verbindet den letzten mit dem ersten Punkt und klickt dann ENTF auf der Tastatur. Die Teile sind nun weggelöscht.

    - Auswahl / Nichts.
    Screenshot of step 6
    Zum Vergrößern klicken
  7. 7
    Nehmt das rechteckige Auswahlwerkzeug und zeiht eine Auswahl um den unteren noch nach links wegstehenden Teil.

    - Bearbeiten / Ausschneiden
    - Bearbeiten / Einfügen

    Klickt dann den "Neue Ebene"-Botton im Ebenendialog und schon befindet sich der ausgeschnittene Teil an genau derselben Stelle (nur auf einer neuen, separaten Ebene).
    Screenshot of step 7
    Zum Vergrößern klicken
  8. 8
    - drückt UMSCHALT+T oder nehmt das Skalieren-Werkzeug und klickt auf den eingefügten Teil. Zieht ihn an der linken Seite ganz nach links. Zieht den Teil ruhig etwas weiter aus dem sichtbaren Bereich hinaus (wir verkleinern das Bild nämlich gleich ein wenig).
    Screenshot of step 8
    Zum Vergrößern klicken
  9. 9
    Schiebt den Teil etwas nach rechts damit etwaige kleine weiße Abstände zwischen den Ebenen unsichtbar werden.

    Rechtsklickt im Ebenendialog auf den eingefügten Teil und wählt "Nach unten vereinen". Nun haben wir wieder alles auf einer Ebene.
    Screenshot of step 9
    Zum Vergrößern klicken
  10. 10
    - Wählt mit dem rechteckigen Auswahlwerkzeug jetzt den gesamten unteren "Wasser"-Teil aus.

    - Farben / werte: 0 | 1,35 | 140

    Das erhöht die Kontraste erneut und macht die Grautäne etwas heller.

    - Auswahl / Nichts.
    Screenshot of step 10
    Zum Vergrößern klicken
  11. 11
    Jetzt werden wir einen schwachen anderen Hintergrund-Farbon hinzufügen, dazu müssen wir sämltiches Weiß aus dem Foto entfernen:

    - Farben / Farbe zu Transparenz: Weiß wählen.
    Screenshot of step 11
    Zum Vergrößern klicken
  12. 12
    Stellt nun den Farbton: fff7e8 ein. Wechselt zur Hintergrundebene und füllt diese mittels

    - Bearbeiten / Füllen mit VG-Farbe

    Screenshot of step 12
    Zum Vergrößern klicken
  13. 13
    Nehmt nun das rechteckige Auswahlwerkzeug und zieht eine schmale Auswahl an der unteren Bildschirmkante auf.

    - Neue, transparente Ebene erstellen
    - VG-Farbe: 81003d einstellen
    - Bearbeiten / mit VG-Farbe füllen (Hotkey: STRG+,)
    Screenshot of step 13
    Zum Vergrößern klicken
  14. 14
    Den roten Teil könnt ihr nun über das Wasser drüberstehen lassen. Wir ihr seht sieht das ganze aber nicht so gut aus weil die Linien nicht parallel sind. Um das auszugleichen müsst ihr die Kran auswählen und rotieren / etwas nach links drehen

    - Drehen mit STRG+R (Rotieren-Werkzeug): ca. -0,6 bis -0,7° nehmen).
    Screenshot of step 14
    Zum Vergrößern klicken
  15. 15
    Jetzt sieht das ganze schon besser aus!

    Als nächstes füge ich auf der rechten Seite noch einige solche rabigen Balken mit unterschiedlicher Ebenen-Deckkraft hinzu. Das solltet ihr ohne nähere Anleitung schaffen.

    Ich habe zur Abwechslung noch einen der Balken rechts mit einer Pfeilspitze versehen. Dazu habe ich einfach das freie Auswahlwerkzeug genommen und vom Balken schräg etwas abgeschnitten, dass ein Pfeil übrig blieb.
    Screenshot of step 15
    Zum Vergrößern klicken
  16. 16
    Ich habe selbst noch ein bisschen experimentiert und mittels Pinseldynamiken kleine Ringe hineingezeichnet. Ich bin aber nicht ganz sicher ob es mir mit oder ohne diesen besser gefällt - ihr könnt ja schreiben, welches euch mehr zusagt! Viel Spaß natürlich beim selbst experimentieren...

    Mein Ausgangsbild stammt von sxc.hu und ist frei verwendbar.
    Screenshot of step 16
    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/helles-kontrastreiches-industrial-style-wallpaper.html Don 05 Mär 2009 15:10:27 CET Menni, 05. Mär 2009 15:10

    sieht super aus, is mal was ganz anderes als die üblichen wallpapers! danke für das tut

  2. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Don 05 Mär 2009 15:25:14 CET _juLy_, 05. Mär 2009 15:25

    also habs mal mit den kränen ausprobiert.
    das mit den ringeln, hab i ned zusammengebracht, wie geht das?
    aber ich find die ringe voll gut, so schauts nicht so langweilig aus.
    cooles tut
    lg

  3. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Don 05 Mär 2009 15:36:51 CET redforce, 05. Mär 2009 15:36

    Gefällt mir sehr gut

  4. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Don 05 Mär 2009 19:47:09 CET saves, 05. Mär 2009 19:47

    Gefällt mir sehr habs gleich mal gemacht.
    Mfg saves

  5. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Fre 06 Mär 2009 15:31:23 CET nope, 06. Mär 2009 15:31

    echt klasse tut und das wallpaper gefällt mir auch sehr =)
    also ich hab das mit den blasen wahrscheinlich umständlicher gemacht als er aber ich hab die blasen so gemacht dass ich auf ner extra ebene pinsel tupfer genacht habe -> auswahl auf alphakanal -> auswahl verkleinern: 5px -> fertig...

    [url=http://www.myimg.de/?img=Wallpaper5691b.jpg][img]http://img9.myimg.de/Wallpaper5691b_thumb.jpg[/img][/url]

  6. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Fre 06 Mär 2009 15:32:28 CET nope, 06. Mär 2009 15:32

    falscher link...
    hier der richtige: http://img9.myimg.de/Wallpaper5691b.jpg

  7. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Fre 06 Mär 2009 18:22:41 CET _juLy_, 06. Mär 2009 18:22

    danke nope!
    ist eigentlich eh einfach, das ich da nicht selbst draufkommen bin......


    Zum Vergrößern klicken

  8. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 07 Mär 2009 00:55:35 CET devvv, 07. Mär 2009 00:55

    sehr schön :) die kreise: am besten mit den pinseldynamiken (zufallsgröße und zufallsdeckkraft). einen solchen kreis machen, diesen kopieren und als pinselspitze verwenden (zusammen mit einem hohen zitter-wert).

  9. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 07 Mär 2009 02:23:04 CET EagleX, 07. Mär 2009 02:23

    cooles tut... hab mal was in die richtung gemacht: http://realeaglex.deviantart.com/art/Shanghai-115097930

  10. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 07 Mär 2009 16:12:00 CET _juLy_, 07. Mär 2009 16:12

    das shanghai wallpaper schaut echt cooooool aus.
    hab mal unsren wohnwagen umgestaltet =)


    Zum Vergrößern klicken

  11. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 07 Mär 2009 23:37:00 CET katzengleich, 07. Mär 2009 23:37

    Hallo

    Ich habe es mir einfach gemacht und das fertige Bild als Wallpaper verwendet ;-)

    Wenn Sie ein Feedback möchten: "Ich finde diese `Ringe` stimmig. Also: Ja die "Ringe" sind eine verdammt gute Idee

  12. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Fre 13 Mär 2009 08:06:37 CET jotied, 13. Mär 2009 08:06

    ich hab das tut auch mal gemacht und fand es echt nice. Aber kann mir mal jemand sagen wie man die pinselspitze kopiert und übernimmt, zwecks der Kreise??? Für Vierecke sind ja solche Pinsel schon vorgegeben ;)


    Zum Vergrößern klicken

  13. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Fre 13 Mär 2009 11:45:52 CET devvv, 13. Mär 2009 11:45

    du brauchst nur so nen kreis zeichnen, ne auswahl drum herum legen und STRG+C zum kopieren drücken. Danach scheint er als erste pinselspitze bei den pinseln auf

  14. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 14 Mär 2009 18:13:59 CET einer, 14. Mär 2009 18:13

    Geiles Tutorial: Vor allem die "Luftblasenkreise" finde ich geil. Auf meinem Desktop glänzt dieses Wallpaper und als "goodie" (schreibt man das so ?;-) finden sich diese "Luftblasenkreise" auch in meiner Uhr auf dem Desktop wieder (gdesklet).

    Fazit: Sehr gute Idee gepaart mit einem unglaublichen Farbgefühl. Vielen Dank.

  15. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 25 Apr 2009 15:30:37 CEST Ul_m2, 25. Apr 2009 15:30

    also ich hab versucht das auch zu machen und hab ab schritt 11 gar nichts mehr hingekriegt^^

  16. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 25 Apr 2009 20:38:34 CEST devvv, 25. Apr 2009 20:38

    was ist denn so schwer an schritt 11 ;) ?

  17. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Son 26 Apr 2009 10:53:23 CEST Ul_m2, 26. Apr 2009 10:53

    naja eigentlich 12 wenn ich mit vg farbe füllen drücke is plötzlich alles schwarz und ich muss wieder von vorn anfangen.

  18. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Son 26 Apr 2009 13:48:52 CEST jotied, 26. Apr 2009 13:48

    da steht doch extra, dass man zuerst die Hintergrundebene auswählen soll und dann erst füllen.
    desweiteren kannst du unter bearbeiten rückgängig wählen, wenn du mal was falsch gemacht hast, dann musst du niht immer von vorne anfangen ;)
    gruß jo

  19. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Son 26 Apr 2009 17:07:24 CEST Ul_m2, 26. Apr 2009 17:07

    ähm also wo geb ich denn fff7e8 ein?

  20. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Mon 15 Jun 2009 21:15:27 CEST tommy, 15. Jun 2009 21:15

    Hey devvv!

    Das Tutorial ist ziemlich geil. Mal endlich was anderes im Netz statt immer nur Feuerbälle oder Blitze ;)

    Mit dem Tutorial kommt man gut auf den Weg, wenn man dieses Industrial Art gern hat und seinen Teil dazubeitragen möchte :)

    Weiter so und danke für ein supergeiles Tutorial :)

  21. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Don 25 Jun 2009 18:50:53 CEST hifisch, 25. Jun 2009 18:50

    die farbe gibst du ein wenn du doppelklick auf die Vordergrundfarbe machst und dann dort wo ffffff oder 000000 (das sind hexadezimalzahlen falls es interessiert ^^)

    wie gesagt geiles tut

    http://angelikaheim.de/userfilesupload/image/arbeitsgebiete/industrie_Unbenannt-34%20Kopie.jpg das war mein ausgangspic
    und dann hab ich eher grün genommen

  22. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 25 Jul 2009 23:14:44 CEST Revo, 25. Jul 2009 23:14

    Hab auch mal ne runte rumgespielt. Mein Motiv war "Fluch des Pharao" vom Belantis Freizeitpark.

    Angucken? Hier!:
    http://www.abload.de/img/wallpaper-fluchdespharelt5.png

  23. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Fre 18 Sep 2009 15:15:50 CEST Sebro, 18. Sep 2009 15:15

    Hey revo an deiner stelle würde ich noch was aus der tür rausgucken lassen sprich das die blasen aus dem inneren der pyramide kommen :)

    Nice tut

  24. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Sam 03 Okt 2009 11:08:01 CEST Josherror, 03. Okt 2009 11:08

    Sehr geil :)

    ich habs mal probiert ...

    ist allerdings nicht allzugut ;D


    Zum Vergrößern klicken

  25. http://www.gimpusers.de/tutorials/helles-kontrastreiches-industrial-style-wallpaper.html Son 03 Jän 2010 17:20:24 CET JahRul, 03. Jän 2010 17:20

    schönes tut
    habs mit der golden gate versucht


    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)