> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# SVG หลายชั้นสำหรับ Cricut: แยกสีและพาธให้ถูกต้อง

> เตรียม SVG หลายชั้นสำหรับ Cricut แยกสีเติมออกจากชิ้นวัสดุ เลือกชั้นซ้อนหรือชิ้นต่อกัน และใช้ Attach ตามสีเพื่อรักษาตำแหน่งบนแผ่นตัด

Source: https://perfectvector.com/th/blog/layered-svg-for-cricut

Language: th
Author: Irene Kim
Published: 2026-06-09T08:00:00+09:00
Updated: 2026-10-08T08:00:00+09:00

การทำ SVG หลายชั้นสำหรับ Cricut เริ่มจากรูปทรงเวกเตอร์ที่แก้ได้ กำหนดวัสดุของแต่ละรูปทรงและรักษาแนวระหว่างส่วน สีแยกช่วยจัดงาน แต่สีเดียวไม่จำเป็นต้องหมายถึงรูปทรงเดียว ชิ้นที่ต่อกันชิ้นเดียว หรือชั้นวัสดุเดียว

คู่มือนี้ครอบคลุมการเตรียมรูปทรงสี SVG และสิ่งที่ต้องตรวจต่อใน Design Space การแยกสีรักษารูปทรงเดิม ไม่ได้ออกแบบฐานสำหรับซ้อนชั้น เอาการทับกันออก หรือพิสูจน์ว่าไฟล์จะตัดและประกอบถูกต้องโดยอัตโนมัติ

> **วางแผนวัสดุแล้วเตรียมไฟล์**
>
> * เก็บเฉพาะสีและรายละเอียดที่ชิ้นงานสำเร็จต้องใช้
> * เลือกชั้นที่ซ้อนกันหรือชิ้นที่ต่อกันโดยไม่ทับอย่างตั้งใจ
> * ตรวจแต่ละสีแยกเพื่อหาชิ้นขาดจากกัน เศษเล็ก และขอบที่ไม่ต้องการ
> * ใน Design Space ใช้ **Attach ตามสี** เมื่อชิ้นเหล่านั้นต้องคงตำแหน่งสัมพันธ์บนแผ่นตัด
> * ตรวจตัวอย่างแผ่นตัดจริงและทดลองวัสดุก่อนทำทั้งงาน

## เข้าใจสี พาธ ชิ้น และชั้น

