สารบัญ
ในฐานะนักออกแบบกราฟิกที่ทำงานเกี่ยวกับการสร้างแบรนด์มาตั้งแต่ปี 2013 ฉันได้สร้างผลิตภัณฑ์ที่มีแบรนด์มากมายสำหรับโครงการของโรงเรียน ลูกค้า และแม้แต่สำหรับตัวฉันเอง หลังจากทดลองใช้ Adobe Illustrator ในรูปแบบต่างๆ ฉันพบว่าการบันทึกไฟล์ในรูปแบบที่ถูกต้องเป็นสิ่งสำคัญสำหรับงานพิมพ์ที่มีคุณภาพ
ฉันพยายามพิมพ์ด้วย JPEG, PDF, PNG ฯลฯ ฉันต้องบอกว่า PDF นั้นไม่เลว แต่เมื่อพูดถึงผลิตภัณฑ์ SVG เป็นตัวเลือกอันดับต้น ๆ ของฉัน
ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีสร้างไฟล์ SVG ใน Adobe Illustrator เพื่อให้การออกแบบของคุณพร้อมสำหรับ Cricut
หากคุณไม่คุ้นเคยกับไฟล์ SVG นี่คือคำอธิบายสั้นๆ
สารบัญ [show]
- ไฟล์ SVG คืออะไร
- วิธีสร้าง/สร้างไฟล์ SVG สำหรับ Cricut ใน Adobe Illustrator
- การสร้าง ไฟล์ SVG ใหม่ใน Adobe Illustrator
- การแปลงรูปภาพเป็น SVG ใน Adobe Illustrator
- บทสรุป
ไฟล์ SVG คืออะไร
SVG ย่อมาจาก Scalable Vector Graphics และไฟล์ SVG คือกราฟิกแบบเวกเตอร์ความละเอียดสูงที่คุณสามารถแก้ไขและปรับขนาดได้โดยไม่สูญเสียคุณภาพของภาพ ส่วนใหญ่จะใช้สำหรับโลโก้ ไอคอน อินโฟกราฟิก และภาพประกอบ
SVG เป็นรูปแบบไฟล์ที่ได้รับความนิยมเนื่องจากเข้ากันได้กับซอฟต์แวร์ต่างๆ และมักใช้กับ Cricut ซึ่งเป็นเครื่องอัจฉริยะที่ช่วยให้คุณสร้างการออกแบบส่วนบุคคลบนผลิตภัณฑ์
ตอนนี้ มาดูวิธีสร้างการออกแบบส่วนบุคคลและบันทึกเป็น SVG สำหรับ Cricut ใน Adobe Illustrator
หมายเหตุ: ภาพหน้าจอจากบทช่วยสอนนี้นำมาจาก Adobe Illustrator CC 2022 เวอร์ชัน Mac Windows หรือเวอร์ชันอื่นๆ อาจดูแตกต่างออกไป
วิธีสร้าง/สร้างไฟล์ SVG สำหรับ Cricut ใน Adobe Illustrator
หากคุณมีรูปภาพที่ต้องการใช้สำหรับ Cricut อยู่แล้ว คุณสามารถแปลงไฟล์ JPEG เป็น SVG ได้ . มิฉะนั้น คุณสามารถสร้างการออกแบบใหม่ตั้งแต่เริ่มต้นใน Adobe Illustrator และบันทึกเป็น SVG สำหรับ Cricut
การสร้างไฟล์ SVG ใหม่ใน Adobe Illustrator
จริง ๆ แล้ว ทุกสิ่งที่คุณสร้างใน Adobe Illustrator สามารถบันทึกเป็น SVG ได้ เนื่องจาก Adobe Illustrator เป็นโปรแกรมแบบเวกเตอร์ ไปข้างหน้าและสร้างรูปร่างหรือข้อความที่คุณต้องการพิมพ์บนผลิตภัณฑ์ของคุณ
ตัวอย่างเช่น สมมติว่าเราต้องการสร้างโลโก้ใน Adobe Illustrator และใช้ Cricut เพื่อสร้างผลิตภัณฑ์ที่มีตราสินค้า
ขั้นตอนที่ 1: สร้างรูปร่าง วาด สร้างรูปแบบ หรือเพิ่มข้อความขึ้นอยู่กับสิ่งที่คุณต้องการพิมพ์ ตัวอย่างเช่น ฉันใช้แท็บเล็ต Wacom เพื่อวาด/เขียนตัวอักษรเหล่านี้อย่างรวดเร็ว
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn.png)
พวกมันเป็นเวกเตอร์อยู่แล้ว โดยเฉพาะอย่างยิ่ง เส้นทาง ดังนั้นขั้นตอนต่อไปคือการแปลงให้เป็นรูปร่าง หากคุณใช้ข้อความ คุณควรสร้างโครงร่างข้อความโดยใช้แป้นพิมพ์ลัด Shift + Command + O (ผู้ใช้ Windows เปลี่ยนปุ่ม Command เป็น Ctrl )
ขั้นตอนที่ 2: เลือกเส้นทางไปที่เมนูเหนือศีรษะแล้วเลือก Object > Path > Outline Stroke
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-1.png)
และคุณจะเห็นว่าเส้นทางกลายเป็นโครงร่างแต่มีรูปร่างที่ทับซ้อนกันระหว่างเส้นขีด
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-2.png)
ขั้นตอนที่ 3: เลือกโครงร่าง และใช้ Shape Builder Tool (แป้นพิมพ์ลัด Shift + M ) เพื่อรวมรูปร่าง
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-3.png)
เพียงวาดผ่านรูปร่างที่ไฮไลต์จนกว่าพื้นที่ที่ทับซ้อนกันจะหมดไป
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-4.png)
ในตอนท้าย ข้อความควรมีลักษณะเช่นนี้ โดยไม่มีโครงร่างทับซ้อนกัน
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-5.png)
ขั้นตอนที่ 4: ปรับขนาดและตกแต่งอาร์ตเวิร์กให้สมบูรณ์
ขั้นตอนที่ 5: ไปที่เมนูด้านบน ไฟล์ > บันทึกเป็น หรือ ส่งออก > ส่งออกเป็น และเลือก SVG (svg) เป็นรูปแบบ ทำเครื่องหมายที่ตัวเลือก ใช้ Artboards
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-6.png)
เมื่อคุณคลิกบันทึก ระบบจะขอให้คุณเลือกตัวเลือก SVG คุณสามารถปล่อยให้โปรไฟล์ SVG เป็นค่าเริ่มต้น SVG 1.1 และเลือกเปลี่ยนประเภทแบบอักษรเป็น แปลงเป็นโครงร่าง ได้
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-7.png)
คลิก ตกลง และคุณสามารถเปิดไฟล์ SVG ของคุณใน Cricut ได้
การแปลงรูปภาพเป็น SVG ใน Adobe Illustrator
ตัวอย่างเช่น คุณพบรูปภาพที่สวยงามทางออนไลน์และต้องการพิมพ์ลงบนของคุณ ผลิตภัณฑ์. ในกรณีนี้ คุณสามารถแปลงภาพแรสเตอร์เป็นไฟล์เวกเตอร์ได้โดยใช้ Adobe Illustrator และคุณสามารถใช้คุณสมบัติ Image Trace เพื่อทำให้ภาพเป็นเวกเตอร์ได้อย่างง่ายดาย
อย่างไรก็ตาม จะใช้ได้เฉพาะเมื่อภาพไม่ซับซ้อนเกินไปมิฉะนั้น ผลลัพธ์ที่ติดตามอาจไม่เหมาะ
ต่อไปนี้คือตัวอย่างการแปลงรูปภาพเป็น SVG:
ขั้นตอนที่ 1: วางและฝังรูปภาพใน Adobe Illustrator ตัวอย่างเช่น ฉันสร้างภาพนี้อย่างรวดเร็วบน Canva และบันทึกเป็น PNG
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-8.png)
ขั้นตอนที่ 2: เลือกรูปภาพและคลิก การติดตามรูปภาพ ภายใต้ การทำงานด่วน บนแผง คุณสมบัติ . คุณสามารถเลือกผลการติดตามได้ เนื่องจากภาพของฉันมีเพียงสองสี ฉันจะเลือกตัวเลือก 3 สี
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-9.png)
รูปภาพของคุณได้รับการทำให้เป็นเวกเตอร์แล้ว แต่มีขั้นตอนเพิ่มเติมอีกสองสามขั้นตอนในการทำให้เสร็จเพื่อการส่งออก
ขั้นตอนที่ 3: คลิกที่ไอคอนถัดจากการตั้งค่าล่วงหน้าเพื่อเปิดแผงการติดตามรูปภาพ
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-10.png)
ขยายตัวเลือก ขั้นสูง และคลิกที่ ละเว้นสีขาว วิธีนี้จะทำให้พื้นหลังสีขาวของภาพหายไป
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-11.png)
ขั้นตอนที่ 4: คลิก ขยาย ใต้ การดำเนินการด่วน บนแผง คุณสมบัติ
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-12.png)
และหากคุณต้องการแก้ไขเวกเตอร์ คุณสามารถยกเลิกการจัดกลุ่มได้ ตัวอย่างเช่น คุณสามารถเปลี่ยนสีได้
![](/wp-content/uploads/adobe-illustrator-tutorials/215/16c4w0k6hn-13.png)
ขั้นตอนที่ 5: ไปที่เมนูด้านบน ไฟล์ > บันทึกเป็น หรือ ไฟล์ > ส่งออก > ส่งออกเป็น และเลือก (SVG) svg เป็นรูปแบบไฟล์
นั่นแหละ! ตอนนี้คุณสามารถเปิดไฟล์ SVG ใน Cricut เพื่อสร้างการออกแบบที่เป็นส่วนตัวได้แล้ว!
บทสรุป
ไม่ว่าคุณจะแปลงรูปภาพเป็นเวกเตอร์หรือสร้างบางสิ่งตั้งแต่เริ่มต้นสำหรับ Cricut ก็ตามสิ่งสำคัญในการบันทึกไฟล์เป็น SVG ตรวจสอบให้แน่ใจว่าคุณร่างข้อความและปรับภาพเป็นเวกเตอร์หากไฟล์ต้นฉบับเป็นแรสเตอร์