Den Hintergrund eines Bildes in Gimp transparent machen

Ich habe einige JPG-Bilder und brauche für jedes einen transparenten Hintergrund.

Als Grafiktool habe ich GIMP .

Ich muss sie in eine Webseite einfügen und ich muss nur das Hauptelement sehen und einen transparenten Hintergrund haben.

Ich habe gerade herausgefunden, dass Sie auf einem Macbook fn-deletenach der Zauberstabauswahl drücken müssen;) Löschen funktioniert nicht von selbst.
Hey @Viola in GIMP v.2.10.18 ist der beste Weg, dies zu tun, NICHT die Verwendung eines Zauberstab-Werkzeugs. Zuerst fügen Sie Ihrem PNG (wenn es PNG ist) einen Alpha-Kanal mit Ebene> Transparenz> Alpha-Kanal hinzufügen hinzu, dann verwenden Sie Ebene> Transparenz> Farbe zu Alpha ... und es ist magisch gemacht! Algorithmen regieren 🚀

Antworten (4)

In GIMP 2.10.14 :

  • layer -> transparency -> add alpha channel

Befolgen Sie dann die folgenden Schritte. In neueren Versionen color to alpha nicht vorhanden

Um die Antwort von utopicam zu erweitern , enthält Ihr Bild manchmal Bereiche wie Schatten, die halbtransparent sein sollen. Nehmen wir zum Beispiel an, Sie haben ein Foto in einer Lightbox aufgenommen, wie dieses schöne und frei lizenzierte Bild eines schwedischen Holzspielzeugpferds mit freundlicher Genehmigung von Creative Tools :

Ein Foto eines Dalekarlia-Spielzeugpferds in einer Lightbox, lizenziert unter CC-By 2.0 von Creative Tools

Im Allgemeinen besteht der erste Schritt darin, die Pegel des Bildes anzupassen , bis der Hintergrund wirklich durchgehend weiß ist, mit Ausnahme der Schatten und Reflexionen, die wir beibehalten möchten. (Sie können diese Technik auch mit einem grauen oder farbigen Hintergrund verwenden, aber es ist etwas schwieriger, auf diese Weise gute Ergebnisse zu erzielen.) In diesem Fall ist das Bild bereits gut angepasst, sodass wir nichts daran ändern müssen.

Im nächsten Schritt wählen Sie den Hintergrund aus. Dies war mit dem Zauberstab-Werkzeug ganz einfach , obwohl ich einige Bits mit dem Lasso-Werkzeug korrigieren musste, wo die weißen Streifen auf dem Objekt mit dem Hintergrund verschmelzen . Nachdem ich den Hintergrund gut ausgewählt hatte, erweiterte ich die Auswahl um einige Pixel (bei voller Auflösung), um zu vermeiden, dass aufgrund von Aliasing ein weißlicher Lichthof um das Objekt herum zurückbleibt. (Sie können es in diesem verkleinerten Screenshot nicht sehen, aber ich habe es wirklich geschafft, mit der Auswahl einen ziemlich guten Job zu machen, wenn ich das so sagen darf.)

Gleiches Bild mit ausgewähltem Hintergrund

Nun, hier ist der Trick : Anstatt den Hintergrund einfach auszuschneiden, habe ich FarbenFarbe zu Alpha verwendet , um die Hintergrundfarbe (weiß) in transparent zu ändern. (Sie könnten auch Eimerfüllung mit dem Color Erase-Modus verwenden, wie Utopicam vorschlägt.) Wenn dies auf das gesamte Bild angewendet wird, würde dies das Objekt auch halbtransparent aussehen lassen, aber da nur der Hintergrund ausgewählt ist, werden die Schatten durchscheinend, während das Objekt selbst bleibt undurchsichtig:

Bild nach dem Anwenden von Farbe auf Alpha

Und hier ist das gleiche Bild auf einem hellblauen Hintergrund, um die halbtransparenten Schatten und Reflexionen besser zu zeigen:

Gleiches Bild auf hellblauem Hintergrund

Ein zusätzlicher Trick, den ich nicht gezeigt habe, ist, dass es oft bequemer ist, zwei Kopien der Bildebene zu erstellen, die Auswahl in eine Ebenenmaske auf der oberen umzuwandeln und Farbe auf Alpha auf die untere anzuwenden. Auf diese Weise können Sie die Kanten des Objekts feinabstimmen, indem Sie die Maske bearbeiten, während Sie live sehen, wie das Ergebnis aussehen wird. (Tipp: Erstellen Sie ein paar Hintergrundebenen, die mit verschiedenen Farben gefüllt sind, damit Sie leicht überprüfen können, wie das Bild auf verschiedenen Hintergründen aussieht.) Insbesondere wenn Sie Hervorhebungen an den Rändern des Objekts manchmal nur leicht durchscheinend machen, kann das Ergebnis schöner und schöner aussehen natürlicher, da es den vom Objekt reflektierten Hintergrund nachahmt.

