Warum sind meine Farben in Illustrator CS5 stumpf, wenn ich in PNG exportiere?

Ich habe ein Problem mit Illustrator CS5, das in vielen, vielen Foren erwähnt wurde, aber ich habe keine Antwort gefunden, die mein Problem behoben hat.

Wenn ich Save for Web & Devices... verwende, um ein PNG zu erstellen, erscheint es in schönen, schönen Farben. Wenn ich Exportieren ... oder Ausgewählte Slices speichern ... verwende, um ein PNG zu erstellen, erscheint es in sehr matten Farben.

Es scheint alle Farben zu beeinflussen, aber hier ist ein Beispiel:

Gutes Rot:

Gut

(erstellt mit Save for Web & Devices )

Böses Rot:

Schlecht

(erstellt mit Save Selected Slices... und identisch mit denen, die mit Export... erstellt wurden )

Auch in den matten Versionen wird das Schwarz zu einem dunklen Grau.

Hier ein paar Infos zu meinem Setup:

  • Das Dokument ist auf RGB eingestellt , nicht auf CMYK.
  • Ich habe Appearance of Black so eingestellt, dass alle Schwarzen als sattes Schwarz angezeigt und alle Schwarzen als sattes Schwarz ausgegeben werden .
  • In den Farbeinstellungen ist mein Arbeitsfarbraum RGB auf sRGB eingestellt .
  • Unter Profil zuweisen... habe ich alle drei Optionen ausprobiert: Keine Farbverwaltung, RGB-Arbeit und einige der anderen Profile. Sie alle produzieren die gleichen langweiligen Ergebnisse, wenn ich exportiere.
  • Ich würde nicht glauben, dass dies eine Rolle spielt, aber ich verwende Windows 7. Der Farbunterschied ist sowohl auf meinem Laptop-Bildschirm als auch auf meinem schönen großen externen Monitor offensichtlich. Ich habe verschiedene Farbkalibrierungswerkzeuge und Anweisungen durchgesehen, und das hat nichts geändert.

Zum Schluss noch etwas Interessantes, das bei der Fehlerbehebung helfen kann:

Während ich dies mit all den verschiedenen Einstellungen exportierte, entschied ich mich irgendwann, zwei der exportierten PNGs in Illustrator einzufügen, damit ich sie direkt nebeneinander platzieren und die Farben vergleichen konnte. Zu meiner Überraschung erscheinen die langweiligen exportierten PNGs hell und normal, wenn sie in Illustrator eingefügt werden.

Wenn Sie dazu beitragen können, etwas Licht ins Dunkel zu bringen, würde ich mich freuen. Bald muss ich einige Slices exportieren, und ich brauche die Farben, um genau zu diesem Zeitpunkt herauszukommen.

Vielen Dank!

Update: Wie vermutet wurde das Dokument in Adobe RGB erstellt (von jemand anderem, nicht von mir). Hier ist ein informativer Artikel, der im Detail erklärt, warum meine Farben matt wurden: http://www.kenrockwell.com/tech/adobe-rgb.htm

Eine Sache, die man daraus ziehen kann, ist, dass es im Internet keine Garantie dafür gibt, dass das Profil überhaupt in der Software (Webbrowser) berücksichtigt wird, und dann gibt es das Problem des nicht kalibrierten Monitors. Ihre Aufgabe ist es, genaue Farben zu erhalten, aber es kann eine Zeit geben, in der Sie Ihre Verluste reduzieren und "aufhören müssen, sich um die Bombe zu sorgen".
@horatio Ich dachte, es wäre: "Alle Arbeit und kein Spiel macht Farbe langweilig"
Das funktioniert auch, aber für die Leute im Hotel hat es nicht so gut geklappt.

Antworten (8)

Ich würde vermuten, dass das Problem Ihr Ausgangspunkt für das Dokument ist. Wählen Sie „Web“ als Dokumenttyp anstelle von Basic RGB oder stellen Sie sicher, dass der Farbraum sRGB und nicht das breitere Adobe RGB ist. Wenn ich diesen Weg gehe, sehe ich keinen Unterschied in der Ausgabe von Export oder Save for Web und würde es auch nicht erwarten.

Wenn Sie für das Web speichern, sehen Sie kein Problem, da AI das Farbprofil in sRGB konvertiert und dabei das Erscheinungsbild beibehält.

Die andere Einstellung, die Sie ändern sollten, ist Schwarz. Belassen Sie es für die Anzeige und Ausgabe immer auf "Genau". Sonst kann es dir echt peinlich sein.

Verwenden Sie bei Farbprofilen generell nicht "Zuweisen...". Verwenden Sie stattdessen nur „In Profil konvertieren“ mit entweder „Perzeptiv“ oder „Relativ farbmetrisch“ in den Optionen, wenn Sie das Farbprofil eines Dokuments ändern müssen. Ein Adobe RGB-Bild, dem ein sRGB-Farbprofil zugewiesen wurde , erscheint matt, da keine Konvertierung erforderlich ist. Die Farbnummern werden einfach anders interpretiert. Beim Konvertieren von einem zum anderen bleibt das Erscheinungsbild erhalten, indem die zugrunde liegenden Zahlen geändert werden.

