Importieren oder öffnen Sie transparentes PNG in Illustrator-Ergebnissen mit schwarzen Rändern

Immer wenn ich ein PNG mit Transparenz öffne oder in Illustrator importiere, erhalte ich diese schwarzen Pixel an den Rändern. Die einzige Möglichkeit, die ich gefunden habe, um die schwarzen Pixel loszuwerden, besteht darin, sie mit einem weißen Hintergrund zu rastern. Wenn ich versuche, sie mit erhaltener Transparenz zu rastern, bleiben die schwarzen Blöcke erhalten. Ich möchte nicht all diese transparenten PNGs durch PSDs ersetzen müssen. Für meinen aktuellen Workflow ist es entscheidend, dass ich PNGs verwende, da ich Photoshop-Extract-Assets verwende. Wenn ich also zu Photoshop gehe und Änderungen am PNG vornehme, extrahiert es automatisch das Asset und aktualisiert dann automatisch das verknüpfte PNG in Illustrator. Eine andere alternative Problemumgehung, die mir einfällt, besteht darin, stattdessen in TIFF zu extrahieren. Ich bin mir jedoch ziemlich sicher, dass Sie in der Lage sein sollten, transparente PNGs problemlos in Illsutrator zu importieren. Haben Sie also eine Ahnung, was mein Problem verursacht?

Das ursprüngliche PNG mit Transparenz

Einmal importiert oder in Illustrator geöffnet

Antworten (1)

Mögliches Problem eins

Dies wird durch ein ziemlich zentrales Konzept verursacht, das manchmal auftaucht. Es ist häufiger ein Problem in der Videoproduktion, aber es ist auch gut zu wissen, wenn Objekte vom Hintergrund isoliert werden.

Es gibt kein transparentes Pixel . Es gibt nur eine Farbe und wie transparent dieses Pixel ist. Wenn Sie die Farbe ausschneiden, um das Alpha zu bilden, wird es durch den matten Rand verunreinigt . Wenn Sie also ein Pixel mit 50 % Schwarz und 50 % Weiß haben und es so ausschneiden, dass es zu 50 % transparent ist, ist es immer noch zu 50 % schwarz. Dies ist nicht unter allen Bedingungen sichtbar, aber es ist ein Problem.

Zusätzlich zum Maskieren müssen Sie also die verunreinigende Farbe von der Ebene entfernen. Jetzt gibt es Werkzeuge, die dies im Untermenü in Layer → Matting tun. Die verschiedenen Tools verwenden unterschiedliche Methoden. Was besser ist, hängt von Ihnen und der jeweiligen Situation ab. Es ist auch möglich, diese Berechnung manuell durchzuführen. Ein Beispiel dafür finden Sie in diesem Beitrag .

Mögliches Problem zwei

Wenn Sie Assets mit der PNG-8-Option extrahieren, hat Ihr PNG keinen vollständigen Alphakanal. Daher muss der Rand eingefügt werden, da es nur indizierte Farben, aber nur eine Transparenzebene gibt. Während der PNG-Standard, wie er von Browsern verstanden wird, tatsächlich 8-Bit-PNG-Dateien mit Multi-Level-Alpha ermöglicht, unterstützt Adobe dies nicht. Sie müssen die Bilder also noch mit einem externen Tool zerkleinern.

Hallo, vielen Dank für Ihre Antwort. Ich glaube, da ist etwas, was ich nicht verstehe, weil ich immer noch Probleme habe. Zuerst habe ich überprüft, ob ich die Assets als PNG-32 extrahiere. Dann habe ich dieselbe Datei ausprobiert, aber dieses Mal habe ich "Für Web speichern" verwendet und sie als PNG-24 mit Transparenz (PNG-32) gespeichert. Diejenige, die den Safe For Web-Prozess durchlaufen hat, scheint gut zu funktionieren, aber die Extract Assets-Methode gibt mir das gleiche Problem.
Hallo, tut mir leid, ich dachte nur, ich sollte Sie einweihen, ich versuche nicht, ein Objekt aus einem Hintergrund zu extrahieren (tief zu ätzen). Dies ist ein Bild, das in Photoshop von Grund auf neu erstellt wurde, mit einem transparenten Hintergrund. Ich denke, mein Problem hängt eher mit "Mögliches Problem zwei" in Ihrer Antwort zusammen.
Bitte entschuldigen Sie all diese Kommentare, ich finde die Dinge irgendwie heraus, während ich weitermache. Ich bin jetzt sehr verwirrt, weil ich denselben Test wie früher versucht habe, aber mit einem anderen Bild. Dieses Mal gaben mir sowohl die Methoden "Für Web speichern" als auch "Assets extrahieren" das gleiche Problem.
@IOIIOOIO ist nicht unmöglich, dass Ihr Problem den Rahmen dieser Antwort überschreitet. In diesem Fall müssen Sie jedoch möglicherweise weitere Informationen hinzufügen.
Importieren oder öffnen Sie transparentes PNG in Illustrator-Ergebnissen mit schwarzen Rändern
AntwortenHierDatenschutz-Bestimmungen1y, 0v