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

11

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

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

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

Gutes Rot:

Gut

(erstellt mit Save for Web & Devices )

Schlechtes Rot:

Schlecht

(erstellt mit Ausgewählte Slices speichern ... und identisch mit denen, die mit Exportieren erstellt wurden ... )

In den stumpfen Versionen wird das Schwarz auch dunkelgrau.

Hier einige Informationen zu meinem Setup:

  • Das Dokument ist auf RGB und nicht auf CMYK eingestellt.
  • Ich habe das Erscheinungsbild von Schwarz so eingestellt, dass alle Schwarztöne als sattes Schwarz angezeigt und alle Schwarztöne als sattes Schwarz ausgegeben werden .
  • In den Farbeinstellungen ist mein Arbeitsbereich RGB auf sRGB eingestellt .
  • In Profil zuweisen ... habe ich alle drei Optionen ausprobiert: Nicht farbverwalten, Working RGB und einige der anderen Profile. Sie alle führen beim Exportieren zu denselben langweiligen Ergebnissen.
  • Ich würde nicht denken, dass dies wichtig wäre, 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 daran hat sich nichts geändert.

Schließlich ist hier 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 dabei helfen können, etwas Licht ins Dunkel zu bringen, würde ich es begrüßen. Bald muss ich einige Scheiben 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 erklärt, warum meine Farben im Detail matt wurden: http://www.kenrockwell.com/tech/adobe-rgb.htm

adobe-illustrator png export color-profile Sarah
quelle
1
Eine Sache, die man daraus ziehen kann, ist, dass es im Web keine Garantie dafür gibt, dass das Profil in der Software (Webbrowser) überhaupt berücksichtigt wird, und dann gibt es das Problem mit dem nicht kalibrierten Monitor. Ihre Aufgabe ist es, genaue Farben zu erhalten, aber es kann vorkommen, dass Sie Ihre Verluste reduzieren und "aufhören müssen, sich um die Bombe zu sorgen".
Horatio
@horatio Ich dachte, es wäre: "Alle Arbeit und kein Spiel macht Farbe langweilig"
Joonas
Das funktioniert auch, aber für die Leute im Hotel hat es nicht so gut geklappt.
Horatio

Antworten:

7

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 nicht erwarten.

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

Die andere Einstellung, die Sie ändern sollten, ist Schwarz. Halten Sie es für die Anzeige und Ausgabe immer auf "Genau". Sie können sonst ernsthaft in Verlegenheit gebracht werden.

Verwenden Sie bei Farbprofilen in der Regel nicht "Zuweisen ...". Verwenden Sie stattdessen nur "In Profil konvertieren", wobei entweder "Wahrnehmung" oder "Relative Farbmetrik" in den Optionen ausgewählt ist, wenn Sie das Farbprofil eines Dokuments ändern müssen. Ein Adobe RGB-Bild, dem ein sRGB-Farbprofil zugewiesen wurde, wird langweilig angezeigt, da keine Konvertierung erforderlich ist. Die Farbnummern werden einfach unterschiedlich interpretiert. Beim Konvertieren von einem zum anderen bleibt das Erscheinungsbild erhalten, indem die zugrunde liegenden Zahlen geändert werden.

Alan Gilbertson
quelle
Alan, danke für deine Hilfe. Das klingt sicherlich vernünftig - ich werde einige Tests durchführen und prüfen, ob ich es auf diese Weise reproduzieren kann.
Sarah
Außerdem war ich mit "In Profil konvertieren" nicht vertraut und fand diesen ziemlich kniffligen Thread dazu: forums.adobe.com/message/3583833 Zusammenfassend klingt es so, als ob "In Profil konvertieren" überhaupt nicht in Illustrator enthalten ist. Sanktionieren Sie angesichts dessen ihre Problemumgehung? Oder hat Illustrator einen besseren Weg? Unabhängig davon, ob Sie die Gelegenheit haben, einen Blick darauf zu werfen, vielen Dank!
Sarah
Manchmal vergesse ich, mit welchem ​​Programm ich arbeite. In AI ist Convert to Profileimmer noch keine Hauptmenüoption verfügbar. 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 es der Webstandard ist. Ein "Basic RGB" -Dokument verwendet unabhängig von Ihrem aktuellen Standard-RGB-Profil. Ich vermute, dass Ihre Beschreibung des Problems Adobe RGB ist. Es exportiert "nicht getaggtes" RGB, sodass Sie es nachträglich in PS konvertieren oder zuweisen können, aber die Webabsicht funktioniert am besten.
Alan Gilbertson
Das alles macht Sinn. Leider kann ich nicht feststellen, was ich bei der Erstellung des Dokuments ausgewählt habe. Ich bin mir nicht sicher, wo diese Informationen vermerkt 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 angesichts 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.
Sarah
Versuchen Sie, sich an Web als Dokumenttyp zu halten. Das sollte immer sRGB sein, da dies der Webstandard ist, unabhängig davon, wie Sie ihn exportieren. Save for Web verfügt über ein Flyout-Menü, das eine Option zum Konvertieren in sRGB enthält. Dies funktioniert jedoch nur, wenn es aktiviert ist. Andernfalls können Sie Ihre gesamte Ausgabe über eine Photoshop-Aktion stapelweise ausführen, die sRGB zuweist und erneut speichert.
Alan Gilbertson
3

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 von CMYK in der Farbpalette auf RGB geändert und keine Ergebnisse erhalten.

