Có bất cứ điều gì có thể đọc, nhập hoặc chuyển đổi CMYK SVG không?


11

Câu hỏi ngắn: Tôi có các tệp SVG với màu CMYK, được chỉ định theo thông số kỹ thuật của SVG . Tôi muốn đưa nó vào một chương trình thiết kế - bất kỳ chương trình thiết kế nào - để hoàn thiện thiết kế và chuẩn bị nó để in. Tuy nhiên, tôi không thể tìm thấy bất cứ điều gì thực sự chú ý đến màu sắc CMYK trong SVG (dù sao không phải là Illustrator hay Inkscape).

Màu sắc rất phức tạp và không dễ để chuyển đổi: hãy tưởng tượng hàng trăm sắc thái được tạo ra một cách linh hoạt, như các sắc thái và pha trộn của CMYK được chỉ định theo hướng dẫn thương hiệu phải vừa phải.


Bối cảnh: Một cái gì đó trở nên phổ biến hơn là thiết kế đồ họa dựa trên dữ liệu được tạo từ dữ liệu bằng cách sử dụng javascript và SVG, sau đó, xuất bản một biến thể cho web bằng javascript và SVG, ví dụ qua D3 (hoặc thông qua Raphael / D34Raphael để hỗ trợ IE) , sau đó sử dụng cùng một mã để tạo ra một biến thể để in, được hoàn thành trong Illustrator (hoặc Inkscape) và được gửi đến các máy in hoặc bố trí mọi người dưới dạng PDF.

Đây là một ví dụ từ blog đồ họa của Thời báo New York nói về quy trình làm việc này. Đồ họa bên dưới được mã hóa cho web, sau đó SVG được sao chép từ trình duyệt vào Illustrator sau đó được hoàn thiện dưới dạng đồ họa in (đối với chúng, màu sắc rất đơn giản nên chúng không gặp vấn đề gì với chúng, chúng chỉ có thể chuyển đổi từ RGB) :

nhập mô tả hình ảnh ở đây

SVG có thể chỉ định màu CMYK (đối với bất kỳ bộ mã hóa SVG nào ngoài đó, cú pháp trông như thế này <circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/>:). Nhưng hầu hết các phần mềm thiết kế đều bỏ qua điều này. Tôi đã thấy cuộc nói chuyện trong cộng đồng Inkscape nghĩ về việc hỗ trợ CMYK SVG và một cái gì đó phức tạp liên quan đến Scribus ("InDesign mã nguồn mở"), nhưng tôi đã không quản lý để làm việc (tôi có thể đã hiểu nhầm Scribus - chỉnh sửa: bài viết này gợi ý rằng Scribus có thể nhập CMYK SVG nếu định nghĩa nó là cấu hình màu ICC ... chưa hoàn toàn hiểu ý nghĩa của nó nhưng có vẻ đầy hứa hẹn).


Vì vậy, tôi có thể tạo mã tạo trực quan RGB SVG ở mode chế độ web 'và CMYK SVG ở' chế độ in ', tự động tạo ra các màu sắc vừa phải. Vấn đề là, tôi không thể làm gì với các tệp CMYK SVG này - Illustrator và Inkscape chỉ coi chúng là màu đen.

Có bất cứ chương trình đồ họa, cắm hoặc phương pháp có thể có một hình ảnh SVG với hình dạng CMYK và chuyển nó sang bất kỳ định dạng vector ( ai, pdf, eps...), nơi phần mềm thiết kế sẽ lắng nghe các màu CMYK?


Đây là một tệp SVG đơn giản với một số văn bản có màu được chỉ định trong CMYK. Chỉ cần sao chép và dán và lưu dưới dạng tệp .svg.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" 
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="176.18px"
     height="111.59px" viewBox="0 0 176.18 111.59" enable-background="new 0 0 176.18 111.59" xml:space="preserve">
<switch>
    <g>
        <text transform="matrix(1 0 0 1 31.5986 34.522)" fill="#dddddd device-cmyk(0.00, 0.00, 0.00, 0.60)" font-family="'MyriadPro-Regular'" font-size="12">TEST FILE...</text>
        <text transform="matrix(1 0 0 1 31.5986 59.3633)" fill="#dddddd device-cmyk(0.00, 0.85, 0.65, 0.00)" font-family="'MyriadPro-Regular'" font-size="12">This should be red</text>
        <text transform="matrix(1 0 0 1 31.5986 84.2041)" fill="#dddddd device-cmyk(0.90, 0.55, 0.00, 0.00)" font-family="'MyriadPro-Regular'" font-size="12">This should be blue</text>
    </g>
</switch>
</svg>

Có một tập tin thử nghiệm?
Scott

@scott Tôi đã chỉnh sửa một câu hỏi đơn giản cho câu hỏi
user56reinstatemonica8

