Photoshop-Ebenen in SVG-Pfade

Ich habe eine Reihe von Photoshop-Dateien, die aus einem Basisbild mit einer Reihe von Ebenen mit farbigen Überlagerungen bestehen. Die Überlagerungen werden mit den Ebenennamen gekennzeichnet.

Meine Aufgabe ist es, diese Überlagerungen als SVGPfade zu erhalten und die Beschriftungen irgendwie zu erhalten. (Wenn ich auch die Füllfarben beibehalten kann, wäre das cool, aber wir können bei Bedarf beliebige Füllfarben definieren.)

Bisher haben wir versucht, die Ebenen als Illustrator-Pfade zu exportieren und dann SVGaus Illustrator nach zu exportieren . Dies bringt uns vernünftige SVG-Pfade, aber (a) wir verlieren die Beschriftungen und (b) wenn eine Ebene mehr als einen diskreten Abschnitt in ihrer Überlagerung hat, wird sie in mehrere Pfade unterteilt.

Gibt es eine Möglichkeit, diese Ebenen unter Beibehaltung der Beschriftungen in SVG zu integrieren? Oder sollten wir unsere Export > Illustrator > SVG Route Schicht für Schicht machen?

Wir arbeiten mit CS5, wenn das wichtig ist.

ETA an die Antwortenden: Wir haben dieses Projekt längst abgeschlossen und den Auftrag geliefert, daher kann ich keine Antwort akzeptieren , kann aber gerne Ihre möglichen Lösungen für andere vorschlagen .

Ich habe ein kostenloses PS-Skript geschrieben, mit dem Sie dies automatisch tun können. Benennen Sie einfach die PS-Ebenen, die Sie exportieren möchten, mit ".svg" am Ende. Sie werden dann unter Beibehaltung der Farben in SVGs konvertiert. Der Dateiname ist auch der Name der Ebene. http://hackingui.com/design/export-photoshop-layer-to-svg/

Das Skript funktioniert mit CS5-, CS6- und CC-Offenlegung: Dieser Link führt zu meiner Site

Werden diese von einem Anbieter bereitgestellt? Wenn ja, ist es jetzt vielleicht nicht machbar, aber zum späteren Nachschlagen würde ich sie die Schaltflächen in einem Format liefern lassen, das die Konvertierung viel praktischer macht. Adobe Illustrator wäre besser oder Inkscape wäre perfekt (da das native Format zunächst SVG ist).

Letztendlich war der (mühsame) Weg, den wir benutzt haben:

• Photoshop verfügt über den Befehl "Ebenen exportieren". (Ich denke, es war ein Skript.) Dadurch wird eine Datei für jede Ebene im Dokument generiert.
• Dann haben wir die Dateien in Illustrator geöffnet, den Pfad ausgewählt und als SVG exportiert.

Dies war schmerzhaft und arbeitsintensiv, schien aber der einzige Weg zu sein.

In einer ähnlichen Situation (beim Versuch, Vector Smart Objects aus Photoshop in SVGs zu exportieren) funktionierte Folgendes für mich:

• Doppelklicken Sie auf die Smart Object-Ebene, um sie in Illustrator zu öffnen
• Wählen Sie in Illustrator Alle aus ( Ctrl-A), klicken Sie mit der rechten Maustaste auf Auswahl und wählen Sie " Auswahl exportieren ... ".

Wenn ich versuchte, sie direkt aus Photoshop zu exportieren, wurden immer PNG-Bilddaten in eine SVG-Datei eingebettet. Mit den obigen Schritten konnte ich jedoch die richtigen Vektorbilder mit Pfaden erstellen.

Das von Hacking UI angebotene Skript export-photoshop-layer-to-svg hat bei mir nicht funktioniert.

Es gibt auch diese Photoshop-Plugins, die eine bessere Integration in die Photoshop-Benutzeroberfläche (und das Exportoptionsmenü) bieten. Sie ermöglichen auch den Export von gruppierten Ebenen.

• Photoshop-SVG-Exporter, der mehrere Ebenenstile unterstützt (20 $)
• Zeick - Video ( $ 20 -5% )