SVG 접는 선과 자르는 선: 도형 구조 읽기
Score나 Cut 작업을 지정하기 전에 SVG 접힘 도형을 확인하세요. 열린 경로, 채워진 띠, 파선을 비교하고 Cricut 문서의 작업 지정 절차를 살펴봅니다.
목차
접는 선과 자르는 선은 서로 다른 작업 목적을 나타냅니다. 이 글의 접이식 카드에서 접는 선은 접힐 위치를, 자르는 선은 카드의 바깥 둘레를 나타냅니다. 하지만 SVG 파일의 색 있는 선은 여전히 채색된 외관을 가진 도형일 뿐입니다. 색, 이름, 파선 모양만으로 커팅 소프트웨어에서 사용할 작업이 정해지는 것은 아닙니다.
파일에 저장된 경로, 화면에 그려지는 방식, 가져온 뒤 지정한 작업을 따로 확인하세요. Cricut의 Operation 문서는 Cut과 Score를 디자인 레이어에 선택해 적용하는 기계 명령으로 설명합니다. SVG 미리보기가 그럴듯해도 해당 선택을 확인한 것은 아닙니다.
접힘 경로와 그 외관은 서로 다른 정보입니다
SVG는 Scalable Vector Graphics의 약자입니다. 경로는 이동, 선 그리기, 닫기 등의 명령으로 이동 경로나 경계를 저장합니다. 스트로크는 그 도형을 따라 색을 칠하고, 채우기는 도형 내부를 칠합니다. SVG 경로 규격은 경로 명령과 분리된 하위 경로를 설명합니다.
단순한 카드라면 바깥 둘레, 의도한 접힘 위치, 장식 그림을 각각 별도 객체로 식별할 수 있게 유지하세요. 그래야 카드 가장자리나 장식용 줄무늬를 접힘으로 오해하지 않고 확인할 수 있습니다.
직접 만든 예제에는 직사각형 카드, 작은 원형 장식, 세로 접힘 위치가 있습니다. 접힘 도형을 네 가지 버전으로 작성했습니다. 카드와 장식은 모든 파일에서 동일하게 유지합니다.
| 접힘 표현 | 원본에 들어 있는 것 | 그림만으로 알 수 없는 것 |
|---|---|---|
| 열린 연속 경로 | 양 끝점이 있는 경로 하나 | 대상 도구가 접는 자국을 내거나, 그리거나, 자를지 여부 |
| 채워진 좁은 띠 | 너비를 가진 닫힌 도형 | 그 도형이 의도한 접힘 경로인지 여부 |
| 경로 하나의 파선 스트로크 | 파선으로 칠한 연속 경로 하나 | 눈에 보이는 빈틈이 도형에도 있는지 여부 |
| 별도의 짧은 경로들 | 각각 끝점이 있는 분리된 경로 | 그 선분들에 어떤 작업을 적용할지 여부 |
이는 접힘을 구성하는 방식에 관한 선택입니다. 모든 열린 경로가 접는 선이고 모든 닫힌 경로가 자르는 선이라는 규칙은 아닙니다. 대상 도구의 해석과 선택한 작업을 여전히 확인해야 합니다.
똑같이 보이는 두 실선에도 서로 다른 경로가 들어갈 수 있습니다
첫 번째 카드는 다음 열린 경로를 접힘 기준으로 사용합니다.
<path id="fold" d="M50 18 V62" fill="none"
stroke="#76548B" stroke-width="1.6"
stroke-linecap="butt" />50, 18에서 시작해 50, 62까지 세로로 이어집니다. 닫기 명령은 없습니다. 보라색 너비는 그 경로 주변을 칠하는 스트로크에서 나옵니다.
두 번째 카드는 채워진 띠를 사용합니다.
<path id="fold" d="M49.2 18 H50.8 V62 H49.2 Z"
fill="#76548B" stroke="none" />경로는 띠 둘레를 따라가며 Z로 닫힙니다. SVG closepath 정의는 이 닫는 연결을 설명합니다. 이 파일은 보라색 표시의 가운데를 지나는 경로 하나 대신 그 표시를 둘러싼 경계를 저장합니다.
두 표시가 같아 보이도록 의도적으로 만들었습니다. fold라는 레이어 이름은 점검할 요소를 식별하지만, 시험을 마친 접는 자국 작업을 기록하지는 않습니다. 가져온 객체를 하나의 접힘 경로로 취급하기 전에 대상 도구가 실제로 무엇을 유지했는지 확인하세요.
파선으로 칠했다고 접기와 자르기 작업이 결정되지는 않습니다
세 번째 카드는 첫 번째 카드의 d="M50 18 V62" 경로 데이터를 그대로 유지하고 stroke-dasharray="4 3"을 추가합니다. SVG 채색 규격은 대시 패턴을 스트로크에서 칠하는 부분과 칠하지 않는 부분으로 정의합니다. 이 예제의 경로는 화면에 보이는 빈틈을 가로질러 연속적으로 이어집니다.
네 번째 카드는 대신 별도의 열린 경로 일곱 개를 담고 있습니다. 눈에 보이는 각 대시에는 고유한 시작점과 끝점이 있습니다. 빈틈에는 접힘을 잇는 도형이 없습니다. 화면의 대시 표시가 일치하더라도 서로 다른 원본 파일입니다.
카드에서 의도한 것이 무엇인지 정하세요. 연속된 접힘 기준 하나인지, 분리된 선분들인지, 인쇄용 안내선인지, 장식 줄무늬인지 판단해야 합니다. 파선 외관만으로는 이 디자인상의 질문에 답할 수 없습니다. 파선 경로 도형 가이드는 저장된 빈틈과 윤곽선으로 변환한 대시를 더 자세히 다룹니다. 이 글은 접힘을 식별하고 의도한 작업을 지정하는 데 집중합니다.
4 3 패턴과 눈에 보이는 스트로크 두께는 이 시연을 읽기 쉽게 만들기 위해 선택했습니다. 접는 자국의 압력, 칼날 설정, 권장 절취선 치수가 아닙니다.
원본 파일에서 확인한 내용
경로 수를 셀 때는 공통된 카드 둘레와 장식은 제외하고 접힘 그룹만 점검했습니다.
- 실선 접힘에는 열린 경로 하나와 하위 경로 하나가 있습니다.
- 띠에는 닫힌 경로 하나와 하위 경로 하나가 있습니다.
- 파선으로 칠한 접힘에는 경로 데이터가 바뀌지 않은 열린 경로 하나가 있습니다.
- 대시를 분리한 버전에는 열린 경로 일곱 개와 하위 경로 일곱 개가 있습니다.
또한 저장한 SVG 네 개를 Sharp 0.34.4와 librsvg 2.61.1로 1000 × 800픽셀에 렌더링했습니다. 실선 접힘과 채워진 띠는 동일한 픽셀 버퍼를 생성했습니다. 파선으로 칠한 경로와 분리된 선분들도 동일한 픽셀 버퍼를 생성했습니다. 브라우저 그림에는 이와 같은 직접 작성한 SVG 파일들이 표시됩니다.
이 결과는 외관이 같아도 도형 구조가 같다는 뜻은 아니라는 한정된 사실을 입증합니다. Cricut Design Space가 파일을 어떻게 가져오는지, 어떤 도구 경로를 만드는지, 대시 스타일을 유지하는지, 자국을 낸 뒤 재료가 어떻게 접히는지는 입증하지 않습니다. 이 시험 파일들을 Design Space로 가져오거나 기계를 작동시키지는 않았습니다.
하나의 SVG 경로 요소 안에 분리된 하위 경로가 여러 개 들어갈 수 있으므로, 경로 요소 수만으로 모든 상황을 진단할 수는 없습니다. 경로가 어디서 시작하고 끝나며 닫히는지 확인하세요. 스캔한 그림에서 중심선을 복원하려 한다면 단일 선 SVG 가이드가 그 별도의 트레이싱 작업을 다룹니다.
도형 검토 후 Cricut 문서의 점검 진행하기
Cricut의 현재 작업 선택 가이드는 디자인 레이어를 선택하고 Operation 메뉴에서 작업을 고르도록 안내합니다. 선택한 작업은 Layers 패널에 표시되며, 선택한 기계에 맞는 옵션이 제공됩니다. 접는 자국을 낼 위치라면 가져온 적절한 객체에 의도한 Score 작업이 지정됐는지 확인하세요.
배치도 별도로 확인해야 합니다. Cricut은 Attach가 상대적인 절단 배치를 유지하고 Score, Draw, Foil 레이어를 Cut 레이어에 연결한다고 설명합니다. 카드에서는 디자인 캔버스뿐 아니라 프로젝트 미리보기에서도 접힘과 카드 둘레가 의도한 관계를 유지해야 합니다.
이는 문서에 근거한 다음 단계의 점검입니다. 예제 파일에서 작업 지정이나 Attach를 시험하지는 않았습니다. 작업 레이블이 있다고 닫힌 띠가 중심선으로 바뀌었다는 증거는 아니며, 원본 파일의 색이 선택한 작업의 증거도 아닙니다. 가져온 표현, 지정된 작업, 배치를 각각 확인한 다음 실제 도구와 재료로 시험하세요.
더 넓은 범위의 가져오기, 레이어, 매트 점검은 Cricut SVG 준비 가이드를 참고하세요. 정리를 위한 그룹화와 의도한 제작 배치를 유지하는 것이 어떻게 다른지 설명합니다.
장식 트레이싱과 접힘을 분리하기
카드의 장식 무늬가 평면 PNG나 JPG로만 있다면 PerfectVector의 Cricut 그림 작업 과정으로 그 이미지에서 SVG 후보를 재구성할 수 있습니다. 복원한 도형을 확인한 다음, 장식은 의도적으로 작성한 접힘과 바깥 둘레에서 분리해 두세요. 벡터화는 픽셀에서 경로를 만듭니다. 디자이너의 접힘 의도를 추론하거나 가져온 레이어에 Score를 선택하거나 기계의 결과를 시험하지는 않습니다.
기존 벡터 장식이 있다면 그대로 보존하세요. 이 예제의 원형 장식은 직접 작성했으며 트레이싱하지 않았습니다. 단순한 직선 접힘 기준도 직접 작성할 수 있습니다. 카드 전체의 화면 캡처를 트레이싱하면 이미 알고 있는 도형에 재구성 작업을 추가하게 됩니다.
접힘의 실제 경로, 스트로크 또는 채움 표현, 의도한 빈틈, 별도의 카드 둘레를 식별할 수 있으면 파일 점검 단계가 끝납니다. 다음 점검은 대상 프로젝트와 재료 시험에서 진행해야 합니다. 벡터화 기초 안내는 그 전달 전에 트레이싱으로 무엇을 재구성할 수 있고 무엇은 불가능한지 설명합니다.
자주 묻는 질문
빨간색이나 파선 SVG 선은 자동으로 Score를 뜻하나요? 색이나 외관으로 작업을 추정하지 마세요. 원본 도형과 대상 도구에 지정한 작업을 확인합니다. Cricut 문서는 디자인 레이어의 작업 선택을 별도로 설명합니다.
접는 선과 채워진 줄무늬가 똑같이 보일 수 있는 이유는 무엇인가요? 스트로크는 열린 경로 주변에 눈에 보이는 너비를 칠하고, 채워진 띠는 닫힌 경계의 내부를 칠합니다. 서로 다른 경로 구조인데도 동일한 래스터 픽셀을 생성하는 짝을 직접 작성했습니다.
파선 접힘 선은 항상 별도의 경로인가요? 아닙니다. 연속 경로를 파선 스트로크로 칠할 수 있습니다. 이 글의 분리된 선분 예제는 대신 독립적인 열린 경로 일곱 개를 저장합니다. 끝점과 하위 경로를 살펴 구분하세요.
Attach로 잘못된 접힘 도형을 고칠 수 있나요? 도형과 배치를 별도로 점검하세요. Cricut은 Attach가 배치를 유지하고 다른 작업을 Cut 레이어에 연결한다고 설명합니다. 그 문서만으로 가져온 객체에 의도한 중심선이나 빈틈이 있는지 입증되지는 않습니다.
출처
- W3C: SVG 경로 — 경로 명령, 분리된 하위 경로, closepath 동작을 설명합니다.
- W3C: SVG 대시 선 — 바탕 경로 데이터와 구별되는 파선 스트로크 채색을 설명합니다.
- Cricut: 작업 선택 — 레이어에 작업을 지정하고 선택한 기계에서 사용 가능한 옵션을 확인하는 방법입니다.
- Cricut: Attach 사용 방법 — 상대 배치와 Score 등의 작업 레이어를 Cut 레이어에 연결하는 방법입니다.
카드의 장식 그림을 비트맵에서 복원해야 하나요? Cricut용 그림 SVG 후보를 만들고 도형을 점검한 뒤 접힘 경로와 분리해 두세요. 그런 다음 커팅 프로젝트에서 작업과 배치를 확인합니다.
