CMYK SVG를 읽거나 가져 오거나 변환 할 수있는 항목이 있습니까?


11

짧은 질문 : SVG 사양 에 따라 지정된 CMYK 색상의 SVG 파일이 있습니다 . 디자인을 마무리하고 인쇄 할 수 있도록 디자인 프로그램 (모든 디자인 프로그램)으로 가져 가고 싶습니다. 그러나 SVG의 CMYK 색상에 실제로주의를 기울이는 것을 찾을 수는 없습니다 (어쨌든 Illustrator 또는 Inkscape는 아닙니다).

색상은 복잡하고 변환하기가 쉽지 않습니다. 수백 가지 음영이 역동적으로 생성된다고 생각해야합니다. 브랜드 가이드 라인에 지정된 CMYK의 색조와 혼합이 옳 아야합니다.


배경 : 보다 일반적인 것은 자바 스크립트와 SVG를 사용하여 데이터에서 생성 된 데이터 기반 그래픽을 디자인 한 다음 D3 (또는 IE 지원을 위해 Raphael / D34Raphael 을 통해) 와 같은 자바 스크립트와 SVG를 사용하여 웹용 변형을 게시하는 것입니다. 그런 다음 동일한 코드를 사용하여 인쇄용 변형을 생성합니다.이 변형은 Illustrator (또는 Inkscape)에서 완료되어 프린터로 보내거나 사람들에게 PDF로 레이아웃됩니다.

다음은이 워크 플로를 통해 설명하는 New York Times 그래픽 블로그의 예입니다. 아래 그래픽은 웹용으로 코딩 된 다음 SVG는 브라우저에서 Illustrator로 복사 한 다음 인쇄 그래픽으로 마무리되었습니다 (색상이 간단하여 문제가 없으므로 RGB에서 변환 할 수 있습니다) :

여기에 이미지 설명을 입력하십시오

SVG CMYK 색상을 지정할 수 있습니다 (SVG 코더의 경우 구문은 다음과 같습니다 <circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/>). 그러나 대부분의 디자인 소프트웨어는이를 무시합니다. Inkscape 커뮤니티에서 CMYK SVG 지원 및 Scribus ( "오픈 소스 InDesign")와 관련된 복잡한 문제에 대해 이야기하는 것을 보았지만 어느 쪽도 제대로 작동하지 않았습니다 (Scribus를 잘못 이해했을 수도 있습니다) - 편집 : 이 기사는 Scribus가 ICC 색상 프로파일로 정의하면 CMYK SVG를 가져올 수 있다고 제안합니다 ... 아직 의미가 없지만 유망한 것처럼 보입니다).


따라서 '웹 모드'에서 RGB SVG 시각화를 생성하고 '인쇄 모드'에서 CMYK SVG를 생성하여 올바른 색상을 동적으로 생성하는 코드를 만들 수 있습니다. 문제는이 CMYK SVG 파일로 아무것도 할 수 없다는 것입니다. Illustrator와 Inkscape는 파일을 검은 색으로 취급합니다.

어떤 그래픽 프로그램이 있나요 플러그인 또는 CMYK 모양을 가진 SVG 이미지를 가지고이 모든 벡터 형식으로 변환 할 수있는 방법 ( ai, pdf, eps...) 여기서 디자인 소프트웨어는 CMYK 색상을들을 것인가?


다음은 CMYK에 지정된 색상의 텍스트가있는 간단한 SVG 파일입니다. 복사하여 붙여 넣기하여 .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

@scott 나는 질문에 간단한 하나를 편집했습니다
user56reinstatemonica8

SVG의 코드에 관한 내용은 변경할 수 있습니다. 또한 Scribus가 올바르게 정의 된 경우 CMYK SVG를 가져올 수있는 것처럼 보이는 libregraphicsworld.org/blog/entry/… 그래도 아직 크랙되지 않았습니다.
user56reinstatemonica8 2016 년

글쎄, 나는 여기에 색을 당기는 것이 없다.
Scott

1
참조하는 SVG 1.2 표준 초안 입니다. SVG 1.2는 SVG 2에 찬성하여위원회에 의해 포기되었으며, 아마도 표준화되기까지 몇 년이 걸릴 것입니다.
John Smith

답변:


6

이것은 작동하는 것 같습니다 :

  • 대안 Scribus , Mac 및 Windows를 디자인 하는 오픈 소스를 설치하십시오 ( 설치가 필요없는 sourceforge에는 Windows 용 공식 휴대용 버전 도 있습니다 ). 경고 : 인터페이스가 매우 혼란 스럽습니다. 그러나 무료이며이 특정 작업을 수행하므로 사용해야 할 간단한 것이 하나뿐입니다.
  • 그것을 열고로 이동 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...' );Raphael .attr('fill','')은 실제 요소에 적용되지 않는 것처럼 설정하십시오 . .attr('fill')나중에 코드를 읽어야하는 경우 에도 업데이트 하십시오. 동일합니다 stroke. 자연스럽게 SVG 모드에서만 작동합니다 ...
  • 사용하여 SVG 파일을 Scribus로 가져 오기File > Import > Get vector
  • PDF로 내보내기 (EPS로 내보내기가 작동하지 않아 모든 색상이 표시됨). 내보내기 옵션에서 'CMYK'또는 '인쇄용'으로 설정되어 있는지 또는 색상 관리 탭에서 현재 문구를 표시해야합니다. 기본값은 RGB ( "웹 / 스크린의 경우") 인 것 같습니다.
  • Illustrator에서 해당 PDF를 엽니 다. 원본 SVG에 지정된 것과 동일한 CMYK 색상을 가진 CMYK 문서로 열어야합니다.

결과 : SVG에 지정된 CMYK 색상과 SVG를 일치시키는 Illustrator의 CMYK 그래픽.


경고 : Scribus의 SVG 지원은 매우 강력합니다. 특히:

때로는 원본 SVG (예 : 텍스트)의 요소를 Scribus-borked 버전과 혼합해야 할 수도 있습니다. 누군가가 Scribus보다 더 나은 방법을 알고 있다면 공유하십시오!


특정 색상 프로파일이 필요한 경우 Scribus에 더 많은 색상 프로파일을 설치하고 SVG에 지정할 수 있지만 자세한 내용은 확실하지 않습니다. 이 이전에 링크 된 문서 시작하기에 좋은 장소가 될 수 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.