Den Hintergrund eines Bildes in Gimp transparent machen

303

Ich habe einige JPG-Bilder und ich brauche für jeden von ihnen einen transparenten Hintergrund.

Ich habe GIMP als Grafikwerkzeug.

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

Viola
quelle
Nur herausgefunden, wenn Sie auf einem Macbook sind, müssen Sie drücken, fn-deletenachdem Zauberstab auswählen;) Löschen funktioniert nicht von selbst.
Ben

Antworten:

307

Um die Antwort von utopicam zu erweitern , kann es vorkommen, dass Ihr Bild Bereiche wie Schatten enthält, die semitransparent sein sollen. Nehmen wir zum Beispiel an, Sie haben ein Foto in einem Leuchtkasten aufgenommen, wie zum Beispiel dieses schöne und frei lizenzierte Bild eines schwedischen Holzspielzeugpferdes mit freundlicher Genehmigung von Creative Tools :

Ein Foto eines Dalekarlian-Spielzeugpferdes in einem Leuchtkasten, lizenziert unter CC-By 2.0 von Creative Tools

Im Allgemeinen wäre der erste Schritt , die zur Einstellung Ebenen des Bildes , bis wirklich der Hintergrund solid weiß ist, mit Ausnahme des Schatten und Reflexionen wir behalten wollen. (Sie können diese Technik auch mit grauem oder farbigem Hintergrund anwenden, aber es ist etwas schwieriger, auf diese Weise gute Ergebnisse zu erzielen.) In diesem Fall ist das Bild bereits gut angepasst, sodass wir nichts dagegen tun müssen.

Der nächste Schritt ist die Auswahl des Hintergrunds. Mit dem Zauberstab war das ganz einfach , obwohl ich einige Stellen korrigieren musste, an denen die weißen Streifen auf dem Objekt mit dem Hintergrund des Lasso-Werkzeugs verschmelzen . Nachdem ich den Hintergrund gut ausgewählt hatte, erweiterte ich die Auswahl um einige Pixel (bei voller Auflösung), um zu vermeiden, dass das Objekt durch Aliasing weißlich umrahmt wird. (Sie können es in diesem verkleinerten Screenshot nicht sehen, aber ich habe wirklich gute Arbeit mit der Auswahl geleistet, wenn ich es so sagen darf.)

Gleiches Bild mit ausgewähltem Hintergrund

Nun, hier ist der Trick : Statt einfach den Hintergrund Ausschneiden, habe ich FarbenFarbe zu Alpha die Hintergrundfarbe zu ändern (weiß) zu transparent. (Sie können auch die Eimerfüllung mit dem Modus „Farbe löschen“ verwenden, wie von Utopicam vorgeschlagen.) Wenn Sie diese Option auf das gesamte Bild anwenden, wird das Objekt ebenfalls halbtransparent. Da jedoch nur der Hintergrund ausgewählt ist, werden die Schatten durchscheinend, während das Objekt selbst erhalten bleibt undurchsichtig:

Bild nach dem Anwenden von Farbe auf Alpha

Und hier das gleiche Bild auf hellblauem Hintergrund, um die halbtransparenten Schatten und Reflexionen besser darzustellen:

Gleiches Bild auf hellblauem Grund

Ein zusätzlicher Trick, den ich nicht gezeigt habe, ist, dass es oft praktischer ist, zwei Kopien der Bildebene zu erstellen, die Auswahl in eine Ebenenmaske auf der oberen zu konvertieren und Farbe auf Alpha auf die untere anzuwenden. Auf diese Weise können Sie die Kanten des Objekts durch Bearbeiten der Maske optimieren und gleichzeitig live sehen, wie das Ergebnis aussehen wird. (Tipp: Nehmen Sie einige Hintergrundebenen mit unterschiedlichen Farben vor, damit Sie auf einfache Weise überprüfen können, wie das Bild auf unterschiedlichen Hintergründen aussieht.) Insbesondere wenn Glanzlichter in der Nähe der Objektkanten nur leicht durchscheinend sind, kann das Ergebnis schöner und besser aussehen natürlicher, da es den vom Objekt reflektierten Hintergrund nachahmt.

Ilmari Karonen
quelle
1
the first step would be to adjust the levels of the image until the background really is solid white- sollte wie genau das für uns Dummies enthalten sein? Oder sollte ich eine separate Frage stellen, wie das geht?
Hippietrail
1
@hippietrail: Das Ebenen-Werkzeug leistet im Allgemeinen gute Arbeit: Bewegen Sie einfach den rechten Eingaberegler nach links, bis es gut aussieht, oder verwenden Sie die weiße Pipette. Wenn der Cutoff zu scharf erscheint, können Sie zu "Diese Einstellungen als Kurven bearbeiten" wechseln und dort glätten. (Normalerweise möchten Sie eine Kurve, die meistens linear ist, sich jedoch ein wenig in der Nähe der Oberkante biegt, um sie allmählich und nicht in einer scharfen Ecke zu treffen.)
Ilmari Karonen,
Ich mag das Kurvenwerkzeug , um einen "weißen" Hintergrund auf volles Weiß zu verschieben. Dies ergibt auch eine schöne Histogrammausdehnung über den Rest des Bildes.
Mr Purple
75

Verwenden Sie die schnelle Schaufelfüllung anstelle der Konturauswahl

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

La trahison des images von Landsmann René Magritte;  teilweise für den Zweck dieses Tutorials zerstört.

Füge einen Alpha-Kanal hinzu

Bei einigen Bildtypen fehlt ein Transparenzkanal. JPG zum Beispiel. In diesem Fall fügen Sie einen Alpha-Transparenzkanal hinzu. Dies erfolgt durch Auswahl von Layer → Tranparency → Add Alpha Channel.

