Illustrator, Save for Web: Kunst- und Typoptimierung auf einmal getrennt halten?


11

Beim Exportieren für das Web in Illustrator gibt es die bekannten Art Optimizedund Type OptimizedWiedergabeschemata (abgesehen von None).

Beide Schemata haben ihre eigenen Vorteile für verschiedene Arten von Elementen. Es überrascht nicht, dass Art Optimized sich für alles andere als Text eignet, während Type Optimized beim Rendern von Text / Schriftarten oft viel besser ist. (Nun, ich denke, das könnte ein subjektives Thema sein, aber es ist für die Diskussion irrelevant. Bleiben wir einfach der Tatsache treu. Manchmal bevorzugen Sie das eine oder andere, und oft (hier ist der Kern des Ganzen) bevorzugen Sie beide Schemata Behandlung ihrer beabsichtigten Elemente, oder?

Ich muss oft zwei Versionen exportieren; ein * _art_opt.png und ein * _type_opt.png, wenn zB ein Logo erstellt wird. Dann muss ich beide gerenderten Bilder in Photoshop auf zwei Ebenen platzieren und den kunstoptimierten Teil aus dem Bereich Typ herausschneiden und umgekehrt. Nur um das zu bekommen, wonach ich gesucht habe: OPTIMIERTE Kunst… mit anderen Worten, "Kunst" hat Kunst optimiert und Text typoptimiert.

Faktor, dass ich oft verschiedene Größen mache; transparente Versionen und undurchsichtige Versionen; in verschiedenen Formaten gespeichert… und Sie haben genau dort einige ernsthafte Zeitverschwendung.

Und so die Frage

Ich frage mich nur, ob es eine Methode gibt, Kunstelemente mit kunstoptimierter Wiedergabe und Textelemente als typoptimiert zu behandeln - alles auf einmal?

Unten sehen Sie ein Beispiel, das zeigt, wie die Logo-Markierung in einer Optimierung (Grafik) gut aussieht und der Logo-Text in der anderen Optimierung (Typ) besser, in der ich zwei Dateien speichern und in Photoshop bringen müsste, um sie manuell zu mischen gute Teile zusammen:

Geben Sie hier die Bildbeschreibung ein

Antworten:


11

Beim Anwenden von Anti-Aliasing im Save for Web & DevicesBedienfeld erhält der gesamte Export dieselbe Anti-Aliasing-Methode, Sie können das Anti-Alisaing jedoch auf Objektebene anwenden.

Wählen Sie ein Objekt aus und gehen Sie zu Effect > Rasterize.... Wählen Sie Ihren gewünschten ppi, es ist besser, immer zu wählen, Use Document Raster Effects Resolutionda es dann einfach ist, alle Ihre Objekte von 72ppi auf 300ppi umzuschalten, indem Sie beispielsweise auf klicken Effect > Document Raster Effects Settings.... Wählen Sie die Anti-Aliasing-Methode aus, die Sie auf Ihr Objekt anwenden möchten. Ich bewerbe mich immer Type Optimizedauf Textobjekte, aber Sie müssen nichts an Grafiken tun. Ich verwende Art Optimizednur verknüpfte PSD-Bilder, um ein besseres Ergebnis zu erzielen, insbesondere wenn Sie das Bild in Ilustrator verkleinert haben

Ein weiterer Vorteil dieser Methode besteht darin, dass das, was Sie auf Ihrer Zeichenfläche sehen (sobald alle Rasterfilter angewendet wurden), genau das ist, was Sie beim Exportieren erhalten, damit Sie die endgültige Ausgabe wirklich steuern können.

Das Objekt wird gerastert, aber da es sich um einen Effekt handelt, können Sie es im AppareanceBedienfeld ein- und ausschalten. Es wird also nicht wirklich gerastert und nicht geändert. Wenden Sie dann beim Exportieren kein Anti-Aliasing im Save for Web & DevicesBedienfeld an.


3
dlmth: Das ist verdammt brillant. Ich kann nicht sagen, wie dankbar ich für diese Antwort bin. Ein Hinweis zur Vorsicht für diejenigen, die auf dieselbe Verwirrungslücke stoßen wie ich: Wenn Ihre Ausgabe für den Computerbildschirm bestimmt ist, ändern Sie Effekte> Einstellungen für Dokument-Rastereffekte… in 'Bildschirm (72 ppi). Meins war auf 'Hoch (300 ppi)', was das Anti-Aliasing beim Speichern für das Web wirklich durcheinander brachte.
Henrik

3

Ehrlich gesagt ... Ich kopiere / füge Photoshop als Smart Object ein und speichere in diesen Fällen mit Photoshop für das Web. Das SFW-Anti-Aliasing von AI ist nicht beeindruckend, wenn die Objekte gemischt werden.


Das ist interessant! Daran habe ich nie gedacht. Anscheinend behandelt Photoshop den Text nur ein bisschen besser (unter Beibehaltung der Integrität der Grafik). Allerdings habe ich in PS 'Save for Web einen bösen Farbfehler erlebt, aber ich denke, das hat etwas damit zu tun, dass das Logo, an dem ich gerade arbeite (nicht das Dummy-Symbol oben;), eine ziemlich ausgefeilte (mehrfache) Deckkraft aufweist Masken und innere Glow + Drop Shadow-Effekte werden ausgeführt, die in Photoshop nicht auf die gleiche Weise behandelt werden.
Henrik

1
Ich verwende keine Wirkung auf Logos. Ich entwerfe flache Formen für Logos. Stellen Sie jedoch zur besseren Unterstützung sicher, dass Ihr AI-Dokumentfarbmodus RGB ist, und kopieren Sie ihn dann in Photoshop.
Scott

Großartiger Punkt zur Konsistenz des Farbmodus, Scott. Ich wollte fragen, ob Sie kurz erläutern möchten,
Henrik

Alle Doseneffekte "verbilligen" lediglich die Marke. Ein festes Logo sollte keine Schlagschatten oder Glühen oder ähnliches benötigen. Nur meine Meinung. Es ist absolut bekannt, dass ich falsch liege.
Scott

2

Nachdem ich dies gelesen habe, habe ich jeden Text in Umrissen erstellt.

Wählen Sie im Feld "Logo-Text" aus. Klicken Sie mit der rechten Maustaste und sagen Sie "Konturen erstellen" oder Edit > Object > create outlines.

Dies wird keine erlauben

Export optimiert für Art.

Ich habe dies jedoch für ein Logo verwendet, das gedruckt wird, und nicht nur für die Verwendung im Internet. Ich kann mir jedoch vorstellen, dass es ähnlich sein wird.


-1

Grundsätzlich wie oben, jedoch für AI 2017:

Typ auswählen (mit Zeiger, nicht Textwerkzeug) Typ> Konturen erstellen. Voila. Ihr Text ist Kunst und kann jetzt kunstoptimiert werden. Perfekt!


1
Schreiben Sie nicht "wie oben", da die Antworten aufgrund von Upvotes / Downvotes ihre Position ändern. Wenn Sie stattdessen auf eine andere Antwort verweisen möchten, sagen Sie "wie @user sagte". Auch was Sie geschrieben haben, ist eher ein Kommentar als eine Antwort auf die Frage.
Luciano
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.