Các lớp Photoshop thành các đường dẫn SVG

Tôi có một tập hợp các tệp Photoshop bao gồm một hình ảnh cơ bản với một loạt các lớp với các lớp phủ màu. Các lớp phủ được dán nhãn bằng cách sử dụng tên lớp.

Nhiệm vụ của tôi là lấy các lớp phủ này làm SVGđường dẫn, bằng cách nào đó bảo quản nhãn. (Nếu tôi cũng có thể bảo toàn màu tô, điều đó sẽ rất tuyệt, nhưng chúng ta có thể xác định màu tô tùy ý nếu cần.)

Cho đến nay, chúng tôi đã thử xuất các lớp dưới dạng đường dẫn Illustrator và sau đó xuất sang SVGtừ Illustrator. Điều này mang lại cho chúng ta các đường dẫn SVG hợp lý, nhưng (a) chúng ta mất nhãn và (b) nếu một lớp có nhiều phần riêng biệt trong lớp phủ của nó, nó được tách thành nhiều đường.

Có cách nào để đưa các lớp này vào SVG trong khi giữ lại các nhãn không? Hay chúng ta nên thực hiện Export > Illustrator > SVG lộ trình của mình trên cơ sở từng lớp?

Chúng tôi đang làm việc với CS5, nếu điều đó quan trọng.

ETA cho người trả lời: Chúng tôi đã hoàn thành dự án này từ lâu và đã giao việc, vì vậy tôi không thể chấp nhận câu trả lời, nhưng hãy thoải mái đưa ra các giải pháp tiềm năng của bạn cho người khác.

Tôi đã viết một kịch bản PS miễn phí cho phép bạn làm điều này tự động. Chỉ cần đặt tên cho các lớp PS mà bạn muốn xuất với'.svg 'ở cuối và chúng sẽ được chuyển đổi thành SVG, giữ nguyên màu sắc. tên tập tin cũng sẽ là tên của lớp. http://hackingui.com/design/export-photoshop-layer-to-svg/

Kịch bản hoạt động với tiết lộ CS5, CS6 và CC: liên kết này đến trang web của tôi

Là những người được cung cấp bởi một nhà cung cấp? Nếu vậy, có thể bây giờ không thể thực hiện được, nhưng để tham khảo trong tương lai, tôi sẽ yêu cầu họ phân phối các nút theo định dạng giúp chuyển đổi thực tế hơn nhiều. Adobe Illustrator sẽ tốt hơn hoặc Inkscape sẽ hoàn hảo (với định dạng gốc là SVG để bắt đầu).

Cuối cùng, con đường (tẻ nhạt) mà chúng ta đã sử dụng là:

• Photoshop có lệnh "xuất lớp". (Tôi nghĩ đó là một tập lệnh.) Điều này tạo ra một tệp cho mỗi lớp trong tài liệu.
• Sau đó, chúng tôi đã mở các tệp trong Illustrator, chọn đường dẫn và xuất nó dưới dạng SVG.

Điều này thật đau đớn và tốn nhiều công sức nhưng dường như là cách duy nhất để vượt qua.

Trong một tình huống tương tự (cố gắng xuất các đối tượng thông minh Vector sang SVG từ Photoshop), điều làm việc cho tôi là:

• Nhấp đúp vào lớp Smart Object để mở trong Illustrator
• Trong Illustrator, chọn Tất cả ( Ctrl-A), sau đó nhấp chuột phải vào lựa chọn và " Xuất lựa chọn ... "

Nếu tôi cố xuất chúng trực tiếp từ Photoshop, tôi luôn kết thúc với dữ liệu hình ảnh PNG được nhúng trong một SVG, nhưng các bước trên cho phép tôi tạo ra các hình ảnh vector phù hợp với các đường dẫn.

Script xuất-photoshop-layer-to-svg được cung cấp bởi Hacking UI không hoạt động với tôi.

Ngoài ra còn có các plugin photoshop cung cấp tích hợp tốt hơn trong giao diện người dùng photoshop (và menu tùy chọn xuất). Họ cũng cho phép xuất các lớp được nhóm.

• photoshop-svg-export hỗ trợ nhiều kiểu lớp (20 $)
• Zeick - video ( $ 20 -5% )