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

วาดรูปทรง: สี่เหลี่ยม วงรี ดาว และเส้น

รูปทรงคือวิธีที่เร็วที่สุดที่จะได้อะไรจริง ๆ ขึ้นมาบนแคนวาส Rayzia เก็บเครื่องมือรูปทรงไว้ในสองช่องบนแถบเครื่องมือ และรูปทรงทุกชิ้นที่คุณวาดจะเก็บตัวเลขของมันไว้ ให้คุณเปลี่ยนใจทีหลังได้ บทเรียนนี้ครอบคลุมทั้งสองช่อง option bar ของแต่ละตัว และสิ่งที่ความเป็น parametric มอบให้คุณ

ช่อง shape และช่อง line

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

รูปทรงถูกครอบคลุมด้วยสองช่อง:

  • ช่อง shape (ค่าเริ่มต้นคือ Rectangle): Rectangle, Ellipse, Star, Flare
  • ช่อง line (ค่าเริ่มต้นคือ Line): Line, Arc, Spiral, Rectangular Grid, Polar Grid
คีย์ทำอะไร
RRectangle
CEllipse
LLine
ISpiral
Vเครื่องมือ Select

Star, Flare, Arc และกริดทั้งสองแบบไม่มีคีย์ลัด ให้เลือกจาก flyout ถ้า tooltip ของ Star แสดงคีย์ ให้ข้ามไป ป้ายนั้นถูกสร้างจากการประกาศของเครื่องมือ และไม่มี handler ต่อสายไว้กับมัน

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

วาดสี่เหลี่ยมชิ้นแรกของคุณ

  1. กด R ช่อง shape จะสลับเป็น Rectangle ใช้ได้ไม่ว่าตอนนั้นช่องจะแสดงสมาชิกตัวไหนอยู่ก็ตาม
  2. ลากบนแคนวาส กด ลาก ปล่อย คุณจะได้ SVG จริง ไม่ใช่แค่รูปภาพของมัน เอกสารทั้งหมดเป็น SVG ตั้งแต่บนลงล่าง
  3. กด V แล้วปรับแต่ง เครื่องมือ Select ให้กรอบเลือกกับคุณ ลากด้านในเพื่อย้าย ลากที่จุดจับเพื่อย่อขยายหรือหมุน

วงรีทำงานแบบเดียวกันด้วย C เส้นทำงานแบบเดียวกันด้วย L ยกเว้นว่าเครื่องมือ Line ยังตอบสนองต่อการแตะครั้งเดียวด้วย: มันจะวางเส้นตามความยาวและมุมที่ตั้งไว้ใน option bar ขณะนั้น

option bar กำหนดรูปทรงถัดไป แล้วค่อยแก้ไขชิ้นที่คุณวาดเสร็จ

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

  • Rectangle: W, H, RX, RY และหน่วย (px, pt, mm, cm, in) โดย RX กับ RY คือรัศมีมุม และค่าเริ่มต้นคือ 0
  • Ellipse: Rx, Ry, หน่วย, มุมเริ่มและมุมจบ (0 ถึง 360) และชนิดส่วนโค้งสามแบบ ได้แก่ Slice, Arc และ Chord โดย Slice เป็นค่าเริ่มต้น
  • Star: โหมดคู่ polygon/star บวกจำนวนมุม (2 ถึง 1000 ค่าเริ่มต้น 5), spoke ratio (0 ถึง 1 ค่าเริ่มต้น 0.5), มุมโค้งมน และการสุ่ม
  • Spiral: Turns (ค่าเริ่มต้น 3), divergence (ค่าเริ่มต้น 1) และรัศมีด้านใน (ค่าเริ่มต้น 0)
  • Line: ความหนาเส้น ความยาว มุม และหน่วย

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

เคล็ดลับ: แถบ Ellipse ควบคุมมุมเริ่ม/จบสำหรับส่วนโค้งและชิ้นพาย ส่วนแถบ Star ควบคุมจำนวนมุม ความโค้งมน และการสุ่ม ลองเล่นดูได้เลย — Undo พาคุณกลับมาได้เสมอ

ส่วนโค้ง เกลียว และกริด

เครื่องมือที่เหลือในช่อง line ก็ควรรู้จักไว้ เพราะรูปทรงพวกนี้สร้างด้วยมือได้ยากลำบาก

  • Arc ลากออกมาเป็นส่วนโค้งเปิดหนึ่งในสี่ของวงรี
  • Spiral วาดเกลียวแบบ parametric เป็นพาธเปิดที่มีแต่เส้น stroke
  • Rectangular Grid ลากออกมาเป็นกริดเส้นแบบแถวคูณคอลัมน์
  • Polar Grid ลากออกมาเป็นวงแหวนซ้อนกันพร้อมซี่เส้นรัศมี

กริดทั้งสองแบบมาเป็นพาธประกอบ (compound path) ชิ้นเดียว ไม่ใช่กองเส้นแยกกัน ซึ่งทำให้รายการเลเยอร์สะอาด แต่ก็แปลว่าคุณเลือกเส้นกริดทีละเส้นด้วยเครื่องมือ Select ไม่ได้

รูปทรงยังแก้ไขได้เสมอ

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

เมื่ออยากขยับจุดทีละจุดแทน ให้กด F2 เพื่อเปิดตัวแก้ไขโหนด มันจะอ่านชนิดของ element แล้วให้ตัวแก้ไขที่ถูกต้อง: จุดจับสี่เหลี่ยมสำหรับ rect, จุดยึดกับเบซิเยร์สำหรับพาธ, จุดจับรัศมีสำหรับวงรี

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

ทำไมช่อง shape ของฉันแสดงดาวแทนที่จะเป็นสี่เหลี่ยม?

เพราะครั้งล่าสุดคุณเลือก Star จาก flyout ของช่องนั้น และตัวเลือกจะติดอยู่กับแต่ละช่องบนอุปกรณ์ของคุณ กด R แล้วช่องจะกลับเป็น Rectangle

tooltip ของ Star แสดงคีย์ลัด ทำไมกดแล้วไม่มีอะไรเกิดขึ้น?

tooltip นั้นถูกสร้างจากสตริงคีย์ลัดที่เครื่องมือประกาศไว้ และสำหรับ Star ไม่เคยมี handler ต่อสายกับคีย์นั้นเลย เครื่องมือ Width ก็เป็นแบบเดียวกัน ให้เลือกทั้งสองตัวจาก flyout ของมัน นี่เป็นบั๊กฝั่งเรา ไม่ใช่ความผิดคุณ

เปลี่ยนรัศมีมุมของสี่เหลี่ยมหลังวาดเสร็จได้ไหม?

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

แตกกริดเป็นเส้นแยกกันได้ไหม?

ทำจากเครื่องมือกริดไม่ได้ กริดทั้งสองแบบถูกสร้างออกมาเป็นพาธประกอบชิ้นเดียว ถ้าต้องการเส้นแยกทีละชิ้น ให้วาดเส้นแทน หรือตัดพาธด้วยเครื่องมือ Scissors ในช่อง eraser