**สีเติม** บอกสีที่รูปทรงแสดง **พาธ** บอกรูปทรง และพาธเดียวอาจมีหลายพาธย่อย รวมขอบแยกหรือรู [มาตรฐานพาธ SVG](https://www.w3.org/TR/SVG/paths.html) กำหนดโครงสร้างนี้ จำนวนพาธจึงไม่ใช่จำนวนชิ้นตัดจริงที่เชื่อถือได้

**ชั้นวัสดุ** เป็นการตัดสินใจของโปรเจกต์: รูปทรงที่จะตัดจากวัสดุหนึ่งและวางในระดับประกอบหนึ่ง กลุ่ม SVG ช่วยจัดรูปทรงได้ แต่การจัดกลุ่มอย่างเดียวไม่เชื่อมรูปทรงหรือรักษาตำแหน่งบนแผ่นตัด

| สิ่งที่เห็น    | สิ่งที่บอก                      | สิ่งที่ควรตรวจ                            |
| -------------- | ------------------------------- | ----------------------------------------- |
| สีเติมห้าสี    | สีแสดงผลห้าค่าที่ตรงกัน         | สีใดแทนวัสดุหรือระดับประกอบต่างกัน?       |
| หลายพาธสีเดียว | หลายวัตถุรูปทรงใช้สีเติมร่วม    | เป็นชิ้นที่ตั้งใจ รู หรือเศษเกิน?         |
| พาธประกอบเดียว | วัตถุเดียวอาจมีหลายขอบ          | บริเวณใดจะคงอยู่หลังตัดและลอกส่วนเกิน?    |
| กลุ่ม          | วัตถุย้ายพร้อมกันบนผืนออกแบบได้ | ตำแหน่งจะคงอยู่เมื่อเตรียมแผ่นตัดหรือไม่? |

อย่าลบรูปทรงสีขาวหรือเกือบขาวเพียงเพราะดูเหมือนพื้นหลัง อาจเป็นรายละเอียดที่ต้องการตัด ตรวจแยกก่อน

## เตรียม SVG หลายชั้นทีละขั้น

ต้องมี SVG ที่แก้ได้หรือภาพราสเตอร์ต้นฉบับ สำเนาทำงาน โปรแกรมเวกเตอร์สำหรับเปลี่ยนรูปทรง แผนวัสดุ และ Design Space เพื่อตรวจนำเข้าและแผ่นตัดภายหลัง เก็บต้นฉบับที่ยังไม่แก้ก่อนเริ่ม

### 1. เลือกสีและรายละเอียดที่จะเก็บ

เริ่มจากแบบที่มีบริเวณสีแบนแยกชัดจะจัดการง่าย ภาพถ่ายและสีไล่ระดับอาจต้องลดความซับซ้อนอย่างตั้งใจ เฉดสีไม่ใช่แผนประกอบ

ระบุสีวัสดุแต่ละสีและวัตถุที่ควรมี รวมสีใกล้กันเฉพาะเมื่อใช้วัสดุและหน้าที่ทางภาพเดียวกัน การเปลี่ยนสีไม่รวมพาธแยกหรือเอาการทับกันออก จึงต้องตรวจรูปทรงหลังทำ [คู่มือลดพาเลต SVG](https://perfectvector.com/th/blog/reduce-svg-colors) อธิบายการเลือกนี้ละเอียดกว่า

หากมีแต่ PNG หรือ JPG สร้างพาธเวกเตอร์ก่อน ใน PerfectVector อัปโหลดต้นฉบับ เทียบภาพตัวอย่างฟรี และ **ปลดล็อกผลก่อนแก้ไขและส่งออก** แล้วปรับสีที่ใช้ได้และตรวจรูปทรงที่ส่งออก [นโยบายปลดล็อกปัจจุบัน](https://perfectvector.com/pricing.md) ใช้หนึ่งเครดิตต่อผลลัพธ์ที่ไม่ซ้ำ ดาวน์โหลดซ้ำฟรีหลังปลดล็อก ผลที่ลากเส้นมายังต้องผ่านการตรวจด้านล่าง

### 2. เลือกชั้นซ้อนหรือชิ้นต่อกัน

**ชั้นซ้อน** ทับกันโดยมีฐานใต้ส่วนอื่น **ชิ้นต่อกัน** วางข้างกันโดยไม่ทับเหมือนจิ๊กซอว์ [คำแนะนำ Convert to Layers ของ Cricut](https://help.cricut.com/hc/en-us/articles/360009556313-How-to-upload-images-into-Design-Space) อธิบายผลลัพธ์ทั้งสองแบบ

สำหรับ SVG ที่มีอยู่ ตรวจรูปทรงจริง รูปทรงใหญ่ล่างที่มีรูปเล็กปิดอยู่สามารถเป็นแบบซ้อน ชิ้นที่ขอบติดกันพอดีอาจเหมาะกับแบบต่อกัน ภาพเรนเดอร์เดียวกันอาจซ่อนรูปทรงพื้นฐานต่างกัน

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

ทำตามคำแนะนำซ้อนชั้นของผู้ผลิตไวนิลหรือวัสดุรีดติดที่เลือก แบบภาพที่ซ้อนกันไม่ได้หมายความว่าซ้อนทุกชุดวัสดุได้

### 3. ตรวจและแยกแต่ละสี

สำหรับ SVG สีทึบที่รองรับ ใช้ [SVG Color Separator](https://perfectvector.com/svg-color-separator):

1. เลือก SVG ทำงานและตรวจตัวอย่างที่ยอมรับ หากขั้นเตรียมมีการเปลี่ยนที่เห็นได้ ให้เทียบต้นฉบับก่อนยอมรับ
2. ตรวจสีที่ตรงกัน จำนวนรูปทรง และคำเตือน ตัวแยกไม่รวมเฉดใกล้กันอัตโนมัติ
3. ตรวจตัวอย่างแต่ละสีว่ามีรายละเอียดที่ตั้งใจ พื้นหลังไม่ต้องการ และเศษเล็กเกินขนาดงานหรือไม่
4. ดาวน์โหลดไฟล์สีที่ต้องใช้ หรือทุกชั้นเป็น ZIP
5. เปิด SVG ที่ดาวน์โหลดและยืนยันว่าความกว้าง ความสูง และ `viewBox` ร่วมยังครบ อย่าครอปแต่ละสีให้มีกรอบต่างกันเมื่อต้องใช้จุดอ้างอิงจัดแนวร่วม

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

**ตรวจบริเวณเล็ก**

![ภาพนกเดิมที่มีเครื่องหมายแดงเล็กรอบตาและขอบสี เพื่อชี้บริเวณที่ควรตรวจเศษรูปทรง](https://perfectvector.com/blog/layered-svg-for-cricut/messy-layers.webp)

*ภาพอธิบายระยะใกล้เดิม จุดที่ทำเครื่องหมายแสดงตำแหน่งตรวจรูปทรง ไม่ใช่การเปรียบเทียบตัวแปลงที่วัดผลหรือหลักฐานว่าแบบจะตัดอย่างไร*

### 4. เก็บแผนวัสดุพร้อมไฟล์

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

แก้ฟีเจอร์ภาพที่ไม่รองรับก่อนอัปโหลด [ข้อจำกัดอัปโหลด SVG ของ Cricut](https://help.cricut.com/hc/en-us/articles/360009553213-Image-uploads-unsupported-items) ครอบคลุมสีลวดลาย คลิปพาธ ข้อความแก้ได้ และภาพลิงก์ แปลงข้อความจำเป็นเป็นรูปทรงและตรวจภาพที่ซ่อมก่อนบันทึก SVG

## ตัวอย่างที่เตรียมแสดงอะไรจริง

เราใช้ [ตัวอย่าง SVG จิ้งจอกในป่า](https://perfectvector.com/landing/cricut/samples/cricut-fox-v1.svg) ซึ่งบันทึกการแปลงด้วยเอนจินจริงเมื่อ 13 กันยายน 2026 สำเนาแสดงผลเอาพื้นหลังเต็มผืนที่ตรวจยืนยันแล้วออก เหลือสีเติมห้าสีใน 43 พาธ เราทำงานแยกสีในเครื่องสำหรับการปรับปรุงครั้งนี้ ไม่ได้รันการแปลงเก่าอีกครั้ง

เครื่องมือดาวน์โหลด SVG สีห้าไฟล์ที่มีพื้นที่พิกัด 1254 × 1254 เดียวกัน มีพาธส้ม 1 พาธ ครีม 11 พาธ สีเข้ม 18 พาธ เขียว 8 พาธ และลาเวนเดอร์ 5 พาธ ไฟล์รักษาพิกัดพาธและลำดับภายในสีเดียวกัน แต่ละสีเรนเดอร์เหมือนสีนั้นที่แยกจากต้นฉบับทุกประการ

เครื่องมือยังเตือนการซ้อนข้ามสี เมื่อนำไฟล์มารวมตามสี รูปลักษณ์รวมเปลี่ยน แม้รักษาทุกพาธไว้ นี่จึงเป็นเหตุผลว่าไฟล์สีห้าชุดไม่พิสูจน์ว่ามีชั้นวัสดุจริงห้าชั้นพร้อมประกอบ ไฟล์เขียวยังแสดงเศษเล็กที่ควรดูที่ขนาดงานจริง

การทดสอบนี้ครอบคลุมเตรียมไฟล์และดาวน์โหลดในเครื่อง เราไม่ได้นำเข้า Design Space ตรวจแผ่นตัด Cricut ตัด ลอกส่วนเกิน หรือประกอบไฟล์เหล่านี้

## นำเข้าและรักษาตำแหน่งใน Design Space

ขั้นตอนต่อไปอ้างอิงเอกสารปัจจุบันของ Cricut ตรวจด้วยไฟล์ รุ่นแอป เครื่อง และวัสดุของคุณ:

1. **อัปโหลด SVG และตรวจ Canvas** [คู่มืออัปโหลด Cricut](https://help.cricut.com/hc/en-us/articles/360009556313-How-to-upload-images-into-Design-Space) ระบุว่าภาพเวกเตอร์ที่ออกแบบเป็นชั้นนำเข้าเป็นกลุ่มและแยกกลุ่มได้ ตรวจรูปทรง สี และขนาดจริงที่คาดไว้ในการนำเข้าของคุณ
2. **ตรวจทุกชั้นที่ตั้งใจตัด** ซ่อนชั้นอื่นแล้วตรวจรูและเศษ ใช้ [Contour](https://help.cricut.com/hc/en-us/articles/360009508613-How-to-use-Contour-in-Design-Space) ซ่อนเส้นตัดไม่ต้องการในชั้นที่เลือก เครื่องมือนี้ไม่สร้างการแยกสี
3. **Attach ชิ้นตามสีเมื่อตำแหน่งสำคัญ** แยกกลุ่มแบบหลายสีหากจำเป็น เลือกเฉพาะชิ้นของวัสดุสีเดียวที่ต้องคงแนว แล้วเลือก **Attach** ทำซ้ำสำหรับสีต่อไป อย่า Attach แบบหลายสีทั้งหมดเมื่อต้องการตัดวัสดุแยก
4. **ตรวจตัวอย่างแผ่นตัด** [คู่มือ Attach ของ Cricut](https://help.cricut.com/hc/en-us/articles/360009380514-How-to-use-Attach-in-Design-Space) อธิบายว่าการประหยัดวัสดุปกติจะจัดวัตถุชิดกัน แต่ Attach รักษาตำแหน่งสัมพันธ์ ยืนยันแผ่นตัดสี/วัสดุแต่ละชุดและตำแหน่งที่ต้องการ
5. **ตรวจค่าตั้งวัสดุและทดลองตัดเล็ก** [คู่มือตั้งค่าวัสดุ Cricut](https://help.cricut.com/hc/en-us/articles/360009501793-How-do-I-choose-material-settings) แนะนำทดสอบชิ้นเล็กก่อนทำงาน ทำตามคำแนะนำกลับภาพ ตัด และประกอบที่เหมาะกับวัสดุ

`viewBox` SVG ร่วมเป็นจุดอ้างอิงจัดแนวไฟล์ที่มีประโยชน์ แต่ไม่พิสูจน์ว่าการอัปโหลดแยกจะลงตำแหน่ง Canvas เดียวกัน ตรวจขนาดและแนวใน Design Space หากแผ่นตัดจัดชิ้นใหม่ ให้กลับ Canvas ตรวจการเลือก Attach ของแต่ละสี แล้วดูใหม่ Attach รักษาตำแหน่งสัมพันธ์ในสิ่งที่เลือก ส่วนการจัดแนวประกอบระหว่างสียังเป็นหน้าที่ของคุณ

สำหรับการตรวจต้นฉบับและรูปทรงกว้างกว่า ดู [การเตรียม SVG สำหรับ Cricut (ภาษาอังกฤษ)](https://perfectvector.com/blog/svg-files-for-cricut) [คู่มือตัวอย่างขนาด SVG บนแผ่นตัด](https://perfectvector.com/th/blog/preview-svg-on-cricut-mat) ช่วยตรวจขนาดไฟล์และการวางพอดี แผ่นตัดจริงใน Design Space ยังเป็นการตรวจตำแหน่งสุดท้าย

เริ่มจากภาพราสเตอร์สีแบน? [สร้างพาธ SVG สำหรับงาน Cricut](https://perfectvector.com/th/svg-for-cricut) เทียบภาพตัวอย่าง ปลดล็อกก่อนแก้และส่งออก แล้วเตรียมสีและตรวจชั้นวัสดุแต่ละชุดใน Design Space

## คำถามที่พบบ่อย

**แต่ละสี SVG กลายเป็นชิ้นตัดจริงชิ้นเดียวไหม?**
ไม่ สีเดียวอาจมีหลายพาธ และพาธเดียวอาจมีขอบแยกหรือรู ตรวจรูปทรงและเลือกวัตถุสำหรับแต่ละวัสดุและระดับประกอบ

**ทำ PNG เป็น SVG หลายชั้นอย่างไร?**
สร้างพาธเวกเตอร์ ลดพาเลตอย่างตั้งใจ และตรวจรูปทรงแต่ละสี เลือกโครงสร้างซ้อนหรือต่อ แล้วตรวจชั้นกับแผ่นตัดที่นำเข้าใน Design Space การแยกสีอย่างเดียวไม่สร้างฐานเต็มหรือลบการทับกัน

**ควรใช้ Group หรือ Attach สำหรับแผ่นตัด Cricut?**
ใช้ Group จัด Canvas ใช้ Attach ตามสีเมื่อชิ้นวัสดุเดียวที่เลือกต้องรักษาตำแหน่งสัมพันธ์บนแผ่นตัด ตรวจภาพตัวอย่าง อย่า Attach ทุกสีรวมเมื่อต้องตัดวัสดุแยก

**Design Space แยกราสเตอร์เป็นชั้นได้ไหม?**
ฟีเจอร์ Convert to Layers ที่เผยแพร่ใช้ได้เฉพาะสมาชิก Cricut Access และให้ผลแบบซ้อนหรือต่อได้สูงสุดเก้าชั้น ตรวจชั้นที่สร้าง จำนวนชั้นอย่างเดียวไม่บอกความเหมาะสมตัดหรือประกอบ

**ทำไมไฟล์แยกสีเปลี่ยนภาพซ้อนของฉัน?**
SVG ต้นฉบับอาจสลับสีในลำดับระบาย การจัดทุกวัตถุตามสีไม่รักษาลำดับข้ามสีนั้นในชั้นรวมเดียว เก็บต้นฉบับ ตรวจรูปทรงทับ และเลือกหรือออกแบบลำดับประกอบจริงใหม่อย่างตั้งใจ

## แหล่งอ้างอิง

1. [W3C — พาธ SVG](https://www.w3.org/TR/SVG/paths.html) — พาธ พาธย่อย ขอบ และรู
2. [Cricut — อัปโหลดภาพใน Design Space](https://help.cricut.com/hc/en-us/articles/360009556313-How-to-upload-images-into-Design-Space) — นำเข้าเวกเตอร์และรูปแบบ/ข้อจำกัด Convert to Layers
3. [Cricut — ใช้ Attach ใน Design Space](https://help.cricut.com/hc/en-us/articles/360009380514-How-to-use-Attach-in-Design-Space) — ตำแหน่งสัมพันธ์บนแผ่นตัดและ Attach ตามสี
4. [Cricut — สิ่งที่ไม่รองรับในการอัปโหลดภาพ](https://help.cricut.com/hc/en-us/articles/360009553213-Image-uploads-unsupported-items) — ข้อจำกัด SVG และการซ่อม
5. [Cricut — ใช้ Contour ใน Design Space](https://help.cricut.com/hc/en-us/articles/360009508613-How-to-use-Contour-in-Design-Space) — ซ่อนและคืนเส้นตัดในชั้น
6. [Cricut — เลือกค่าตั้งวัสดุ](https://help.cricut.com/hc/en-us/articles/360009501793-How-do-I-choose-material-settings) — ค่าวัสดุและทดลองตัดเล็ก
7. [PerfectVector — SVG Color Separator](https://perfectvector.com/svg-color-separator) — ไฟล์สีตรงกัน ผืนงานร่วม และตรวจความเข้ากันได้
8. [PerfectVector — นโยบายปลดล็อกปัจจุบัน](https://perfectvector.com/pricing.md) — ภาพตัวอย่างการแปลง ปลดล็อก และดาวน์โหลดซ้ำ

## Explore

- [Read the HTML article](https://perfectvector.com/th/blog/layered-svg-for-cricut)
- [PNG เป็น SVG สำหรับ Cricut: ตรวจปัญหาและซ่อมไฟล์](https://perfectvector.com/th/blog/png-to-svg-for-cricut.md)
- [วิธีตรวจไฟล์ SVG ก่อนตัดหรือซื้อ](https://perfectvector.com/th/blog/check-svg-before-cutting.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)