the first step would be to adjust the levels of the image until the background really is solid white- wie man das genau macht soll für uns Dummies dabei sein? Oder sollte ich eine separate Frage stellen, wie das geht?
@hippietrail: Das Ebenen-Tool leistet im Allgemeinen ziemlich gute Arbeit: Bewegen Sie einfach den Eingaberegler ganz rechts nach links, bis er gut aussieht, oder verwenden Sie die weiße Pipette. Wenn der Cutoff zu scharf aussieht, können Sie zu "Diese Einstellungen als Kurven bearbeiten" wechseln und ihn dort glätten. (Grundsätzlich möchten Sie normalerweise eine Kurve, die größtenteils linear ist, sich aber in der Nähe der Oberkante etwas biegt, um sie allmählich zu treffen, anstatt in einer scharfen Ecke.)
Ich mag das Kurvenwerkzeug , um einen "weißen" Hintergrund auf volles Weiß zu verschieben. Dies ergibt auch ein schönes Histogramm, das sich auch über den Rest des Bildes erstreckt.

Verwenden der schnellen Bucket-Füllung anstelle der Konturauswahl

Hinweis: Dieses Tutorial ist auch als PDF verfügbar.

_La trahison des images_ von Landsmann René Magritte;  teilweise für die Zwecke dieses Tutorials zerstört.

Fügen Sie einen Alphakanal hinzu

Einigen Bildtypen fehlt ein Transparenzkanal; JPG zum Beispiel. Fügen Sie in diesem Fall einen Alpha-Transparenzkanal hinzu. Dies geschieht durch Auswahl von Layer → Tranparency → Add Alpha Channel.

Eimer mit Farbe füllen [optional]

Der nächste Schritt ist optional und besteht darin, den Bereich, der transparent werden soll, zunächst mit einer Unifarbe zu füllen. Wählen Sie das Werkzeug zum Füllen des Eimers oder drücken Sie Shift+ B. Wählen Sie in den Bucket FillToolbox-Optionen Fill transparent areasnur bei Bedarf aus. Wählen Sie aus BG colour fillund Sample mergedführen Sie ein paar Versuche durch, während Sie die Thresholdbesten Ergebnisse erzielen. Drücken Sie dazwischen Ctrl+ Z, um den Vorgang rückgängig zu machen.

Eine gewisse Farbmischung wird unvermeidlich und sogar erwünscht sein. (Adobe Photoshop ist in dieser Hinsicht nicht anders.) Wählen Sie daher eine Farbe, die mit dem Hintergrund kompatibel ist, auf dem das resultierende Bild schließlich verwendet wird. Klicken Sie auf das Rechteck für die Hintergrundfarbe in der oberen Hälfte des Tool OptionsToolbox-Fensters, um die Hintergrundfarbe zu ändern. Hier habe ich f3f3e9als Hintergrundfarbe für die einfarbige Füllung verwendet. Man kann jedoch auch das Pipettenwerkzeug verwenden, um eine Farbe von überall auf dem Desktop auszuwählen.

<code>Eimer füllen</code>: Wählen Sie <code>Transparente Bereiche füllen</code> nur bei Bedarf aus.  Wählen Sie <code>BG-Farbfüllung</code> und <code>Sample merged</code> und führen Sie einige Versuche durch, während Sie den <code>Schwellenwert</code> anpassen, um die besten Ergebnisse zu erzielen.  Drücken Sie zwischendurch <kbd>Strg</kbd>+<kbd>Z</kbd>, um den Vorgang rückgängig zu machen.

<code>Eimerfüllung</code> angewendet.  Wählen Sie eine Füllfarbe, die mit dem Hintergrund kompatibel ist, auf dem das resultierende Bild schließlich verwendet wird.  Dies liegt daran, dass eine gewisse Farbmischung unvermeidlich und sogar erwünscht ist.  Hier habe ich <code>f3f3e9</code> zum Füllen mit einfachen Farben verwendet.

Wählen Sie nach Farbe

Das Richtige ist jetzt Select → By Colour. Es mag verlockend sein, durchzuführen Colour to Transparency, jedoch würde dies auch halbtransparente Bereiche innerhalb des gewünschten Bildbereichs verändern. Wählen Sie dieses Mal Fill transparent areassowohl als auch Sample merged. Für dieses spezielle Beispiel habe ich mich entschieden, mich weder zu bewerben Antialiasingnoch Feather edges. Experimentieren Sie dennoch mit diesen Einstellungen und wählen Sie, was am besten aussieht. Führen Sie erneut einige Versuche durch, während Sie die Anpassung Thresholdfür beste Ergebnisse vornehmen. Drücken Sie dazwischen Ctrl+ Z, um den Vorgang rückgängig zu machen.

