ตัวอย่างจากทีมผลิตภัณฑ์

สามโปรเจกต์ จากเรขาคณิตต้นทางสู่ผลลัพธ์ที่แก้ไขได้

ตัวอย่างเหล่านี้จัดทำโดยทีม JigsawDesigner ใน JigsawDesigner 1.6.0 บน Mac แต่ละตัวอย่างบันทึกข้อมูลต้นทาง ผลลัพธ์ในแอป และการแก้ไขเวกเตอร์ขั้นต่อไป

เกี่ยวกับตัวอย่างเหล่านี้

ภาพหน้าจอมาจาก JigsawDesigner 1.6.0 บน Mac
แต่ละตัวอย่างบันทึกสถานะจริงของเครื่องมือแก้ไขหรือคลังโปรเจกต์
การตั้งค่าการผลิตจริงยังเป็นส่วนหนึ่งของขั้นตอนถัดไป

ตัวอย่างใช้งานสามแบบ

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

จากเส้นขอบรูปร่างอิสระสู่เส้นตัดที่แก้ไขได้

เป้าหมาย: เติมลวดลายจิ๊กซอว์ลงในเส้นขอบแบบปิดที่วาดอิสระ โดยคงรูปร่างด้านนอกไว้
Captured on: Mac
เทมเพลต: โปรไฟล์รอยต่อเว้าแบบกำหนดเองที่เลือกในแผง Templates
การแก้ไขขั้นต่อไป: เลือกกลุ่มที่สร้าง ตรวจสอบขอบเขต แล้วเปลี่ยนเป็นการแก้ไขจุดเพื่อปรับเส้นขอบเฉพาะจุด

เปิดคู่มือที่เกี่ยวข้อง

เส้นขอบรูปร่างอิสระแบบปิดที่เลือกเทมเพลตรอยต่อกำหนดเองและแสดงการตั้งค่าการสร้างใน JigsawDesigner — เส้นขอบ โปรไฟล์ที่เลือก และตัวควบคุมการสร้างก่อนเรียกใช้ตัวสร้าง
ต้นฉบับ: ภาพหน้าจอผลิตภัณฑ์ · JigsawDesigner 1.6.0 สำหรับ Mac

เส้นตัดจิ๊กซอว์ที่สร้างภายในเส้นขอบรูปร่างอิสระ และถูกเลือกเป็นกลุ่มที่แก้ไขได้ใน JigsawDesigner — เส้นตัดที่สร้างจะกลับเข้าสู่เอกสารเป็นกลุ่ม SVG ที่เลือกได้
ต้นฉบับ: ภาพหน้าจอผลิตภัณฑ์ · JigsawDesigner 1.6.0 สำหรับ Mac

สิ่งที่เกิดขึ้น

01เตรียมเส้นขอบด้านนอกแบบปิดหนึ่งเส้นและเลือกโปรไฟล์รอยต่อ
02ตั้งค่าความหนาแน่นเป้าหมายและสร้างลวดลาย
03คงกลุ่ม SVG ที่ได้ให้แก้ไขต่อได้ใน Layers

ภาพเงารายละเอียดสูงที่มีช่องเปิดภายใน

เป้าหมาย: สร้างลวดลายทั่วเส้นขอบรูปมังกรที่ซับซ้อน พร้อมคงรูปร่างขนาดเล็กด้านในไว้
Captured on: Mac
เทมเพลต: โปรไฟล์รอยต่อแบบกำหนดเองที่เลือกในแผง Templates
การแก้ไขขั้นต่อไป: ตรวจพื้นที่แคบและช่องเปิดภายใน แล้วปรับแต่ละพาธเมื่อขั้นตอนถัดไปต้องการระยะห่างมากขึ้น

เปิดคู่มือที่เกี่ยวข้อง

เส้นขอบเวกเตอร์รูปมังกรที่มีรายละเอียดและรูปสัตว์หลายรูปอยู่ภายใน ก่อนสร้างจิ๊กซอว์ — เรขาคณิตต้นฉบับมีภาพเงาด้านนอกที่ซับซ้อนและช่องเปิดภายในหลายตำแหน่ง
ต้นฉบับ: ภาพหน้าจอผลิตภัณฑ์ · JigsawDesigner 1.6.0 สำหรับ Mac

เส้นตัดจิ๊กซอว์ที่สร้างทั่วภาพเงารูปมังกรที่มีรายละเอียดใน JigsawDesigner — ผลลัพธ์ในแอปพร้อมให้ซูมตรวจสอบและปรับแต่งเวกเตอร์อย่างละเอียด
ต้นฉบับ: ภาพหน้าจอผลิตภัณฑ์ · JigsawDesigner 1.6.0 สำหรับ Mac

สิ่งที่เกิดขึ้น

01ตรวจสอบภาพเงาด้านนอกและรูปร่างเวกเตอร์ภายใน
02เลือกโปรไฟล์และปรับช่วงระยะ
03สร้าง ซูมเข้า และตรวจสอบจุดตัด แทนที่จะถือว่าผลลัพธ์แรกเป็นขั้นสุดท้าย

จาก SVG ที่นำเข้าสู่โปรเจกต์ที่จัดระเบียบแล้ว

เป้าหมาย: เปิด SVG ที่มีเลเยอร์ ตรวจสอบว่าองค์ประกอบที่มองเห็นนำเข้าครบ และเก็บไว้กับโปรเจกต์อื่นที่แก้ไขได้
Captured on: Mac
เทมเพลต: ไม่ได้ใช้ — ตัวอย่างนี้แสดงการนำเข้า SVG และการจัดระเบียบโปรเจกต์
การแก้ไขขั้นต่อไป: ตรวจสอบกลุ่มและมาตราส่วนที่นำเข้า ก่อนเลือกหรือวาดเส้นขอบแบบปิดสำหรับการสร้าง

เปิดคู่มือที่เกี่ยวข้อง

SVG ที่ซับซ้อนซึ่งนำเข้าและเลือกอยู่ใน JigsawDesigner โดยเห็นกลุ่มเลเยอร์และขนาด — การตรวจสอบการนำเข้าจริงในเครื่องมือแก้ไข ภาพนี้เป็นหลักฐานการเรนเดอร์ของแอป ไม่ใช่ผลิตภัณฑ์จริง
ต้นฉบับ: ภาพหน้าจอผลิตภัณฑ์ · JigsawDesigner 1.6.0 สำหรับ Mac

คลังโปรเจกต์ JigsawDesigner ที่มีตัวอย่าง SVG และจิ๊กซอว์จากทีมผลิตภัณฑ์ — คลังโปรเจกต์ปัจจุบันเก็บงานที่นำเข้าและตัวอย่างที่สร้างไว้ด้วยกัน
ต้นฉบับ: ภาพหน้าจอผลิตภัณฑ์ · JigsawDesigner 1.6.0 สำหรับ Mac

สิ่งที่เกิดขึ้น

01นำเข้า SVG ในโปรเจกต์
02เปรียบเทียบภาพที่เห็นและตรวจสอบกลุ่มใน Layers
03บันทึกโปรเจกต์เพื่อให้เปิดงานต้นฉบับและตัวอย่างที่สร้างได้ง่าย

เริ่มจากเส้นขอบของคุณเอง

สร้างโปรเจกต์บน iPhone, iPad หรือ Mac แล้วตรวจสอบเรขาคณิตที่สร้างก่อนส่งออก SVG

ดูบน App Store