Für Illustrator generieren/extrahieren?

Gibt es eine Möglichkeit (Plug-In, Add-On usw.), Assets aus Illustrator so zu exportieren, wie man es mit Photoshop Generate tut? Ich verbringe viel Zeit damit, alles akribisch in viele, viele Zeichenflächen zu unterteilen, und es wäre sehr hilfreich, wenn ich jede Gruppe einfach in einen anderen Unterordner ausgeben könnte (ich wage zu sagen, sogar in verschiedenen Größen exportiert), und dann in der Lage sein, die Elemente in meine Layouts (oder Animationen ... oder sie in meinem Code zu verlinken) fallen zu lassen. Ich glaube, dass Illustrator und SVG eindeutig die Zukunft des Webdesigns/der Entwicklung sind, aber der Workflow (so wie er ist) ist grauenhaft. Ich habe schon ein bisschen im Internet gestöbert, leider ohne Erfolg. Die Zeichenflächen funktionieren, aber es ist sehr mühsam, sie zu trennen, und es erlaubt keine Trennung von überlappenden Elementen, wie ich es gerne hätte.


PS: Alle nützlichen Tools zur Beschleunigung eines Vektor => Website- Workflows sind ebenfalls sehr willkommen. Ich verbringe viel zu viel Zeit mit dem Export, so wie mein Verfahren jetzt aussieht, und jede Möglichkeit, es zu rationalisieren, ist ein Schritt nach vorne!

Antworten (4)

Sie können Slicesin Illustrator verwenden, um Bilder mit Save For Web.

Slices in Illustrator

Ich rate davon ab, Illustrator zum Exportieren von Bildelementen zu verwenden. Es hat viele Probleme, wie nicht geditherte Farbverläufe, schlechteres Form-Antialiasing als Photoshop (und andere Apps) und andere Probleme.

Dank dafür! Ich möchte es hauptsächlich für die SVG-Ausgabe verwenden, daher sind diese Bedenken in diesem Zusammenhang keine große Sorge. Einige aufregende Dinge passieren gerade in der gesamten SVG-Welt. Es wäre schön, wenn Adobe anfangen würde, Illustrator als Web-Authoring-Tool ernst zu nehmen. Sie bekommen es endlich mit Photoshop zusammen, gerade als alles auf Vektor umgestellt wird. Klassisch! Danke @marc!
Nur um zu überprüfen, ob Sie das wissen: Photoshop kann SVGs mit Generator exportieren. Es gibt definitiv Einschränkungen hinsichtlich der Möglichkeiten, aber für einfarbige Symbole und einfachere Webinterface-Assets ist es eine gute Option, wenn Sie einen automatisierten SVG-Export wünschen.

Mit Adobe CC entwerfe ich Assets in Illustrator und exportiere sie dann über meine Adobe Creative Cloud-Bibliotheken nach Photoshop. Photoshop ist beim Exportieren von Dateien zweifellos viel besser als Sketch3, insbesondere wenn die Dateigröße eine Rolle spielt.

1 - Entwerfen Sie in Illustrator auf einem Pixelraster und jedes Asset auf einer separaten Ebene

2 - Ich wähle das Asset anhand seiner Ebene aus

3 - Ich verwende meine Adobe CC-Bibliothek, um das Asset-Bibliotheksfenster / Grafik hinzufügen [Schaltfläche] zu exportieren, und gebe meinem Asset einen geeigneten Namen (z. B.: AssetName@1x.png), der mein endgültiges Exportformat widerspiegelt

4 - Ich erstelle ein Dokument in Photoshop und lege alle Assets, die ich gespeichert habe, in meiner Bibliothek ab. Jedes Asset wird als Ebene mit dem Namen angezeigt, den ich ihm gegeben habe.

5 - Wählen Sie die zu exportierenden Ebenen aus, dann Ebenenbereich / Exportieren als. Das Suffix des Ebenennamens wählt automatisch das Format aus.

Ich fand das Smart Layers Export -Skript ein Lebensretter. Sie können bestimmte Ebenen/Zeichenflächen gleichzeitig in mehrere Formate exportieren, einschließlich SVG, und in verschiedenen Größen (@2x usw.) exportieren.

Was ist mit diesem kleinen Plugin? http://www.kodlian.com/apps/magic-exporter

Bitte beschreiben Sie, was sich hinter dem Link verbirgt. Im Allgemeinen sind einzeilige Antworten verpönt.