PhotoshopレイヤーをSVGパスに

カラーオーバーレイを使用した一連のレイヤーを持つ基本画像で構成される一連のPhotoshopファイルがあります。オーバーレイは、レイヤー名を使用してラベル付けされます。

私の仕事は、これらのオーバーレイをSVGパスとして取得し、どういうわけかラベルを維持することです。（もし私が同様に塗りつぶしの色を保存できれば、それはクールですが、必要に応じて任意の塗りつぶしの色を定義することができます。）

これまでのところ、レイヤーをIllustratorパスとしてエクスポートしてSVGから、Illustratorからにエクスポートしてみました。これにより、妥当なSVGパスが得られますが、（a）ラベルが失われます。（b）レイヤーのオーバーレイに複数の個別のセクションがある場合、複数のパスに分離されます。

ラベルを保持しながらこれらのレイヤーをSVGに入れる方法はありますか？またはExport > Illustrator > SVG 、レイヤーごとにルートを設定する必要がありますか？

それが重要な場合は、CS5で作業しています。

回答者へのETA：私たちはこのプロジェクトを完了してから長い間仕事を提供してきたため、回答を受け入れることはできませんが、他の人のための潜在的な解決策を自由に提案してください。

これを自動的に実行できる無料のPSスクリプトを作成しました。最後に「.svg」を付けてエクスポートするPSレイヤーに名前を付けるだけで、色を保持したままSVGに変換されます。ファイル名はレイヤーの名前にもなります。http://hackingui.com/design/export-photoshop-layer-to-svg/

このスクリプトは、CS5、CS6、およびCC開示で機能します。これは私のサイトにリンクしています

これらはベンダーから提供されますか？もしそうなら、おそらくそれは今は不可能ですが、将来の参考のために、変換をより実用的にする形式でボタンを提供するでしょう。Adobe Illustratorの方が優れているか、Inkscapeが最適です（そのネイティブフォーマットが最初からSVGであれば）。

最終的に私たちが使用した（退屈な）パスは次のとおりです。

• Photoshopには「レイヤーのエクスポート」コマンドがあります。（私はそれはスクリプトだったと思います。）これはドキュメントの各レイヤーのファイルを生成します。
• 次に、Illustratorでファイルを開き、パスを選択して、SVGとしてエクスポートしました。

これは苦痛で作業集約的でしたが、唯一の方法であるように思われました。

同様の状況（PhotoshopからベクタースマートオブジェクトをSVGにエクスポートしようとしている）では、次のことがうまくいきました。

• スマートオブジェクトレイヤーをダブルクリックして、Illustratorで開きます
• Illustratorで、[すべて選択Ctrl-A ] （）を選択してから、選択を右クリックし、[選択をエクスポート... ]をクリックします。

Photoshopから直接エクスポートしようとすると、常にSVGに埋め込まれたPNG画像データになってしまいましたが、上記の手順により、パスを含む適切なベクター画像を作成できました。

Hacking UIによって提供されるスクリプトexport-photoshop-layer-to-svgが機能しませんでした。

これらのphotoshopプラグインには、photoshopのUI（およびエクスポートオプションメニュー）へのより良い統合を提供するものもあります。グループ化されたレイヤーをエクスポートすることもできます。

• 複数のレイヤースタイルをサポートする photoshop-svg-exporter（20 $）
• Zeick - ビデオ（$ 20 -5％ ）