Rayzia Beta
เข้าสู่ระบบ เปิดโปรแกรมแก้ไข

ทำไอคอน SVG ออนไลน์

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

เริ่มทำไอคอน ดูราคา

วิธีสร้างชุดไอคอน SVG ใน Rayzia

  1. เปิดโปรแกรมแก้ไข ไปที่ rayzia.com/vector/ แผนฟรีให้เครื่องมือครบทุกตัว, AI และไฟล์คลาวด์ 3 ไฟล์ คุณจึงเริ่มทำชุดไอคอนได้โดยไม่ต้องจ่ายหรือสมัครอะไรเพิ่ม
  2. ตั้งอาร์ตบอร์ดสี่เหลี่ยมจัตุรัสและกริด สร้างอาร์ตบอร์ดสี่เหลี่ยมจัตุรัส (24x24 เป็นค่าเริ่มต้นที่เหมาะสม) แล้วเปิดกริด ผืนผ้าใบที่สม่ำเสมอคือสิ่งที่ทำให้ชุดไอคอนดูเป็นครอบครัวเดียวกัน ไม่ใช่กองงานคนละชิ้น
  3. วาดไอคอนเอง หรือให้ AI ร่างทั้งชุดคร่าว ๆ ใช้ปากกาและโหนด Bézier พร้อมรูปทรงที่แก้ไขได้และการดำเนินการ boolean เพื่อวาดแต่ละ glyph หรือเชื่อมต่อบัญชี Claude หรือ GPT ที่คุณมีอยู่แล้ว ให้มันร่างทั้งชุดคร่าว ๆ บนผืนผ้าใบ แล้วเก็บรายละเอียดด้วยมือ
  4. คุมเส้นและขนาดให้สม่ำเสมอ ใช้ symbol ซ้ำ คุมความหนาเส้นให้เท่ากันทุกไอคอน และจัดรูปทรงให้ตรงกริดเดียวกัน แปลงชิ้นส่วนที่ใช้ซ้ำเป็น symbol ที่นำกลับมาใช้ได้ เพื่อให้แก้ครั้งเดียวอัปเดตทุกอินสแตนซ์
  5. ส่งออก SVG ที่สะอาด ส่งออกไอคอนแต่ละตัวเป็น SVG สำหรับโค้ดเบสของคุณ หรือ PNG สำหรับม็อกอัป ผลลัพธ์เป็นเรขาคณิต SVG จริงที่วางลงคอมโพเนนต์หรือสไตล์ชีตได้เลย หรือป้อนเข้าระบบสร้างไอคอนฟอนต์ก็ได้

ทำไม SVG จึงเป็นฟอร์แมตที่ใช่สำหรับเครื่องมือทำไอคอน

ไอคอนต้องอยู่รอดในทุกขนาดที่มันไปอยู่ PNG จะเบลอทันทีที่ใครขยายเกินความละเอียดต้นฉบับ ส่วน SVG วาดตัวเองใหม่ให้คมทั้งที่ 16px และ 512px เพราะมันเก็บคณิตศาสตร์ ไม่ใช่พิกเซล นี่คือเหตุผลทั้งหมดของการสร้างไอคอนเป็นเวกเตอร์

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

การทำให้ชุดไอคอนสม่ำเสมอ

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

เมื่ออยากได้จุดเริ่มต้น ชี้บัญชี AI ของคุณไปที่ผืนผ้าใบ แล้วให้มันจัดวาง เปลี่ยนสี และร่างเวอร์ชันต่าง ๆ คร่าว ๆ ให้คุณดู ทุกอย่างที่มันทำย้อนกลับได้ด้วย undo ครั้งเดียวและรันด้วยคีย์ของคุณเอง จึงไม่มีอะไรต้องจ่ายเพิ่มให้ Rayzia สำหรับ AI ส่วนเลเยอร์ อาร์ตบอร์ดหลายอัน ประวัติแบบตั้งชื่อได้ และเอฟเฟกต์สด 150+ แบบ พร้อมใช้เมื่อชุดไอคอนโตเกินไม่กี่ตัว

การทำไอคอน: คำถามที่พบบ่อย

Rayzia ทำไอคอนได้ฟรีไหม?

ฟรีจริง แผนฟรีมีเครื่องมือครบทุกตัว, AI, ไฟล์คลาวด์ 3 ไฟล์ และส่งออก SVG กับ PNG ส่วน Pro ที่ $8 ต่อเดือน เพิ่มไฟล์คลาวด์ไม่จำกัด ประวัติย้อนหลัง 30 วัน ลิงก์แชร์ไม่มีลายน้ำ และส่งออก PDF

ต้องติดตั้งอะไรไหมถึงจะออกแบบไอคอนได้?

ไม่ต้อง Rayzia ทำงานในเบราว์เซอร์รุ่นใหม่ทุกตัวบน Windows, Mac, Linux, ChromeOS และแท็บเล็ต ใช้งานออฟไลน์ได้และบันทึกอัตโนมัติ จึงไม่มีอะไรต้องดาวน์โหลดหรือติดตั้ง

ส่งออกไอคอนเป็น SVG สะอาด ๆ สำหรับโค้ดได้ไหม?

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

AI ช่วยสร้างชุดไอคอนอย่างไร?

คุณเชื่อมต่อบัญชี Claude หรือ GPT ที่มีอยู่แล้ว แล้วมันจะวาด เปลี่ยนสี และจัดวางไอคอนบนผืนผ้าใบให้คุณดูสด ๆ มันรันด้วยคีย์ของคุณเอง จึงไม่ต้องจ่ายอะไรเพิ่มให้ Rayzia และทุกการกระทำย้อนกลับได้ด้วย undo ครั้งเดียว

จะคุมให้ไอคอนทุกตัวในชุดสม่ำเสมอได้อย่างไร?

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