Den Hintergrund eines Bildes in Gimp transparent machen

Ich habe einige jpg-Bilder, und ich brauche für jedes von ihnen einen transparenten Hintergrund zu haben.

Ich habe GIMP als Grafikprogramm.

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

Um die Antwort von utopicam's zu erweitern, kann Ihr Bild manchmal Bereiche enthalten, wie z.B. Schatten, die Sie halbtransparent machen möchten. Nehmen wir zum Beispiel an, Sie haben ein Foto in einem Leuchtkasten aufgenommen, wie dieses schöne und frei lizenzierte Bild eines schwedischen Holzspielzeugpferdes mit freundlicher Genehmigung von Creative Tools:

Im Allgemeinen besteht der erste Schritt darin, die Levels des Bildes so einzustellen, dass der Hintergrund wirklich einfarbig weiß ist, mit Ausnahme der Schatten und Reflexionen, die wir beibehalten wollen. (Sie können diese Technik auch mit einem grauen oder farbigen Hintergrund anwenden, aber es ist etwas schwieriger, auf diese Weise gute Ergebnisse zu erzielen). In diesem Fall ist das Bild bereits gut angepasst, so dass wir nichts mehr tun müssen.

Der nächste Schritt besteht darin, den Hintergrund auszuwählen. Das war mit dem [Zauberstab-Werkzeug] (http://docs.gimp.org/en/gimp-tool-fuzzy-select.html) recht einfach, obwohl ich einige Stellen, an denen die weißen Streifen des Objekts mit dem Hintergrund verschmelzen, mit dem [Lasso-Werkzeug] (http://docs.gimp.org/en/gimp-tool-free-select.html) korrigieren musste. Nachdem ich den Hintergrund gut ausgewählt hatte, erweiterte ich die Auswahl um ein paar Pixel (bei voller Auflösung), um zu vermeiden, dass ein weißer Lichthof um das Objekt herum entsteht, der auf Aliasing zurückzuführen ist. (Sie können es in diesem verkleinerten Screenshot nicht sehen, aber ich habe die Auswahl wirklich sehr gut hinbekommen, wenn ich das sagen darf).

Jetzt hier'ist der Trick: Anstatt den Hintergrund einfach auszuschneiden, habe ich ColorsColor to Alpha verwendet, um die Hintergrundfarbe (weiß) in transparent zu ändern. (Sie könnten auch eine Eimerfüllung mit dem Modus "Farbe löschen" verwenden, wie utopicam vorschlägt). Wenn dies auf das gesamte Bild angewendet würde, würde das Objekt auch halbtransparent aussehen, aber da nur der Hintergrund ausgewählt ist, werden die Schatten durchsichtig, während das Objekt selbst undurchsichtig bleibt:

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

Ein zusätzlicher Trick, den ich nicht gezeigt habe, besteht darin, dass es oft bequemer ist, zwei Kopien der Bildebene zu erstellen, die Auswahl auf der oberen Ebene in eine [Ebenenmaske] (http://docs.gimp.org/en/gimp-layer-mask-add.html) umzuwandeln und auf der unteren Ebene Farbe nach Alpha anzuwenden. Auf diese Weise können Sie die Ränder des Objekts durch Bearbeiten der Maske feinabstimmen und gleichzeitig live sehen, wie das Ergebnis aussehen wird. (Tipp: Legen Sie einige Hintergrundebenen mit verschiedenen Farben an, damit Sie leicht prüfen können, wie das Bild auf verschiedenen Hintergründen aussieht). Wenn Sie insbesondere die Glanzlichter in der Nähe der Objektkanten leicht durchscheinend machen, sieht das Ergebnis schöner und natürlicher aus, da es den Hintergrund imitiert, der vom Objekt reflektiert wird.

Kommentare (3)

Schnelle Eimerfüllung anstelle von Konturauswahl

Hinweis: Dieses Tutorial ist auch als PDF verfügbar

Alpha-Kanal hinzufügen

Einige Bildtypen verfügen nicht über einen Transparenzkanal, z. B. JPG. Fügen Sie in diesem Fall einen Alpha-Transparenzkanal hinzu. Dazu wählen Sie "Ebene → Transparenz → Alphakanal hinzufügen".

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 einfarbigen Farbe zu füllen. Wählen Sie das Werkzeug "Eimerfüllung" oder drücken Sie die Tasten Umschalt+B. Wählen Sie in den Optionen des Werkzeugkastens "Eimerfüllung" die Option "Transparente Bereiche füllen" nur, wenn dies erforderlich ist. Wählen Sie BG color fill und Sample merged und führen Sie ein paar Versuche durch, während Sie Threshold für beste Ergebnisse anpassen. Drücken Sie zwischendurch Strg+Z zum Rückgängigmachen.

Ein gewisses Maß an Farbmischung wird unvermeidlich und sogar erwünscht sein. (In dieser Hinsicht ist Adobe Photoshop nicht anders.) Wählen Sie daher eine Farbe, die mit dem Hintergrund kompatibel ist, auf dem das resultierende Bild schließlich verwendet werden soll. Klicken Sie auf das Rechteck für die Hintergrundfarbe in der oberen Hälfte des Werkzeugfensters "Werkzeugoptionen", um die Hintergrundfarbe zu ändern. Hier habe ich f3f3e9 als Hintergrundfarbe für die einfarbige Füllung verwendet. Sie können aber auch die Pipette verwenden, um eine beliebige Farbe auf der Arbeitsfläche auszuwählen.

Eimer-Füllung": Wählen Sie "Transparente Bereiche füllen" nur, wenn es notwendig ist. Wählen Sie BG-Farbfüllung und Muster zusammengeführt und führen Sie ein paar Versuche durch, während Sie Schwellenwert für beste Ergebnisse einstellen. Drücken Sie zwischendurch Strg+Z zum Rückgängigmachen.]2

Auswahl nach Farbe

Das Richtige ist jetzt Auswählen → Nach Farbe. Es mag verlockend sein, Farbe zu Transparenz auszuführen, aber das würde auch halbtransparente Bereiche innerhalb des gewünschten Bildbereichs verändern. Wählen Sie dieses Mal "Transparente Bereiche füllen" und "Zusammengeführte Probe". Für dieses spezielle Beispiel habe ich weder "Antialiasing" noch "Kanten aufweichen" gewählt. Experimentieren Sie dennoch mit diesen Einstellungen und wählen Sie aus, was am besten aussieht. Führen Sie einige Versuche durch und passen Sie dabei den "Schwellenwert" an, um die besten Ergebnisse zu erzielen. Drücken Sie zwischendurch Strg+Z zum Rückgängigmachen.

Nach Farbe auswählen": Wählen Sie diesmal Transparente Bereiche füllen sowie Muster zusammengeführt. Führen Sie wieder einige Versuche durch, während Sie den "Schwellenwert" anpassen, und experimentieren Sie mit "Antialiasing" und "Weiche Kanten", um optimale Ergebnisse zu erzielen. Drücken Sie zwischendurch die Strg- und die Z-Taste, um den Vorgang rückgängig zu machen.]4

Subtrahieren von der Auswahl

Manchmal erweist es sich als schwierig, die Farbauswahl genau richtig zu treffen. Es kann vorkommen, dass ein Teil des gewünschten Bildbereichs ebenfalls ausgewählt wird, weil die Farbe übereinstimmt. In diesem Fall wurden, kaum sichtbar, neun gewünschte Pixel in der Mitte des Rohrs ebenfalls zum Löschen ausgewählt. Wenn dies passiert, verwenden Sie Strg+Ziehen mit einem Auswahlwerkzeug Ihrer Wahl, um einen subtraktiven Auswahlbereich auszuwählen.

Verwenden Sie Ctrl+Ziehen mit einem Auswahl-Werkzeug Ihrer Wahl, um einen subtraktiven Auswahlbereich auszuwählen]6

Erweitern Sie die Auswahl [optional]

Es kann sein, dass am Rand des gewünschten Bildes noch einige Schattierungen des Hintergrunds unausgewählt bleiben. Wenn dies der Fall ist, vergrößern Sie die Auswahl um einen Pixel mit Auswählen → Vergrößern... → 1px.

Löschen

Sobald der gewünschte Transparenzbereich ausgewählt ist, drücken Sie einfach auf Löschen.

Sobald der gewünschte transparente Bereich ausgewählt ist, drücken Sie einfach Delete.]8