Alan, danke für deine Hilfe. Das klingt sicherlich vernünftig - ich werde einige Tests durchführen und sehen, ob ich es auf diese Weise reproduzieren kann.
Außerdem war ich mit „In Profil konvertieren“ nicht vertraut und habe diesen ziemlich bissigen Thread darüber gefunden: forums.adobe.com/message/3583833 Zusammenfassend klingt es so, als wäre „In Profil konvertieren“ überhaupt nicht in Illustrator enthalten. In Anbetracht dessen sanktionieren Sie ihre Problemumgehung? Oder hat Illustrator einen besseren Weg? Unabhängig davon, ob Sie die Möglichkeit haben, einen Blick darauf zu werfen, vielen Dank!
Manchmal vergesse ich, mit welchem ​​Programm ich arbeite. In AI Convert to Profileist immer noch keine verfügbare Hauptmenüoption. Convert to sRGB ist eine Option im Dialogfeld "Für Web speichern" (über das fast unsichtbare Flyout-Menü). Ein Webdokument ist jedoch immer sRGB, da dies der Webstandard ist. Ein "Basic RGB" -Dokument verwendet Ihr aktuelles Standard-RGB-Profil, von dem ich aufgrund Ihrer Beschreibung des Problems Adobe RGB vermute. Es exportiert "unmarkiertes" RGB, sodass Sie es nachträglich in PS konvertieren oder zuweisen können, aber die Web-Absicht funktioniert am besten.
Das macht alles Sinn. Ich kann leider nicht feststellen, was ich ausgewählt habe, als ich das Dokument erstellt habe - ich bin mir nicht sicher, wo diese Informationen notiert sind. Ich habe jedoch herausgefunden, dass Save for Web mir auch die stumpfen Farben gibt, wenn ich das Profil auf etwas anderes als Adobe RGB ändere. Habe ich in Anbetracht dessen Recht, dass es dann keine Möglichkeit gibt, Export ... zu verwenden , um die hellen Farben zu erhalten, da es nicht in sRGB konvertiert wird? Danke nochmal für deine Hilfe.
Versuchen Sie, beim Dokumenttyp Web zu bleiben. Das sollte immer sRGB sein, da das der Webstandard ist, egal wie man es exportiert. Save for Web hat ein Flyout-Menü, das eine Option zum Konvertieren in sRGB enthält, aber das funktioniert nur, wenn es aktiviert ist. Andernfalls können Sie Ihre gesamte Ausgabe im Stapelbetrieb über eine Photoshop-Aktion ausführen, die sRGB zuweist und erneut speichert.

Ich hatte das gleiche Problem und dann hat es das für mich getan. Ich hatte das Gefühl, dass es etwas extrem Dummes und Einfaches war. Ich habe den Farbmodus in der Farbpalette von CMYK auf RGB geändert und die Ergebnisse nicht erhalten.

Versuchen Sie, zu DATEI -> DOKUMENTENFARBMODUS -> RGB zu gehen.

Hoffe das hilft, bei mir hat es funktioniert.

Hier ist, was meiner Meinung nach los ist. Illustrator exportiert Ihre Bilder als PNG-24s mit einem sRGB-Profil. Das bedeutet, dass Sie die ganze Zeit in sRGB arbeiten mussten.

Dafür ist es wahrscheinlich zu spät, also können Sie dies tun, um Ihr Dokument zu konvertieren. Vielleicht gibt es einen einfacheren Weg, aber das hat bei mir funktioniert (in CS3):

  • Erstellen Sie ein neues Dokument
  • Ändern Sie den Farbmodus des Dokuments im Menü Datei auf RGB
  • Gehen Sie zu Bearbeiten > Profil zuweisen und weisen Sie dem Dokument das Profil " sRGB... " zu
  • Kopieren Sie alles aus Ihrem Originaldokument in das neue Dokument
  • Wenn Sie dazu aufgefordert werden, wählen Sie aus, die Farben des einzufügenden Inhalts zu konvertieren, um ihr Erscheinungsbild beizubehalten
  • Exportiere dein Bild und bedanke dich bei deiner höheren Macht

Ich glaube, dass ich eine Lösung für dieses Problem gefunden habe: Wenn Sie Ihre Bilder als PNG in Illustrator exportiert haben; öffnen Sie sie i Apple Preview. Wählen Sie dann:
Werkzeug->
Profil zuweisen->
ColorSync-Profil:sRGB...
Klicken Sie auf OK
Speichern

Jetzt sind die Farben wieder sRGB; genau wie in der ursprünglichen Illustrator-Datei. Dies kann mit dem Apple DigitalColor Meter bestätigt werden (zu finden im Ordner „Dienstprogramme“ des Ordners „Programme“).

Eine Sache, die ich festgestellt habe, macht einen großen Unterschied (und ich meine monumental) ist das Farbprofil des Dokuments, das Sie zu Beginn auswählen.

