PerfectVector
작성: Irene Kim

Cricut용 레이어 SVG: 색상과 패스를 나누고 배치 유지하기

Cricut용 레이어 SVG를 준비하세요. 채우기 색상과 실제 조각을 구분하고, 겹치는 레이어 또는 맞물리는 조각을 선택하며, 색상별 Attach로 배치를 유지합니다.

8분 읽기
목차

Cricut용 레이어 SVG를 만들려면 편집 가능한 벡터 도형에서 시작해 각 도형에 쓸 소재를 정하고 부분 사이의 정렬을 유지하세요. 색상 분리는 작업 정리에 도움이 되지만 하나의 색상이 반드시 하나의 도형, 연결된 조각, 소재 레이어를 뜻하지는 않습니다.

이 가이드는 SVG 색상 형상을 준비하고 이후 Design Space에서 확인할 항목을 다룹니다. 색상 분리는 기존 도형을 보존합니다. 겹치는 바탕을 자동 설계하거나 겹침을 제거하거나 파일이 올바르게 잘리고 조립될 것임을 입증하지 않습니다.

소재를 계획하고 파일 준비하기
  • 완성품에 필요한 색상과 세부 사항만 남기세요.
  • 겹치는 레이어 또는 겹치지 않고 맞물리는 조각을 의도적으로 선택합니다.
  • 색상 하나씩 살펴보며 떨어진 조각, 작은 파편, 원하지 않는 윤곽을 확인하세요.
  • 같은 조각이 매트에서 상대 위치를 유지해야 한다면 Design Space에서 색상별 Attach를 사용합니다.
  • 전체 작업을 진행하기 전에 실제 매트 미리보기를 확인하고 소재를 시험하세요.

색상, 패스, 조각, 레이어 이해하기

채우기 색상은 도형의 표시 색상을 설명합니다. 패스는 형상을 설명하며 하나의 패스에 떨어진 윤곽이나 구멍 등 여러 하위 패스가 들어갈 수 있습니다. SVG 패스 표준이 이 구조를 정의합니다. 따라서 패스 수는 실제 커팅 조각 수의 신뢰할 만한 기준이 아닙니다.

소재 레이어는 프로젝트에서 결정합니다. 특정 소재로 자르고 특정 조립 높이에 배치할 도형을 뜻합니다. SVG 그룹으로 도형을 정리할 수 있지만 그룹화만으로 형상이 연결되거나 매트 배치가 보존되지는 않습니다.

보이는 내용알 수 있는 것확인할 사항
다섯 채우기 색상정확히 구별되는 다섯 표시 색상어떤 색상이 서로 다른 소재나 조립 높이를 나타내는가?
같은 색상의 여러 패스여러 형상 객체가 같은 채우기를 공유함의도한 조각인가, 구멍인가, 불필요한 파편인가?
하나의 복합 패스한 객체에 여러 윤곽이 들어갈 수 있음커팅과 위딩 후 어떤 영역이 남는가?
그룹디자인 캔버스에서 객체를 함께 이동 가능커팅 매트 준비 후에도 배치가 유지되는가?

배경처럼 보인다고 흰색이나 거의 흰색 도형을 삭제하지 마세요. 자르려는 세부 사항일 수 있습니다. 먼저 단독으로 살펴보세요.

단계별 레이어 SVG 준비

편집 가능한 SVG 또는 원본 래스터 그림, 작업 복사본, 형상 수정용 벡터 편집기, 소재 계획, 이후 가져오기·매트 확인용 Design Space가 필요합니다. 변경 전에 손대지 않은 원본을 저장하세요.

1. 유지할 색상과 세부 사항 정하기

서로 구분되는 단색 영역이 있는 디자인은 관리하기 좋은 출발점입니다. 사진과 그라디언트에는 의도적인 단순화가 필요할 수 있습니다. 명암 자체는 조립 계획이 아닙니다.

