ครอป SVG ออนไลน์

คลิปหรือลบ: สองวิธีครอป SVG

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

อีกวิธีคือกำจัดส่วนที่ไม่ต้องการทิ้งไปเลย เลือกมันแล้วกด Delete ถ้ารูปทรงคาบเกี่ยวเส้นครอปครึ่งใน-ครึ่งนอก ให้ตัดด้วย Knife หรือ Scissors ก่อนแล้วลบเศษที่เหลือ ยังมีคำสั่ง Crop ใต้ Path ▸ Pathfinder ด้วย ลบผิดก็ไม่ใช่เรื่องคอขาดบาดตาย เพราะทุกขั้นตอน undo กลับได้ในคลิกเดียว

วิธีครอป SVG ออนไลน์ใน 5 ขั้นตอน

1. เปิดเอดิเตอร์ ไปที่ rayzia.com แล้วเปิดเอดิเตอร์ที่ /vector/ ไม่ต้องดาวน์โหลดอะไรและไม่ต้องมีบัญชีก็เริ่มได้เลย ใช้งานได้ในทุกเบราว์เซอร์บน Windows, Mac, Linux, ChromeOS หรือแท็บเล็ต
2. ลากไฟล์ SVG เข้ามา วางไฟล์ลงบนแคนวาส หรือใช้ File แล้ว Open ก็ได้ Rayzia อ่านไฟล์เป็น SVG แบบเนทีฟ รูปทรง path และตัวอักษรทุกชิ้นจึงเข้ามาเป็นอ็อบเจกต์ที่แก้ไขได้แยกชิ้นกัน ไม่ใช่ภาพที่ถูกล็อก
3. ตัดสินใจว่าจะเก็บอะไร ถ้าอยากครอปแบบไม่เสียอะไรเลย ปล่อยงานไว้เฉย ๆ แล้วให้อาร์ตบอร์ดคลิปในขั้นถัดไป ถ้าจะครอปถาวร ให้เลือกชิ้นส่วนที่ไม่ต้องการ (Shift+คลิก เพื่อเพิ่มและเอาออก) แล้วกด Delete ตรงที่รูปทรงคาบเกี่ยวเส้นครอป Knife จะผ่ามันตามเส้นที่ลากด้วยมือเปล่าและเก็บไว้ทั้งสองฝั่ง คุณจึงลบทิ้งได้แค่ฝั่งเดียว
4. จัดอาร์ตบอร์ดให้พอดีพื้นที่ครอป กด Shift+O เพื่อใช้เครื่องมือ Artboard แล้วลากบอร์ดทับพื้นที่ที่อยากเก็บ หรือเลือกพรีเซ็ตอย่าง A4, Letter, IG Post หรือ Full HD จากแถบตัวเลือกก็ได้ ถ้าอยากให้พอดีอ็อบเจกต์เป๊ะ ๆ ให้เลือกมันแล้วใช้ Convert Selection to Artboards ซึ่งจะสร้างบอร์ดขนาดเท่า bounding box ของมัน ลากจุดจับที่มุมหรือขอบเพื่อปรับละเอียด
5. ส่งออกไฟล์ที่ครอปแล้ว File ▸ Export มีให้เลือกทั้ง SVG, PNG และ JPG โดย SVG กับ PNG ฟรี การส่งออกจะตั้ง viewBox ของผลลัพธ์ตามสี่เหลี่ยมของบอร์ด ไฟล์จึงถูกครอปพอดีเป๊ะโดยไม่ลบส่วนที่ซ่อนอยู่ทิ้ง PNG คงความโปร่งใสไว้

ตัดเอาเฉพาะชิ้นที่ต้องการ

บางครั้งเป้าหมายไม่ใช่การครอปเป็นสี่เหลี่ยม แต่คือการหยิบชิ้นเดียวออกมาจากภาพประกอบชิ้นใหญ่ เครื่องมือตัดของ Rayzia ถูกออกแบบมาเพื่อสิ่งนี้

Knife ตัดตามเส้นที่ลากด้วยมือเปล่า: รูปทรงทุกชิ้นที่เส้นพาดผ่านจะแยกออกเป็นชิ้น ๆ เก็บไว้ทั้งสองฝั่ง และรอยตัดกว้างเป็นศูนย์ Scissors ตัด path ให้เปิดออก ณ จุดที่คลิกเป๊ะ ๆ โดยไม่ลบอะไรเลย ถ้าคลิกสี่เหลี่ยมหรือวงรี มันจะถูกแปลงเป็นเรขาคณิตแบบ path ให้ก่อน ส่วน Eraser (Shift+E) โหมดเริ่มต้นคือลบเนื้อออกจากอ็อบเจกต์ แต่โปรดสังเกตว่าค่าตั้งต้นจะกระทำกับทุกอ็อบเจกต์ที่สัมผัส ไม่ใช่เฉพาะที่เลือกไว้

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

การครอป SVG: คำถามที่พบบ่อย