Eimer füllen mit Farbe [optional]

Der nächste Schritt ist optional und besteht darin, den Bereich, der transparent werden soll, zuerst mit einer einfachen Farbe zu füllen. Wählen Sie das Füllwerkzeug oder drücken Sie Shift+ B. Wählen Sie in den Bucket FillToolbox-Optionen Fill transparent areasnur bei Bedarf aus. Wählen Sie BG colour fillund Sample mergedund führen Sie einige Versuche aus, während Sie die Einstellungen anpassen, Thresholdum die besten Ergebnisse zu erzielen . Drücken Sie dazwischen Ctrl+, Zum den Vorgang rückgängig zu machen.

Einige Farbmischungen sind unvermeidlich und sogar erwünscht. (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 möglicherweise verwendet wird. Klicken Sie auf das Hintergrundfarbenrechteck in der oberen Hälfte des Tool OptionsToolbox-Fensters, um die Hintergrundfarbe zu ändern. Hier habe ich f3f3e9als Hintergrundfarbe für einfarbige Füllung verwendet. Sie können jedoch auch die Pipette verwenden, um eine Farbe von einer beliebigen Stelle auf dem Desktop auszuwählen.

<code> Bucket Fill </ code>: Wählen Sie <code> Transparente Bereiche </ code> nur bei Bedarf aus.  Wählen Sie <code> HG-Farbfüllung </ code> und <code> Zusammengeführte Probe </ code> und führen Sie einige Versuche aus, während Sie den <code> Schwellenwert </ code> anpassen, um die besten Ergebnisse zu erzielen.  Drücken Sie dazwischen <kbd> Strg </ kbd> + <kbd> Z </ kbd>, um den Vorgang rückgängig zu machen.

<code> Bucket Fill </ code> angewendet.  Wählen Sie eine Füllfarbe, die mit dem Hintergrund kompatibel ist, auf dem das resultierende Bild möglicherweise 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.

Nach Farbe auswählen

Das Richtige ist jetzt Select → By Colour. Es könnte verlockend sein, dies durchzuführen Colour to Transparency, dies würde jedoch auch halbtransparente Bereiche innerhalb des gewünschten Bildbereichs verändern. Wählen Sie diesmal Fill transparent areasauch aus Sample merged. Für dieses Beispiel habe ich mich weder beworben Antialiasingnoch beworben Feather edges. Experimentieren Sie trotzdem mit diesen Einstellungen und wählen Sie, was am besten aussieht. Führen Sie einige Versuche aus, während Sie die Einstellungen anpassen, Thresholdum die besten Ergebnisse zu erzielen . Drücken Sie dazwischen Ctrl+, Zum den Vorgang rückgängig zu machen.

<code> Nach Farbe auswählen </ code>: Wählen Sie diesmal <code> Transparente Bereiche ausfüllen </ code> sowie <code> Beispiel 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> Feather Edge </ code>, um optimale Ergebnisse zu erzielen.  Drücken Sie zwischendurch \ <kbd> Strg </ kbd> + <kbd> Z </ kbd>, um den Vorgang rückgängig zu machen.

<code> Auswählen → Nach Farbe </ code> angewendet

Von der Auswahl abziehen

Manchmal ist es schwierig, die richtige Farbauswahl zu treffen. Möglicherweise wird auch ein Teil des gewünschten Bildbereichs ausgewählt, da die Farbe übereinstimmt. In diesem Fall und kaum sichtbar, wurden neun gewünschte Pixel in der Mitte der Pipe ebenfalls 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> Auswahlwerkzeug </ code> Ihrer Wahl, um einen subtraktiven Auswahlbereich auszuwählen.

Der gewünschte Transparenzbereich ist nun ausgewählt.

Auswahl erweitern [optional]

Am Rand des gewünschten Bildes bleiben einige Schattierungen des Hintergrunds immer noch nicht ausgewählt. Wenn dies der Fall ist, vergrößern Sie die Auswahl mit einem Pixel 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 File → Export As...in ein Dateiformat, das Transparenz unterstützt. Das wäre vorzugsweise PNG, aber GIF würde auch funktionieren.

Das Endergebnis

Serge Stroobandt
quelle
4
Möglicherweise möchten Sie die Auswahl um 1 Pixel vergrößern, um weiße Ränder zu entfernen (Wählen Sie>
Vergrößern
4
Mit Grafikdesign bin ich überhaupt nicht vertraut. Bei jeder seltenen Gelegenheit, bei der ich einen Hintergrund entfernen muss, komme ich auf diese Antwort zurück. Danke!
Slayernoah
1
Ich habe auch festgestellt, dass die Verwendung der FeatherOption in der Auswahl auch für Bilder hilfreich ist, deren Kanten gegen Leerzeichen verschwommen sind.
Jocull
1
Danke: Mit einem JPG mit rein weißem Hintergrund war es so einfach: Transparenzebene hinzufügen, auswählen, löschen.
DJVG
21

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

Die Gimp-Website bietet viele Tutorials und Erklärungen. Überprüfen Sie diese http://docs.gimp.org/de/gimp-painting.html#gimp-concepts-selection und diese: http://docs.gimp.org/de/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 haben verschiedene Möglichkeiten, auf das Lasso-Tool zuzugreifen:

  • Wählen Sie in der Bildmenüleiste Extras → Auswahlwerkzeuge → Freie Auswahl.

  • durch Klicken auf das Werkzeugsymbol in der ToolBox,

  • mit der Tastenkombination F.

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

Yisela
quelle