Endgültiges Ergebnis

Zum Schluss exportieren Sie das transparente Bild mit Datei → Exportieren als... in ein Dateiformat, das Transparenz unterstützt. Das wäre vorzugsweise PNG, aber GIF würde auch funktionieren.

Das Endergebnis

Kommentare (4)

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

Auf der Gimp-Website finden Sie zahlreiche Anleitungen und Erklärungen. Schauen Sie sich dies http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection und dies hier an: http://docs.gimp.org/en/gimp-tool-free-select.html

Die polygonale Auswahl erzeugt bei jedem Klick 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 das Lasso-Werkzeug auf verschiedene Arten verwenden:

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

  • durch Klicken auf das Werkzeugsymbol in der ToolBox,

  • durch Verwendung des Tastaturkürzels "F".

Um den einfarbigen Hintergrund eines Bildes transparent zu machen, fügen Sie einen Alphakanal hinzu und verwenden Sie den Zauberstab, um den Hintergrund auszuwählen. Wählen Sie dann mit dem Farbwähler die Hintergrundfarbe aus, die in der Toolbox zur Vordergrundfarbe wird. Verwenden Sie das Werkzeug "Eimerfüllung" mit der ausgewählten Farbe. Stellen Sie den Füllmodus "Farbe löschen" ein, wodurch die Pixel mit der ausgewählten Farbe gelöscht werden; andere Pixel werden teilweise gelöscht und ihre Farbe wird geändert.

Kommentare (0)