มีอะไรที่สามารถอ่านนำเข้าหรือแปลง CMYK SVG ได้บ้าง


11

คำถามสั้น:ฉันมีไฟล์ SVG ที่มีสี CMYK ระบุเป็นไปตามรายละเอียด SVG ฉันต้องการนำสิ่งนี้เข้าสู่โปรแกรมออกแบบ - โปรแกรมออกแบบใด ๆ - เพื่อจบการออกแบบและเตรียมพิมพ์ อย่างไรก็ตามฉันไม่พบสิ่งใดที่ให้ความสนใจกับสีของ CMYK ใน SVG (ไม่ใช่ Illustrator หรือ Inkscape)

สีมีความซับซ้อนและไม่ใช่เรื่องง่ายที่จะแปลงเพียงแค่: ลองจินตนาการว่ามีเฉดสีหลายร้อยเฉดที่ถูกสร้างขึ้นแบบไดนามิกเนื่องจากโทนสีและการผสมผสานของ CMYK ที่ระบุแนวทางของแบรนด์ที่ต้องเป็นไปอย่างถูกต้อง


พื้นหลัง:บางสิ่งที่เป็นเรื่องธรรมดาคือการออกแบบกราฟิกที่ขับเคลื่อนด้วยข้อมูลที่สร้างขึ้นจากข้อมูลโดยใช้ javascript และ SVG จากนั้นเผยแพร่ตัวแปรหนึ่งสำหรับเว็บโดยใช้ javascript และ SVG เช่นผ่านD3 (หรือผ่านRaphael / D34Raphaelสำหรับการสนับสนุน IE) จากนั้นใช้รหัสเดียวกันในการสร้างชุดตัวเลือกสำหรับการพิมพ์ซึ่งเสร็จสิ้นใน Illustrator (หรือ Inkscape) และส่งไปยังเครื่องพิมพ์หรือเค้าโครงคนเป็น PDF

นี่คือตัวอย่างจากบล็อกกราฟิกของ New York Times ที่พูดถึงกระบวนการทำงานนี้ กราฟิกด้านล่างถูกเขียนขึ้นสำหรับเว็บจากนั้น SVG จะถูกคัดลอกจากเบราว์เซอร์ไปยัง Illustrator แล้วจึงสรุปเป็นกราฟิกการพิมพ์ (สำหรับพวกเขาสีเรียบง่ายดังนั้นพวกเขาไม่มีปัญหาของฉันพวกเขาสามารถแปลงจาก RGB ได้) :

ป้อนคำอธิบายรูปภาพที่นี่

SVG สามารถระบุสี CMYK (สำหรับ coders SVG ออกมีไวยากรณ์ที่มีลักษณะเช่นนี้<circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/>) แต่ซอฟต์แวร์การออกแบบส่วนใหญ่จะไม่สนใจสิ่งนี้ ฉันเคยเห็นพูดคุยในชุมชน Inkscape ที่คิดเกี่ยวกับการสนับสนุน CMYK SVG และสิ่งที่ซับซ้อนเกี่ยวกับ Scribus ("InDesign โอเพนซอร์ส") แต่ฉันไม่ได้จัดการเพื่อทำงาน (ฉันอาจเข้าใจ Scribus คนหนึ่งผิด - แก้ไข: บทความนี้แสดงให้เห็นว่า Scribus สามารถนำเข้า CMYK SVG ได้หากกำหนดเป็นโปรไฟล์สี ICC ... ยังไม่ค่อยเข้าใจ แต่ยังมีแนวโน้ม)


ดังนั้นฉันสามารถสร้างรหัสที่สร้างภาพ RGB SVG ใน 'โหมดเว็บ' และ CMYK SVG ใน 'โหมดการพิมพ์' ซึ่งเป็นการสร้างสีสันแบบไดนามิกที่เหมาะสม ปัญหาคือฉันไม่สามารถทำอะไรกับไฟล์ CMYK SVG เหล่านี้ - Illustrator และ Inkscape เพียงแค่ถือว่าเป็นสีดำ

มีโปรแกรมกราฟิกใด ๆ ปลั๊กอินหรือวิธีการที่สามารถใช้ภาพ SVG ที่มีรูปร่าง CMYK และแปลงเป็นรูปแบบเวกเตอร์ใด ๆ ( ai, pdf, eps... ) ที่ออกแบบซอฟต์แวร์ที่จะรับฟังสี CMYK หรือไม่


นี่คือไฟล์ SVG แบบง่ายที่มีข้อความที่มีสีระบุไว้ใน CMYK เพียงแค่คัดลอกและวางและบันทึกเป็นไฟล์. 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>

มีไฟล์ทดสอบหรือไม่
สกอตต์

@scott ฉันได้แก้ไขคำถามง่ายๆในคำถาม
user56reinstatemonica8

สิ่งใดเกี่ยวกับรหัสของ SVG สามารถเปลี่ยนแปลงได้ นอกจากนี้ฉันยังพบบทความนี้ - libregraphicsworld.org/blog/entry/ … - ซึ่งดูเหมือนว่า Scribus อาจนำเข้า CMYK SVG หากกำหนดไว้ถูกต้อง ยังไม่แตกเลย
user56reinstatemonica8

ฉันไม่มีอะไรที่นี่ซึ่งเป็นการดึงสี
สกอตต์

1
โปรดทราบว่าเป็นร่างมาตรฐาน SVG 1.2 ที่คุณอ้างอิง SVG 1.2 ถูกยกเลิกโดยคณะกรรมการเพื่อสนับสนุน SVG 2 ซึ่งอาจใช้เวลาหลายปีกว่าจะได้มาตรฐาน
John Smith