Wenn Sie etwas erstellen, insbesondere Bilder mit komplexen abgestuften Farbtönen (wie Fotos), die nur auf Monitoren angezeigt werden, stellen Sie immer sicher, dass Sie im Fenster „Neues Dokument“ den RGB-Farbmodus auswählen. Wenn Sie CMYK auswählen und dann in ein Foto oder ein anderes komplexes Bild einfügen (das normalerweise im RGB-Modus vorliegt), ist der Schaden bereits angerichtet, da Illustrator versucht, die RGB-Profilfarben des Fotos in den CMYK-Arbeitsbereich des Fotos zu konvertieren Eintrag in das Dokument. Mit den Funktionen „Für Web speichern“ (die RGB ausgeben) versucht Illustrator erneut, zwischen den beiden Farbmodi zu konvertieren, was bedeutet, dass Sie jetzt eine Annäherung an eine Annäherung haben, der Sie sicher zustimmen werden, dass sie kein Ideal ist Zustand.

Um zu sehen, was ich meine, würde ich Sie dringend bitten, ein neues RGB-Dokument und ein neues CMYK-Dokument mit der gleichen Größe der Zeichenfläche zu beginnen und auf demselben Foto zu platzieren (etwas mit roten Bereichen ist dafür besonders gut, wie ich gefunden habe). bei gleicher Größe. Wenn Sie zwischen den beiden wechseln, werden Sie feststellen, dass die Farben im CMYK-Dokument aufgrund seiner Annäherungen viel stumpfer erscheinen. Probieren Sie es selbst aus, ich denke, Sie werden ziemlich überrascht sein!

Für Web- und App-Design ist die beste Lösung, die ich gefunden habe, das Farbmanagement von Illustrator für RGB-Dokumente so weit wie möglich zu deaktivieren. Dadurch werden RGB-Farben auf dem Bildschirm angezeigt und in einer Datei gespeichert, damit sie mit dem tatsächlichen Farbwert übereinstimmen.

Schritt 1 — Wählen Sie Bearbeiten > Farbeinstellungen... und stellen Sie den Arbeitsfarbraum für RGB auf Monitor RGB ein.

Geben Sie hier die Bildbeschreibung ein

Schritt 2 – Öffnen Sie ein Dokument und wählen Sie „Bearbeiten“ > „Profil zuweisen…“ und stellen Sie es dann auf „Dieses Dokument nicht farbverwalten“. Dies muss für jedes einzelne Dokument, an dem Sie arbeiten, durchgeführt werden.

Geben Sie hier die Bildbeschreibung ein

Schritt 3 – Stellen Sie sicher, dass Ansicht > Farben prüfen deaktiviert ist.

Schritt 4 – Stellen Sie beim Speichern von Dateien mit „Für Web und Geräte speichern...“ sicher, dass „In sRGB konvertieren“ deaktiviert ist. Wenn Sie eine JPEG-Datei speichern, deaktivieren Sie auch „Farbprofil einbetten“ (in einigen Fällen möchten Sie dies möglicherweise für Fotos aktivieren, aber die Chancen stehen gut, dass Sie es für Elemente und Symbole der Benutzeroberfläche deaktivieren möchten).

Geben Sie hier die Bildbeschreibung ein

Danke für Ihre Hilfe! Leider habe ich Ihre Anweisungen befolgt, aber die Farben sind immer noch matt, wenn ich Slices exportiere oder speichere. (Außerdem nur zur Verdeutlichung – ich habe keine Probleme, wenn ich für das Web und Geräte speichere.)
Interessant. Tut mir leid, mir fällt nichts anderes ein, was das Problem verursachen könnte.

Ein paar Realitätschecks zu Ihrer Farbe:

  • Sattes Schwarz ist für das Web bedeutungslos. Sie möchten einen schwarzen Bildschirm, den Sie erhalten, wenn Sie RGB (0,0,0) verwenden.
  • Stellen Sie sicher, dass Sie das Ansichtsmenü nicht Proof colorsaktiviert haben.Ansicht > Proof-Farben
  • Und beurteilen Sie Ihre Farben nicht auf einem guten Monitor wie einem MacBook oder iMac, es sei denn, Ihr Publikum sieht dies.

Außerdem sollten Sie bedenken, was mit Ihren Grafiken passiert, wenn sie auf verschiedene Browser treffen. Hier ist eine gute Erklärung , warum Sie immer noch dem Browser ausgeliefert sind, wenn es um die Farbdarstellung geht. Randfarben wie Ihr Orange werden besonders knifflig sein.

Unter Windows mit Adobe Illustrator CC 22.1:

Ich habe dieses Problem gelöst, indem ich zu Bearbeiten > Farbeinstellungen ... gegangen bin und dann im Abschnitt Arbeitsumgebungen von Adobe RGB zu sRGB gewechselt habe.

Danach hat mein Dokument immer noch das richtige CMYK-Profil (das in meinen Fällen beschichtet war), das für einen ordnungsgemäßen Druck benötigt wird, aber alle Exporte über das Fenster „Asset-Exporte“ haben gestochen scharfe RGB-Farben, die für die Verwendung auf dem Bildschirm erwartet werden. Vor dieser Änderung waren meine Pixelexporte wie beschrieben langweilig.