Gehen Sie zu DATEI -> DOKUMENTENFARBENMODUS -> RGB.

Hoffe das hilft, es hat bei mir funktioniert.

Tony Stevens
quelle
2

Hier ist, was ich denke, los ist. Illustrator exportiert Ihre Bilder als PNG-24 mithilfe eines sRGB-Profils. Das bedeutet, dass Sie die ganze Zeit in sRGB arbeiten mussten.

Dafür ist es wahrscheinlich zu spät. Sie können dies also 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 Dokumentfarbmodus im Menü Datei in 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, können Sie die Farben des Inhalts, den Sie einfügen, konvertieren, um deren Erscheinungsbild beizubehalten
  • Exportieren Sie Ihr Bild und bedanken Sie sich für Ihre höhere Leistung
Brian P.
quelle
1

Ich glaube, dass ich eine Lösung für dieses Problem gefunden habe: Wenn Sie Ihre Bilder als PNG in Illustrator exportiert haben; öffne 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 mithilfe des Apple DigitalColor Meter (im Ordner Utilities des Ordners Applications) bestätigt werden.

Måns Holgersson
quelle
1

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

Wenn Sie etwas machen, insbesondere Bilder mit komplexen abgestuften Tönen (wie Fotos), die nur auf Monitoren angezeigt werden, stellen Sie immer sicher, dass Sie den RGB-Farbmodus im Fenster "Neues Dokument" auswählen. Wenn Sie CMYK auswählen und dann in ein Foto oder ein anderes komplexes Bild einfügen (das sich normalerweise im RGB-Modus befindet), ist der Schaden bereits behoben, da Illustrator versucht, die RGB-Profilfarben des Fotos in den CMYK-Arbeitsbereich auf dem Foto 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. Dies bedeutet, dass Sie jetzt eine Annäherung an eine Annäherung haben, der Sie sicher nicht zustimmen werden Zustand.

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

C Stubbs
quelle
0

Für das Web- und App-Design besteht die beste Lösung darin, das Farbmanagement von Illustrator für RGB-Dokumente so weit wie möglich zu deaktivieren. Dadurch werden RGB-Farben auf dem Bildschirm erzwungen und in einer Datei gespeichert, die dem tatsächlichen Farbwert entspricht.

Schritt 1 - Wählen Sie Bearbeiten> Farbeinstellungen ... und stellen Sie den Arbeitsbereich für RGB so ein, dass RGB überwacht wird.

Geben Sie hier die Bildbeschreibung ein

Schritt 2 - Öffnen Sie ein Dokument und wählen Sie "Bearbeiten"> "Profil zuweisen ...". Setzen Sie es dann auf "Dieses Dokument nicht farblich verwalten". Dies muss für jedes einzelne Dokument erfolgen, an dem Sie arbeiten.

Geben Sie hier die Bildbeschreibung ein

Schritt 3 - Stellen Sie sicher, dass Ansicht> Prooffarben deaktiviert ist.

Schritt 4 - Stellen Sie beim Speichern von Dateien mit Save For Web & Devices ... sicher, dass die Konvertierung in sRGB deaktiviert ist. Wenn Sie eine JPEG-Datei speichern, deaktivieren Sie auch das Farbprofil einbetten (in einigen Fällen möchten Sie dies möglicherweise für Fotos aktivieren, aber möglicherweise möchten Sie es für Oberflächenelemente und Symbole deaktivieren).

Geben Sie hier die Bildbeschreibung ein

Marc Edwards
quelle
Danke für Ihre Hilfe! Leider habe ich Ihre Anweisungen befolgt, aber die Farben sind beim Exportieren oder Speichern von Slices immer noch matt. (Auch nur zur Klarstellung - Ich habe keine Probleme, wenn ich für Web und Geräte speichere.)
Sarah
Interessant. Entschuldigung, mir fällt nichts anderes ein, das das Problem verursachen könnte.
Marc Edwards
0

Ein paar Realitätsprüfungen Ihrer Farbe:

  • Reiches 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 du nicht haben Proof colorsüberprüft im Menü Ansicht. Ansicht> Prooffarben
  • 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 passieren wird, wenn sie auf verschiedene Browser treffen. Hier finden Sie eine gute Erklärung, warum Sie bei der Farbanzeige immer noch dem Browser ausgeliefert sind . Edge-of-the-Gamut-Farben wie Orange werden besonders schwierig sein.

Zivilkleidung
quelle
0

Unter Windows mit Adobe Illustrator CC 22.1:

Ich habe dieses Problem behoben, indem ich zu Bearbeiten > Farbeinstellungen ... gegangen bin und dann im Abschnitt Arbeitsbereiche von Adobe RGB zu sRGB gewechselt habe.

Danach hat mein Dokument immer noch das richtige CMYK-Profil (das in meinen Fällen beschichtet wurde), das für den ordnungsgemäßen Druck benötigt wird, aber alle Exporte über das Asset-Export-Fenster haben eine knusprige RGB-Farbe, die für die Bildschirmnutzung erwartet wird. Vor dieser Änderung waren meine Pixelexporte wie beschrieben langweilig.

kjella
quelle