Bất cứ điều gì về mã của SVG có thể được thay đổi. Ngoài ra, tôi đã tìm thấy bài viết này - libregraphicsworld.org/blog/entry/, - có vẻ như Scribus có thể nhập CMYK SVG nếu nó được xác định đúng. Không bị nứt nó mặc dù.
user56reinstatemonica8

Vâng, tôi không có gì ở đây đang kéo màu.
Scott

1
Lưu ý rằng đó là bản nháp tiêu chuẩn SVG 1.2 mà bạn đang đề cập. SVG 1.2 đã bị ủy ban từ bỏ ủng hộ SVG 2, có lẽ sẽ mất nhiều năm để được chuẩn hóa.
John Smith

Câu trả lời:


6

Điều này dường như làm việc:

  • Cài đặt Scribus , Mac và Windows thay thế thiết kế mã nguồn mở (cũng có phiên bản di động chính thức cho Windows trên sourceforge không yêu cầu cài đặt). CẢNH BÁO: giao diện của nó rất khó hiểu ... Nhưng, nó miễn phí và thực hiện công việc đặc biệt này, chỉ có một điều đơn giản chúng ta cần sử dụng nó cho.
  • Mở nó lên, đi đến File > Document Setupđó Colour Managementvà đặt mọi thứ CMYK liên quan đến Generic CMYK profile- nên có ba vị trí: màu sắc, hình dạng rắn và in.
  • Đảm bảo các tệp SVG chỉ định màu CMYK của chúng như thế này: fill="#ffffff icc-color(Generic-CMYK-profile, 1.00, 0.50, 0.00, 0.25)"(trong đó 1,00 = 100%)

    • Nếu SVG được tạo trong trình duyệt, trình duyệt không thích cài đặt dữ liệu kiểu như thế này. Trước tiên hãy thử đặt fillthuộc tính trực tiếp và nếu điều đó không hoạt động, hãy thử sử dụng thuộc tính SVG tùy chỉnh như data-fill="#223fa3 icc-color..."sau đó tìm - thay thế nó trong tệp văn bản.
    • Đừng lo lắng nếu mọi thứ hiển thị màu đen trong trình duyệt, đó là dấu hiệu cho thấy dữ liệu điền ở đó nhưng trình duyệt không hiểu điều đó - bình thường. Kiểm tra với yếu tố kiểm tra để chắc chắn.
    • Nếu SVG được tạo bởi Raphael, hãy đặt nó như thế element.node.setAttribute( 'fill', '#223fa3 icc-color...' );- dường như Raphael .attr('fill','')không áp dụng cho phần tử thực tế. Cũng cập nhật .attr('fill')nếu mã cần đọc nó sau. Cùng đi cho stroke. Sẽ chỉ hoạt động ở chế độ SVG, một cách tự nhiên ...
  • Nhập tệp SVG vào Scribus bằngFile > Import > Get vector
  • Xuất dưới dạng PDF (xuất dưới dạng EPS không hoạt động đối với tôi, nó có tất cả các màu). Đảm bảo rằng trong các tùy chọn xuất, nó được đặt thành 'CMYK' hoặc 'Để in' hoặc tuy nhiên, chúng hiện cụm từ đó trong tab quản lý màu - mặc định có vẻ là RGB ("Dành cho web / màn hình").
  • Mở tệp PDF đó trong Illustrator - nó sẽ mở dưới dạng tài liệu CMYK có cùng màu CMYK như được chỉ định trong SVG gốc.

Kết quả: Đồ họa CMYK trong Illustrator, khớp với SVG, với các màu CMYK như được chỉ định trong SVG.


Cảnh báo: Hỗ trợ SVG của Scribus rất ropey. Đặc biệt:

  • Về cơ bản không có hỗ trợ văn bản SVG và họ không có ý định hỗ trợ văn bản SVG hơn là tranh luận về lỗi này . Hy vọng nó sẽ phác thảo tất cả các văn bản quá xa trong phông chữ sai với k sâu sắc khủng khiếp.
  • Nó dường như bị lẫn lộn bởi độ dốc và độ trong suốt - mặc dù đôi khi nó hiển thị mọi thứ đúng cách, mặc dù phàn nàn trên đường đi.
  • Tất cả mọi thứ trong PDF sẽ được bọc trong một đống mặt nạ cắt.
  • Giao diện riêng của Scribus thực sự khó hiểu (kể từ mùa hè 2013) - Tôi khuyên bạn nên thực hiện việc mày mò tối thiểu tuyệt đối trong chính Scribus.

Đôi khi, bạn có thể cần kết hợp các yếu tố từ SVG gốc (ví dụ: văn bản) với phiên bản bẻ khóa Scribus. Nếu ai biết cách nào tốt hơn Scribus, hãy chia sẻ!


Nếu bạn cần cấu hình màu cụ thể, bạn có thể cài đặt thêm cấu hình màu trong Scribus và chỉ định chúng trong SVG của bạn, nhưng tôi không chắc về chi tiết. Đây bài viết trước đây liên kết có thể là một nơi tốt để bắt đầu.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.