각 소재 색상과 포함할 객체를 목록으로 만드세요. 비슷한 색상은 같은 소재와 시각적 역할일 때만 합칩니다. 다시 칠해도 개별 패스가 합쳐지거나 겹침이 없어지지 않으므로 이후 형상을 검사하세요. SVG 팔레트 줄이기 가이드가 이 판단을 자세히 다룹니다.

PNG나 JPG만 있다면 먼저 벡터 패스를 만드세요. PerfectVector에 원본을 업로드하고 무료 미리보기를 비교한 뒤 편집과 내보내기 전에 결과를 잠금 해제합니다. 이후 사용 가능한 색상을 조정하고 내보낸 형상을 확인하세요. 현재 잠금 해제 정책은 고유한 결과 하나당 1크레딧이며 해제 후 재다운로드는 무료입니다. 트레이싱된 결과도 아래 확인이 필요합니다.

2. 겹치는 레이어 또는 맞물리는 조각 선택하기

겹치는 레이어는 바탕 위에 다른 부분을 올리는 구조입니다. 맞물리는 조각은 퍼즐처럼 겹치지 않고 옆에 맞춥니다. Cricut의 Convert to Layers 안내는 두 출력 방식을 설명합니다.

기존 SVG라면 도형 자체를 검사하세요. 큰 아래쪽 도형을 작은 도형이 덮고 있다면 겹치는 디자인일 수 있습니다. 인접한 경계가 맞는 조각은 맞물리는 디자인에 적합할 수 있습니다. 동일한 렌더링 이미지 안에도 서로 다른 형상이 숨어 있을 수 있습니다.

SVG에 없는 단단한 바탕이 필요하다면 벡터 편집기에서 실루엣을 만들고 윤곽을 검사하세요. 겹치지 않는 조각이 필요하면 작업 복사본에서 해당 겹침 영역을 빼고 결과 경계를 확인합니다. 색상 분리만으로는 어느 작업도 수행되지 않습니다. 형상 편집 중 없어진 구멍이나 세부 사항을 복구할 수 있도록 원본을 보관하세요.

선택한 비닐이나 열전사 소재의 제조사 적층 지침을 따르세요. 화면에서 겹치는 디자인이라고 모든 소재 조합을 겹쳐도 되는 것은 아닙니다.

3. 색상별로 검사하고 분리하기

지원되는 단색 SVG에는 SVG 색상 분리기를 사용할 수 있습니다.

  1. 작업용 SVG를 선택하고 허용된 미리보기를 검사합니다. 준비 과정에서 보이는 변화가 생겼다면 승인 전에 원본과 비교하세요.
  2. 정확한 색상, 도형 수, 경고를 검토합니다. 분리기는 비슷한 색조를 자동으로 합치지 않습니다.
  3. 각 색상 미리보기에서 필요한 세부 사항, 불필요한 배경 도형, 프로젝트에 너무 작은 파편을 살펴보세요.
  4. 필요한 색상 파일을 다운로드하거나 모든 레이어를 ZIP으로 다운로드합니다.
  5. 다운로드한 SVG를 열어 공통 너비, 높이, viewBox가 유지되는지 확인합니다. 공유 정렬 기준이 필요하다면 색상마다 서로 다른 경계로 잘라내지 마세요.

이는 정확한 색상별로 나뉜 SVG 파일이며, 새로운 다층 조립 디자인을 자동 생성하는 것이 아닙니다. 통합 원본도 보관하세요. 분리한 색상 파일은 색상 사이에서 번갈아 나타나는 원래 그리기 순서를 재현할 수 없습니다. 한 색상의 도형이 다른 색상 도형의 뒤와 앞에 모두 있었을 수 있기 때문입니다. 실제 적층 순서를 선택하기 전에 해당 경고를 검토하세요.

작은 영역 확인하기
파편 검사 지점을 표시하기 위해 눈 주변과 색상 경계에 작은 빨간 표시를 넣은 기존 새 설명 그림
기존 설명용 확대 그림입니다. 표시된 부분은 형상 검사 위치를 나타내며, 측정한 변환기 비교나 그림의 커팅 결과 증거가 아닙니다.

4. 소재 계획을 파일과 함께 저장하기

