짧은 질문 : 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>