Hinzufügen von Transparenz zu einem vorhandenen PNG

Ich möchte dieses Bild auf einer Website verwenden.

Ich muss nur den Hintergrund von schwarz in transparent ändern, damit ich den Pfeil auf meiner Site verwenden kann, um den Seitenhintergrund beizubehalten.

Ich habe das Bild mit Gimp in .png konvertiert, aber wie gehe ich jetzt vor?

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

1. Öffnen Sie das Bild in GIMP und wechseln Sie gegebenenfalls in den RGB-Farbmodus.
2. Wählen Sie Ebene → Transparenz → Farbe zu Alpha ...
3. Wählen Sie Schwarz ( #000000) als Farbe, um transparent zu machen.
4. OK klicken".
5. Speichern Sie das resultierende Bild im PNG-Format:
   

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

Layer -> Mask -> Add layer mask

Aktivieren Sie das Optionsfeld " Selection" und aktivieren Sie das Invert maskKontrollkästchen " ". Jetzt sind alle schwarzen Pixel transparent.

Export als PNG oder GIF.

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

Ich verwende kein Gimp, aber dieses Bild ist ein einfacher Fall, bei 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 so ziemlich fertig.

Abhängig von Ihren Software-Exportfunktionen können Sie einfach das Alpha als PNG-Transparenz auswählen oder den Alpha-Kanal 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 verwendet habe - wahrscheinlich ähnlich wie "Color To Alpha" (Color To Alpha wurde für mich ausgegraut, obwohl ich mich im RGB-Modus befand), aber diese Methode gab mir einige nützliche Anpassungsmöglichkeiten für "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 die Kurven im Alphakanal verwendet, um das Bild größtenteils undurchsichtig zu machen und gleichzeitig anzupassen, wie durchsichtig die Kanten sein sollen. Sehr schöner Effekt und sehr anpassbar.

Hier ist eine Schritt für Schritt, um dies zu tun:

• Beginnen Sie mit einer Ebene mit dem Originalbild "image"
• Dupliziere die Ebene "Bild" in eine neue Ebene mit dem Namen "Bild Alpha" (mit der Schaltfläche "Ebene duplizieren" im Ebenendialog)
• Colors > Desaturate... > Lightness auf "Bild Alpha" Ebene
• Klicken Sie mit der rechten Maustaste auf die Ebene "Bild" und Add Alpha(falls noch nicht geschehen)
• Kopiere alles "Bild Alpha" (in "Bild Alpha" Ebene, Select All& Copy)

• Paste es auf den Alpha-Kanal von "Bild" (klicke auf das rechte Vorschaubild der "Bild" -Ebene und füge es dann ein)

  • Die vorherigen Schritte sind möglicherweise identisch mit dem Einzelbefehl "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 die Transparenzänderung im nächsten Schritt live sehen.

• Color > Curves
• Machen Sie im Dialogfeld "Kurven" die Kurve oben flach und verringern Sie sie dann schnell nach links, sodass die meisten hellen Pixel vollständig weiß werden (dh das Bild ist dort undurchsichtig).

• Deaktivieren Sie dieses Kontrollkästchen 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 festlegen, wie viel und wie viel der Bildkanten transparent sind.

Sie können Adobe Photoshop verwenden. Gehen Sie zu Auswahl -> Farbbereich . Halten Sie die Umschalttaste , klicken Sie auf die Farbe , die Sie (schwarz in Ihrem Fall) entfernen müssen. Drücke OK. Dann wird dein ganzes Schwarz ausgewählt; jetzt drücke löschen.