ระดับ 1 · เริ่มต้นใช้งาน

วาดชิ้นแรกของคุณใน Rayzia

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

เปิดตัวแก้ไข

ไปที่ /vector/ ตัวแก้ไขจะโหลดขึ้นมา และคุณจะพบผืนผ้าใบเปล่าที่มีหน้ากระดาษวางอยู่ การเรนเดอร์ทำงานบน GPU ผ่าน Skia ดังนั้นเอกสารที่มีของเยอะจะทำงานได้ลื่นแทบไม่ต่างจากเอกสารที่แทบไม่มีอะไรเลย

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

วาดสี่เหลี่ยม

  1. เลือกเครื่องมือรูปทรง กด R หรือคลิกช่องรูปทรงในแถบเครื่องมือด้านซ้าย ช่องนั้นถือ Rectangle อยู่จนกว่าคุณจะเปลี่ยน
  2. ลากบนผืนผ้าใบ กด ลากออกมาเป็นกล่อง แล้วปล่อย คุณได้สี่เหลี่ยมแล้ว มันคือออบเจ็กต์จริงในเอกสาร ถูกเลือกอยู่และพร้อมใช้งาน
  3. ดูที่แถบเหนือผืนผ้าใบ มันเปลี่ยนไปแล้ว ก่อนวาด แถบนี้แสดง W, H, RX และ RY สำหรับสี่เหลี่ยมชิ้นถัดไปที่คุณจะวาด ตอนนี้มันผูกกับสี่เหลี่ยมที่คุณเพิ่งวาด คุณจึงแก้ขนาดหรือทำมุมโค้งทีหลังได้ ไม่ต้องวาดให้ถูกตั้งแต่ครั้งแรก

แตะพื้นที่ว่างบนผืนผ้าใบจะคืนเครื่องมือวาดให้คุณ ทำให้วาดสี่เหลี่ยมต่อไปได้โดยไม่ต้องเลือกเครื่องมือใหม่

ลงสีให้มัน

แผงด็อกด้านขวาเปิดที่พาเนล Fill and Stroke เมื่อเลือกสี่เหลี่ยมอยู่ ตั้งค่าสีเติมได้ที่นั่นและผืนผ้าใบจะอัปเดตตามขณะที่คุณลาก ส่วน Stroke อยู่บนพาเนลเดียวกัน แยกเป้าหมายกันชัดเจน

มีทางลัดที่เร็วกว่าเมื่อมือคุณจำได้แล้ว แถบเครื่องมือมี proxy ของสีเติมและเส้นขอบ และคีย์เหล่านี้ควบคุมมัน

คีย์ทำอะไร
Xสลับว่ากำลังแก้สีไหนอยู่ ระหว่างสีเติมกับเส้นขอบ
Shift+Xสลับสีเติมกับเส้นขอบ
Dรีเซ็ตเป็นค่าเริ่มต้น: เติมขาว เส้นขอบดำ
,เปิดตัวเลือกสีบนสีที่กำลังใช้งาน
.เปลี่ยนสีที่กำลังใช้งานเป็นไล่ระดับสี
/ตั้งสีที่กำลังใช้งานเป็นไม่มีสี

เลิกทำ ไม่มีต้นทุน ใช้ให้เต็มที่

Ctrl+Z ถอยกลับหนึ่งขั้น และ Ctrl+Y เดินหน้าหนึ่งขั้น ไม่มีอะไรที่นี่เป็นประตูทางเดียว รวมถึงทุกอย่างที่ผู้ช่วย AI ทำกับผืนผ้าใบของคุณด้วย: มันวาดผ่านคำสั่งชุดเดียวกับที่คุณใช้ จึงเข้าไปอยู่ในประวัติเดียวกัน และย้อนกลับได้ด้วย undo ครั้งเดียว

คีย์ทำอะไร
Ctrl+Zเลิกทำ
Ctrl+Yทำซ้ำ
Ctrl+Aเลือกทั้งหมด
Ctrl+Shift+Aยกเลิกการเลือก
Deleteลบสิ่งที่เลือก

เมื่ออยากเห็นเส้นทางทั้งหมดแทนที่จะกด Ctrl+Z สิบเอ็ดครั้งแล้วลุ้น ให้เปิดพาเนล History จากด็อก มันแสดงทุกขั้นตอนพร้อมชื่อ จางขั้นตอนที่คุณ undo ไปแล้ว และกระโดดไปยังสถานะไหนก็ได้ที่คุณคลิก

ส่งออก

  1. เปิด File ▸ Export มีสามฟอร์แมต: SVG, JPG และ PNG ไอคอน Export บนแถบคำสั่งด้านขวาก็เปิดสามตัวเดียวกันนี้ในเมนูย่อย
  2. เลือก SVG ฉากจะถูกซีเรียลไลซ์แล้วดาวน์โหลด มันคือเอกสารที่คุณแก้ไขมาตลอด ไม่ใช่ผลจากการแปลง
  3. หรือเลือก PNG หรือ JPG PNG เก็บความโปร่งใสไว้ ส่วน JPG จะถูกทาพื้นหลังสีขาวไว้ข้างหลังงานก่อน เพราะ JPEG ไม่มีความโปร่งใสให้เก็บ

การส่งออกเป็นชุดอยู่ใน File ▸ Export for Screens ซึ่งไขว้เป้าหมายกับสเกลและฟอร์แมต แผนฟรีได้ 1x และ 0.5x ในรูปแบบ PNG, JPG, SVG และ WebP ส่วนสเกล 2x, 3x และ 4x กับเอาต์พุต PDF เป็นของ Pro

นั่นคือวงจรทั้งหมด วาด ลงสี ย้อนกลับ ส่งออก ทุกอย่างที่เหลือในคอร์สนี้คือรายละเอียดที่ต่อยอดจากสี่ขั้นตอนนี้

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

ต้องมีบัญชีไหม?

ไม่ต้อง ทั้งการวาดและการส่งออก บัญชีให้คุณได้ไฟล์คลาวด์ (สามไฟล์ในแผนฟรี) ลิงก์แชร์ และประวัติเวอร์ชันใน Pro ตัวแก้ไขเองใช้งานได้โดยไม่ต้องเข้าสู่ระบบ

งานของฉันไปอยู่ไหนถ้าปิดแท็บ?

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

ส่งออก PDF ได้ไหม?

ได้ ผ่าน File ▸ Export for Screens ซึ่งเป็นฟีเจอร์ Pro ส่วนการส่งออก SVG, PNG และ JPG ธรรมดาจาก File ▸ Export นั้นฟรี

ทำงานออฟไลน์ได้ไหม?

ได้ ตัวแก้ไขรันในเบราว์เซอร์และบันทึกลงอุปกรณ์ของคุณ ส่วนการซิงก์คลาวด์และผู้ช่วย AI ต้องใช้อินเทอร์เน็ต เพราะตัวหนึ่งคุยกับ API ของเรา อีกตัวคุยกับของคุณ