각 색상에 사용할 소재와 조립 위치를 표시하세요. 공통 좌표 기준과 통합 원본을 보관합니다. 같은 색상 조각 두 묶음이 서로 다른 조립 높이에 속한다면, 색상을 보편적인 단일 레이어로 취급하지 말고 계획에서 구분하세요.

업로드 전에 지원하지 않는 시각적 기능을 해결하세요. Cricut의 SVG 업로드 제약은 패턴 채우기, 클리핑 패스, 편집 가능한 텍스트, 링크 이미지를 다룹니다. 필요한 텍스트를 도형으로 변환하고 수정된 그림을 검사한 뒤 SVG로 저장합니다.

준비된 예제에서 실제 확인한 내용

공개된 숲속 여우 SVG 샘플을 사용했습니다. 실제 엔진 변환은 2026년 9월 13일 기록되었습니다. 표시용 복사본에서는 확인한 전체 캔버스 배경을 제거했으며 남은 다섯 채우기 색상이 43개 패스를 차지했습니다. 이번 갱신에서는 과거 변환을 다시 실행하지 않고 색상 분리 작업을 로컬에서 수행했습니다.

도구에서 동일한 1254 × 1254 좌표 영역의 색상 SVG 다섯 개를 다운로드했습니다. 주황색 1개, 크림색 11개, 어두운 색 18개, 녹색 8개, 라벤더색 5개 패스가 들어 있었습니다. 다운로드 파일은 패스 좌표와 같은 색상 안의 순서를 보존했고, 각 색상의 단독 렌더링은 원본에서 해당 색상만 분리해 렌더링한 것과 같았습니다.

도구는 색상 간 적층에 대해서도 경고했습니다. 모든 패스를 유지했는데도 색상별 파일을 다시 합치면 합성 외형이 달라졌습니다. 따라서 색상 파일 다섯 개가 조립 준비된 실제 레이어 다섯 개의 증거는 아닙니다. 녹색 파일에는 의도한 프로젝트 크기에서 검토할 만한 작은 파편도 드러났습니다.

이 검증은 로컬 파일 준비와 다운로드를 다룹니다. 파일을 Design Space로 가져오거나 Cricut 매트를 검사하거나 커팅, 위딩, 조립하지는 않았습니다.

Design Space로 가져와 배치 유지하기

다음 단계는 현재 Cricut 문서에 기반합니다. 자신의 파일, 앱 버전, 기계, 소재로 확인하세요.

  1. SVG를 업로드하고 Canvas를 검사합니다. Cricut의 업로드 가이드는 레이어로 설계된 벡터 이미지가 그룹으로 들어오며 해제할 수 있다고 설명합니다. 실제 가져오기에서 예상한 도형, 색상, 물리 크기를 확인하세요.
  2. 자를 레이어마다 확인합니다. 다른 레이어를 숨기고 구멍과 파편을 검사합니다. Contour는 선택한 레이어 안의 원하지 않는 커팅 선을 숨깁니다. 색상 분리를 만드는 기능은 아닙니다.
  3. 배치가 중요하다면 색상별로 Attach합니다. 필요하면 다색 디자인의 그룹을 해제하세요. 같은 소재 색상이며 배치를 유지해야 하는 조각만 선택해 Attach를 누릅니다. 다음 색상에서 반복합니다. 소재별로 따로 자를 계획이면 다색 디자인 전체를 Attach하지 마세요.
  4. 매트 미리보기를 검사합니다. Cricut의 Attach 가이드는 일반 소재 절약 배치가 객체를 모아 놓는 반면 Attach는 서로의 상대 위치를 유지한다고 설명합니다. 필요한 각 색상·소재 매트와 위치를 확인하세요.
  5. 소재 설정을 확인하고 작게 시험 커팅합니다. Cricut의 소재 설정 가이드는 프로젝트 전에 작은 조각으로 시험할 것을 권합니다. 해당 소재의 반전, 커팅, 조립 지침을 따르세요.

