Fügen Sie Transparenz zu einem vorhandenen PNG hinzu

Ich möchte dieses Bild auf einer Website verwenden.

Geben Sie hier die Bildbeschreibung ein

Was ich tun muss, ist, den Hintergrund von schwarz auf transparent zu ändern, damit ich den Pfeil auf meiner Website verwenden kann, um den Seitenhintergrund beizubehalten.

Ich habe Gimp verwendet, um das Bild in .png zu konvertieren, aber wie gehe ich jetzt vor?

Für alle, die nach einer Photoshop-Lösung suchen, um schwarze oder weiße Hintergründe transparent zu konvertieren, siehe diesen Thread .

Antworten (5)

Das Color to Alpha - Tool von GIMP ist sehr praktisch , wenn Sie wissen, wie man es benutzt , und diese Aufgabe scheint besonders gut dafür geeignet zu sein:

  1. Öffnen Sie das Bild in GIMP und ändern Sie es bei Bedarf in den RGB-Farbmodus.
  2. Wählen Sie Ebene → Transparenz → Farbe zu Alpha ...
  3. Wählen Sie Schwarz ( #000000) als transparent zu machende Farbe.
  4. OK klicken".
  5. Speichern Sie das resultierende Bild im PNG-Format:
    Bild mit Transparenz
Fantastisch – das war genau die Antwort, die ich brauchte! Nur eine Warnung: Wenn die Option „Farbe zu Alpha“ ausgegraut ist, bedeutet dies, dass sich Ihr Bild im indizierten Farbmodus befindet. Um dies zu korrigieren, gehen Sie bitte zu Bild -> Modus -> RGB. Prost!
@Heather: Danke, dass du das entdeckt hast, ich habe der Antwort eine Notiz darüber hinzugefügt. Tatsächlich ist die Konvertierung in RGB normalerweise das erste, was Sie mit indizierten Bildern in GIMP tun möchten, es sei denn, Sie möchten , dass Ihre Bearbeitungen auf die vorhandene Palette beschränkt sind.
Wie macht man das im Paint.NET Grafikeditor?
@Boris_yo: Sieht so aus, als ob das Unblend-Plugin für Paint.NET dasselbe tun sollte wie Color to Alpha in GIMP. Ich selbst habe es aber nicht ausprobiert.
Danke, es hat funktioniert, aber die Signatur war schwarz, weil sie etwas heller war. Ich habe versucht, mit Helligkeit und Kontrast zu spielen, und es hat nur ein bisschen geholfen.
@Boris_yo: Es ist schwer zu sagen, warum das so sein könnte, ohne die tatsächlichen Bilder zu sehen, aber die Techniken aus dieser Antwort könnten hilfreich sein. Natürlich müssten Sie sie selbst an Paint.NET anpassen.
Die von mir verwendete Version 2.8.18 von GIMP hat keine Farbe zum Transparentmachen aufgefordert, funktionierte aber trotzdem, indem Sie einfach Ihren Anweisungen folgten und die Schaltfläche OK drückten. Vielen Dank!
@ozborn: Sofern zwischen 2.8.16 und 2.8.18 keine größeren Änderungen vorgenommen wurden, sollte es direkt über den Schaltflächen Hilfe / Abbrechen / OK angezeigt werden. Siehe diesen Screenshot .

Sie können das Farbauswahl-Werkzeug von GIMP oder das Zauberstab-Werkzeug verwenden. Wie auch immer Sie es tun, wählen Sie einfach alle schwarzen Pixel aus. Anstatt die ausgewählten Pixel zu löschen, wenden Sie dann eine Ebenenmaske an:

Layer -> Mask -> Add layer mask

Wählen Sie das Optionsfeld „ Selection“ und achten Sie darauf, das Kontrollkästchen „ “ zu aktivieren. Invert maskJetzt sind alle schwarzen Pixel transparent.

Als PNG oder GIF exportieren.

Das Problem liegt an den Rändern um den Pfeil herum, wo Sie möglicherweise einige schwarze Pixel haben, um eine Matte zu bilden. Ich weiß es in GIMP nicht, aber Photoshop hat eine nette Funktion, um die vorherige Matte zu entfernen und / oder eine Matte Ihrer Wahl hinzuzufügen.

Ich verwende Gimp nicht, aber dieses Bild ist ein einfacher Fall, in dem es einfach sein sollte, eine anständige Transparenz abzuleiten.

Wenn Sie das gesamte Bild auswählen und dieses (oder besser gesagt die Graustufenversion) als Alphakanal verwenden, sind Sie ziemlich fertig.

Abhängig von den Exportfunktionen Ihrer Software können Sie einfach das Alpha als PNG-Transparenz auswählen oder den Alphakanal als Auswahlmaske verwenden und die Auswahl löschen (schlecht) oder die Auswahl als Ebenenmaske verwenden (zerstörungsfrei). Export.

Hier ist eine nützliche GIMP-Technik, die ich kürzlich dafür verwendet habe – wahrscheinlich ähnlich wie „Color To Alpha“ (Color To Alpha war für mich ausgegraut, obwohl ich im RGB-Modus war), aber diese Methode gab mir einige nützliche Anpassungen dafür, wie „soft "Ich wollte, dass die Kanten herauskommen (im Gegensatz zu Zauberstabtechniken, die einen dünnen schwarzen Rand um das Bild hinterlassen, anstatt die Kanten teilweise transparent zu machen).

Kurz gesagt, ich habe eine Graustufenversion des Originalbilds in die Ebenenmaske/den Alphakanal kopiert und dann Kurven auf dem Alphakanal verwendet, um den größten Teil des Bildes undurchsichtig zu machen, während ich anpasste, wie durchscheinend die Kanten sein sollten. Sehr schöner Effekt und sehr anpassbar.

Hier ist eine Schritt-für-Schritt-Anleitung dazu:

  • Beginnen Sie mit einer Ebene mit dem Originalbild namens "Bild".
  • Duplizieren Sie die Ebene "Bild" auf eine neue Ebene namens "Bild Alpha" (mit der Schaltfläche Ebene duplizieren im Ebenendialog).
  • Colors > Desaturate... > Lightnessauf der Ebene "Bild Alpha".
  • Klicken Sie mit der rechten Maustaste auf die Ebene "Bild" und Add Alpha(falls noch nicht geschehen)
  • Kopieren Sie das gesamte "Bild-Alpha" (in der Ebene "Bild-Alpha", Select All& Copy)
  • Pastees auf den Alpha-Kanal von "Bild" (klicken Sie auf das rechte Vorschaubild der "Bild"-Ebene und fügen Sie es dann ein)

    • Die vorherigen Schritte sind möglicherweise identisch mit dem einzelnen Befehl "Color to Alpha"
  • Optional: Klicken Sie mit der rechten Maustaste auf "Bild" und Show Layer Mask(sollte Ihnen zeigen, was Sie eingefügt haben). Wenn Sie dies weglassen, können Sie im nächsten Schritt live sehen, wie sich die Transparenz ändert.

  • Color > Curves
  • Machen Sie im Kurvendialog die Kurve oben flach und dann schnell nach links abfallend, wodurch die meisten hellen Pixel vollständig weiß werden (dh das Bild ist dort undurchsichtig).
  • Deaktivieren Sie die Option Show Layer Mask, um die angewendete Transparenz anzuzeigen.

    Wenn Sie den Sättigungspunkt der Kurven (am oberen Rand der Kurven) und die Geschwindigkeit, mit der er abnimmt, verschieben, können Sie genau einstellen, wie viel der Bildränder transparent sind und wie viel.

Hallo Demis, willkommen bei GDSE und danke für deine Antwort! Um Ihre Anleitung besser lesbar zu machen, empfehle ich die Verwendung der Optionen „Aufzählungsliste“ oder „Nummerierte Liste“. Nochmals vielen Dank und viel Spaß auf der Seite!

Sie können Adobe Photoshop verwenden. Gehen Sie zu Auswählen -> Farbbereich . Halten Sie die Umschalttaste gedrückt und klicken Sie auf die Farbe, die Sie entfernen möchten (in Ihrem Fall Schwarz). Drücke OK. Dann wird Ihr ganzes Schwarz ausgewählt; Klicken Sie jetzt auf Löschen.