คำตอบ:


6

ดูเหมือนว่าจะใช้งานได้:

  • ติดตั้งScribus , Mac และ Windows อีกทางเลือกหนึ่งใน open source (มีรุ่นพกพาอย่างเป็นทางการสำหรับ Windows บน sourceforgeที่ไม่ต้องติดตั้ง) คำเตือน: อินเทอร์เฟซของมันสับสนมาก ... แต่มันฟรีและทำงานนี้โดยเฉพาะมีเพียงสิ่งเดียวที่เราต้องใช้เพื่อ
  • เปิดขึ้นไปFile > Document Setupแล้วColour Managementตั้งค่าทุกอย่างที่เกี่ยวข้องกับ CMYK Generic CMYK profile- ควรเป็นสามแห่ง ได้แก่ สีรูปร่างที่เป็นของแข็งและการพิมพ์
  • ตรวจสอบให้แน่ใจว่าไฟล์ SVG ระบุสีของ CMYK ดังนี้: fill="#ffffff icc-color(Generic-CMYK-profile, 1.00, 0.50, 0.00, 0.25)"(โดย 1.00 = 100%)

    • หาก SVG ถูกสร้างขึ้นในเบราว์เซอร์เบราว์เซอร์ไม่ชอบการตั้งค่าข้อมูลสไตล์เช่นนี้ ลองตั้งค่าแอfillททริบิวก่อนโดยตรงและหากไม่ได้ผลให้ลองใช้แอททริบิวต์ SVG ที่กำหนดเองเช่นdata-fill="#223fa3 icc-color..."จากนั้นหาแทนที่ในไฟล์ข้อความ
    • ไม่ต้องกังวลหากทุกอย่างปรากฏเป็นสีดำในเบราว์เซอร์นั่นเป็นสัญญาณว่ามีข้อมูลการกรอกข้อมูลอยู่ แต่เบราว์เซอร์ไม่เข้าใจ - ปกติ ตรวจสอบกับองค์ประกอบการตรวจสอบเพื่อให้แน่ใจว่า
    • หาก SVG ถูกสร้างโดย Raphael ให้ตั้งค่าไว้element.node.setAttribute( 'fill', '#223fa3 icc-color...' );- .attr('fill','')ดูเหมือนว่าRaphael จะไม่ใช้กับองค์ประกอบจริง อัปเดตด้วย.attr('fill')หากรหัสต้องอ่านในภายหลัง strokeเดียวกันจะไปสำหรับ จะทำงานในโหมด SVG เท่านั้นโดยปกติ ...
  • นำเข้าไฟล์ SVG ไปยัง Scribus โดยใช้File > Import > Get vector
  • ส่งออกเป็น PDF (การส่งออกเป็น EPS ไม่ได้ผลกับฉันเลยมันใช้สีได้ทั้งหมด) ตรวจสอบให้แน่ใจว่าในตัวเลือกการส่งออกมันถูกตั้งค่าเป็น 'CMYK' หรือ 'สำหรับการพิมพ์' หรืออย่างไรก็ตามพวกเขาวลีมันในขณะนี้ภายใต้แท็บการจัดการสี - ค่าเริ่มต้นน่าจะเป็น RGB ("สำหรับเว็บ / หน้าจอ")
  • เปิด PDF นั้นใน Illustrator - ควรเปิดเป็นเอกสาร CMYK ที่มีสี CMYK เดียวกันกับที่ระบุใน SVG ดั้งเดิม

ผลลัพธ์:กราฟิก CMYK ใน Illustrator จับคู่ SVG กับสี CMYK ตามที่ระบุใน SVG


คำเตือน:การสนับสนุน SVG ของ Scribus เป็น ropey มาก โดยเฉพาะอย่างยิ่ง:

  • มีพื้นไม่มีการสนับสนุนข้อความ SVG และพวกเขาได้ไม่เพิ่มเติมต่อข้อความสนับสนุน SVG กว่าที่มีการโต้แย้งเกี่ยวกับความผิดนี้คือ คาดว่ามันจะร่างข้อความทั้งหมดไกลเกินไปในแบบอักษรที่ไม่ถูกต้องพร้อมกับการจัดช่องไฟที่ไม่ดี
  • ดูเหมือนว่าจะสับสนโดยการไล่ระดับสีและความโปร่งใส - แม้ว่าบางครั้งมันจะแสดงสิ่งต่าง ๆ อย่างถูกต้องแม้จะบ่นไปพร้อมกัน
  • ทุกอย่างใน PDF จะถูกห่อด้วยรูปแบบการตัด
  • อินเทอร์เฟซของ Scribus นั้นค่อนข้างสับสน (ในช่วงฤดูร้อนปี 2013) - ฉันแนะนำให้ทำขั้นต่ำที่แน่นอนใน Scribus

บางครั้งคุณอาจต้องผสมผสานองค์ประกอบจาก SVG ดั้งเดิม (เช่นข้อความ) กับรุ่น Scribus-borked หากใครรู้วิธีที่ดีกว่า Scribus โปรดแบ่งปัน!


หากคุณต้องการโพรไฟล์สีเฉพาะคุณสามารถติดตั้งโพรไฟล์สีเพิ่มเติมใน Scribus และระบุใน SVG ของคุณ แต่ฉันไม่แน่ใจเกี่ยวกับรายละเอียด นี้บทความก่อนหน้านี้มีการเชื่อมโยงอาจจะเป็นสถานที่ที่ดีที่จะเริ่มต้น

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.