Photoshop-Ebenen in SVG-Pfade

7

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 .

adobe-photoshop adobe-illustrator vector layers svg pjmorse
quelle

Antworten:

3

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

DMTintner
quelle
2
Nur ein Hinweis: Dies funktioniert nur, wenn Sie über Illustrator verfügen. Daher werden Photoshop keine magischen SVG-Exportfunktionen hinzugefügt. Sie müssen sich auch für einen Newsletter anmelden. Wenn Sie wirklich, nicht für ihre E-Mail - Liste registrieren wollen gehen hier die Datei direkt herunterladen.
Pieter
Ich hatte Probleme mit diesem Skript. Es wurde einfach nichts getan (unter Mac OSX und Photoshop CS6). Keine .svg generiert, keine .ai generiert, keine Nachricht. Nur ein Ladesymbol dann nichts. Jeder Gedanke ?
Svassr
@svassr Schauen Sie sich die Diskussion hier an: hackingui.com/design/export-photoshop-layer-to-svg und hier: hackingui.com/design/… Das Skript funktioniert mit CS6 und OSX. Sind deine Formen tatsächlich geschlossen? Es funktioniert nicht auf Textebenen. Wenn Sie weitere Details
angeben
0

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).

DA01
quelle
0

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.

pjmorse
quelle
0

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.

Nick F.
quelle
-1

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.

svassr
quelle