공유하는 SVG viewBox는 파일 정렬 기준으로 유용하지만 개별 업로드가 Canvas에서 동일한 위치에 놓인다는 증거는 아닙니다. Design Space에서 크기와 정렬을 확인하세요. 매트에서 조각이 재배치되면 Canvas로 돌아가 색상별 Attach 선택을 확인하고 다시 미리봅니다. Attach는 선택 범위 안의 상대 배치를 유지합니다. 서로 다른 색상 사이의 조립 정렬은 직접 확인해야 합니다.

더 넓은 원본·형상 확인은 Cricut용 SVG 파일 준비(영문)를 참고하세요. SVG 매트 크기 미리보기 가이드는 파일 치수와 맞춤 확인을 도와줍니다. 실제 Design Space 매트가 최종 배치 확인 기준입니다.

평면적인 래스터 그림에서 시작한다면 Cricut 프로젝트용 SVG 패스를 만들고, 미리보기를 비교한 뒤 편집·내보내기 전에 잠금을 해제하세요. 이후 색상을 준비하고 Design Space에서 각 소재 레이어를 확인합니다.

자주 묻는 질문

SVG의 각 색상이 하나의 실제 커팅 조각이 되나요? 아니요. 한 색상이 여러 패스에 나타날 수 있고 하나의 패스에 떨어진 윤곽이나 구멍이 들어갈 수 있습니다. 형상을 검사하고 각 소재·조립 높이에 속할 객체를 정하세요.

PNG를 레이어 SVG로 만들려면 어떻게 하나요? 벡터 패스를 만들고 팔레트를 의도적으로 단순화하며 각 색상의 형상을 검사하세요. 겹치는 구조나 맞물리는 구조를 선택한 뒤 Design Space에서 가져온 레이어와 매트를 확인합니다. 색상 분리만으로 단단한 바탕이 생기거나 겹침이 없어지지는 않습니다.

Cricut 매트에는 Group과 Attach 중 무엇을 써야 하나요? Group은 Canvas 정리에 사용합니다. 선택한 같은 소재 조각이 매트에서 상대 위치를 유지해야 한다면 색상별 Attach를 사용하세요. 매트 미리보기를 확인하고, 소재별 커팅이 필요하다면 모든 색상을 함께 Attach하지 않습니다.

Design Space에서 래스터 이미지를 레이어로 나눌 수 있나요? 문서에 안내된 Convert to Layers는 Cricut Access 구독자 전용이며, 겹치는 출력과 맞물리는 출력으로 최대 아홉 레이어를 지원합니다. 생성된 레이어를 확인하세요. 레이어 수만으로 커팅·조립 적합성을 알 수는 없습니다.

분리한 색상 파일이 겹친 그림을 바꾼 이유는 무엇인가요? 원본 SVG의 그리기 순서가 여러 색상 사이에서 번갈아 나타날 수 있습니다. 도형을 모두 색상별로 묶으면 그 순서를 하나의 합친 적층으로 보존할 수 없습니다. 원본을 보관하고 겹침 형상을 검토한 뒤 실제 조립 순서를 의도적으로 선택하거나 다시 설계하세요.

참고 자료

  1. W3C — SVG 패스 — 패스, 하위 패스, 윤곽, 구멍.
  2. Cricut — Design Space로 이미지 업로드 — 벡터 업로드와 Convert to Layers 방식·제한.
  3. Cricut — Design Space에서 Attach 사용 — 상대 매트 배치와 색상별 Attach.
  4. Cricut — 이미지 업로드 미지원 항목 — SVG 기능 제약과 수정 방법.
  5. Cricut — Design Space에서 Contour 사용 — 레이어 안의 커팅 선 숨기기와 복원.
  6. Cricut — 소재 설정 선택 — 소재 설정과 작은 시험 커팅.
  7. PerfectVector — SVG 색상 분리기 — 정확한 색상별 파일, 공통 캔버스, 호환성 확인.
  8. PerfectVector — 현재 잠금 해제 정책 — 변환 미리보기, 잠금 해제, 재다운로드 정책.

블로그의 다른 글

PerfectVector

커팅과 제작에 적합한
깔끔한 SVG 패스를 준비하세요

신용카드 불필요