<code>Nach Farbe auswählen</code>: Wählen Sie diesmal <code>Transparente Bereiche füllen</code> sowie <code>Muster zusammengeführt</code>.  Führen Sie erneut einige Versuche durch, während Sie <code>Threshold</code> anpassen, und experimentieren Sie mit <code>Antialiasing</code> und <code>Federkanten</code>, um die besten Ergebnisse zu erzielen.  Drücken Sie zwischendurch\ <kbd>Strg</kbd>+<kbd>Z</kbd>, um den Vorgang rückgängig zu machen.

<code>Auswahl → Nach Farbe</code> angewendet

Von der Auswahl abziehen

Manchmal erweist es sich als schwierig, die Farbauswahl genau richtig zu treffen. Einige der gewünschten Bildbereiche werden möglicherweise auch ausgewählt, da die Farbe übereinstimmt. In diesem Fall wurden, kaum sichtbar, auch neun gewünschte Pixel in der Mitte des Rohres zum Löschen ausgewählt. Verwenden Sie in diesem Fall Ctrl+ Dragmit einem SelectWerkzeug Ihrer Wahl, um einen subtraktiven Auswahlbereich auszuwählen.

Verwenden Sie <kbd>Strg</kbd>+<code>Ziehen</code> mit einem <code>Auswahl</code>-Werkzeug Ihrer Wahl, um einen subtraktiven Auswahlbereich auszuwählen.

Der gewünschte Transparenzbereich ist nun ausgewählt.

Erweitern Sie die Auswahl [optional]

Am Rand des gewünschten Bildes können einige Schattierungen des Hintergrunds noch nicht ausgewählt bleiben. Wenn dies der Fall ist, vergrößern Sie die Auswahl um ein Pixel mit Select → Grow… → 1px.

Löschen

Sobald der gewünschte Transparenzbereich ausgewählt ist, drücken Sie einfach Delete.

Sobald der gewünschte Transparenzbereich ausgewählt ist, drücken Sie einfach <kbd>Löschen</kbd>.

Endergebnis

Exportieren Sie schließlich das transparente Bild mit File → Export As...in ein Dateiformat, das Transparenz unterstützt. Das wäre vorzugsweise PNG, aber GIF würde auch funktionieren.

Das Endergebnis

Möglicherweise möchten Sie die Auswahl um 1 Pixel vergrößern, um weiße Ränder zu entfernen (Auswählen > Vergrößern > 1 > OK).
Ich kenne mich mit Grafikdesign überhaupt nicht aus. Bei jeder seltenen Gelegenheit, bei der ich einen Hintergrund entfernen muss, scheine ich auf diese Antwort zurückzukommen. Vielen Dank!
Ich fand auch, dass die Verwendung der FeatherOption in der Auswahl auch für Bilder hilfreich ist, deren Kanten gegen Leerzeichen verschwommen sind.
Danke: Da ich bereits ein JPG mit reinweißem Hintergrund hatte, war es so einfach: Transparenzebene hinzufügen, auswählen, löschen.

Klingt so, als müssten Sie bestimmte Teile der JPGs (z. B. die Hauptfigur) zuschneiden und den "Hintergrund" löschen. Sie können dies mit dem Lasso-Werkzeug tun.

Die Gimp-Website enthält viele Tutorials und Erklärungen. Überprüfen Sie diese http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection und dies: http://docs.gimp.org/en/gimp-tool-free-select.html

Die polygonale Auswahl erstellt bei jedem Klicken einen Ankerpunkt. Wenn Sie dann den Mauszeiger bewegen, wird eine Linie mit einem neuen Ankerpunkt gezeichnet, den Sie verschieben können, solange Sie nicht erneut klicken.

Sie können auf verschiedene Arten auf das Lasso-Werkzeug zugreifen:

  • Über die Bildmenüleiste Extras → Auswahlwerkzeuge → Freie Auswahl,

  • durch Klicken auf das Werkzeugsymbol in der ToolBox,

  • mit der Tastenkombination F.

Um den einfarbigen Hintergrund eines Bildes transparent zu machen , fügen Sie einen Alpha-Kanal hinzu und verwenden Sie den Zauberstab, um den Hintergrund auszuwählen. Verwenden Sie dann das Farbwähler-Werkzeug, um die Hintergrundfarbe auszuwählen, die in der Toolbox zur Vordergrundfarbe wird. Verwenden Sie das Eimerfüllwerkzeug mit der ausgewählten Farbe. Stellen Sie den Bucket Fill-Modus auf „Color Erase“ ein, wodurch Pixel mit der ausgewählten Farbe gelöscht werden; andere Pixel werden teilweise gelöscht und ihre Farbe wird geändert.

Eine moderne Möglichkeit, diesen Effekt in Ihrem speziellen Fall zu erzielen, besteht darin, Ihr Bild in der neuesten Version von Gimp zu öffnen und im oberen Menü zu Farben -> Farbe zu Alpha zu gehen. Ist die Farbe in diesem Panel auf Weiß eingestellt, versucht Gimp, alle weißen Pixelbereiche durch Transparenz zu ersetzen. Es lohnt sich zumindest auszuprobieren.