วิธีวาดรูปร่าง (Shape) และการกำหนดลักษณะต่างๆ
รูปสี่เหลี่ยม
เลือกเครื่องมือ Rectangle หรือ R จากนั้นจึงคลิกแล้วลาก
ปรับขนาดรูป
วิธีปรับขนาดของรูปมี 2 วิธี
วิธีที่ 1 เปลี่ยนที่ Panel ด้านขวามือ โดย W (Width) คือ ความกว้าง H (Height) คือความสูง
วิธีที่ 2 ลากจุดที่มุมรูป
หมุนรูป
วิธีหมุนรูปมี 2 วิธี
วิธีที่ 1 กำหนดค่าองศาที่ Panel ด้านขวามือ
วิธีที่ 2 หมุนที่มุมด้านนอก มุมใดมุมหนึ่งของรูป
เปลี่ยนสีรูป
ติ๊กถูกที่เมนู Fill ใน Panel ด้านขวามือแล้วเลือกสี
เปลี่ยนสีรูปเป็น Gradient
- ที่ป็อปอัปเลือกสี ให้เปลี่ยนจาก Solid Color เป็น Gradient
- ที่ช่องถัดมาจะมี 2 จุดติดซ้ายขวาสำหรับกำหนดสี คลิกจุด 1 ครั้งแล้วเลือกสี คลิกที่ว่างในช่องจะเป็นการเพิ่มจุดสี
- ที่รูปจะมีจุด 2 จุดเชื่อมกัน ซึ่งเราสามารถปรับทิศทางของสีได้และสามารถลากจุดออกนอกขอบเขตรูปได้
เส้นกรอบรูป
ติ๊กถูกที่เมนู Border ใน Panel ด้านขวามือแล้วเลือกสี โดยเส้นกรอบจะมีให้เลือก 3 แบบ
แบบที่ 1 เส้นอยู่ในรูป (Inner Stroke)
แบบที่ 2 เส้นอยู่นอกรูป (Outer Stroke)
แบบที่ 3 เส้นอยู่ทั้งนอกและในรูป (Center Stroke)
ทำรูปมุมโค้ง
เลือกรูปสี่เหลี่ยมที่ต้องการ จากนั้นจึงเปลี่ยนค่าความโค้งของมุมรูปที่เมนูดังต่อไปนี้ ซึ่งจะมีการใส่ค่าความโค้ง 2 แบบ
แบบที่ 1 ทุกมุมใช้ค่าเดียวกัน
แบบที่ 2 แต่ละมุมใช้ค่าต่างกัน ซึ่งเมื่อคลิกช่องใดช่องหนึ่ง มุมในเมนูจะถูกไฮไลต์ด้วยสีฟ้า
เงา
ติ๊กถูกที่เมนู Shadow ใน Panel ด้านขวามือแล้วเลือกสี เปลี่ยนค่า A (Alpha) ที่กล่องเลือกสี เพื่อเพิ่มหรือลดความทึบของสี ที่เมนู Shadow สามารถปรับค่าได้ดังต่อไปนี้
- X – ตำแหน่งเงาในแนวนอน หากค่าน้อยกว่า 0 เงาจะอยู่ด้านซ้าย หากค่ามากกว่า 0 เงาจะอยู่ด้านขวา
- Y – ตำแหน่งเงาในแนวตั้ง หากค่าน้อยกว่า 0 เงาจะอยู่ด้านบน หากค่ามากกว่า 0 เงาจะอยู่ด้านล่าง
- B – ค่าความเบลอของเงา
รูปวงกลม
เลือกเครื่องมือ Ellipse หรือ E จากนั้นจึงคลิกแล้วลาก การปรับแต่งลักษณะของวงกลมสามารถทำได้เหมือนกับรูปสี่เหลี่ยม
เส้น
เลือกเครื่องมือ Line หรือ L จากนั้นจึงคลิกแล้วลากเส้น โดยสามารถปรับลักษณะของเส้นได้ดังนี้
1) สีเส้น
2) ขนาดเส้น
3) เงา
รูปอิสระ
เลือกเครื่องมือ Pen หรือ P จากนั้นจึงคลิกแล้วลากเส้น ขณะวาดรูป หากคลิก 1 ครั้งจะได้ 1 มุม หากคลิกค้างแล้วลากจะได้มุมที่โค้งมนมากขึ้น ซึ่งรูปอิสระสามารถปรับลักษณะได้เหมือนกับรูปสี่เหลี่ยมและวงกลม
การรวมกลุ่ม
การรวมไอเท็มต่างๆ เป็นกลุ่ม สามารถทำได้โดยการเลือกหลายๆ ไอเท็ม แล้วคลิกขวา จากนั้นจึงเลือกเมนู Group หรือกดแป้นพิมพ์ Ctrl + G หรือ Command + G ซึ่งการรวมกลุ่มไอเท็มจะทำให้ง่ายต่อการจัดการไอเท็มต่างๆ มากยิ่งขึ้น โดยเฉพาะการเคลื่อนย้าย การซ่อน และการล็อคห้ามแก้ไข
การล็อคเพื่อป้องกันการแก้ไข
การล็อคไอเท็มสามารถทำได้โดยการเลือกไอเท็มแล้วคลิกขวา จากนั้นจึงเลือกเมนู Lock หรือกดแป้นพิมพ์ Ctrl + L หรือ Command + L หรือกดเมนูรูปแม่กุญแจที่ Panel ด้านซ้ายมือ ซึ่งจะปรากฏเมื่อเอาเมาส์ไปชี้ที่ชื่อไอเท็ม โดยการล็อคไอเท็มไว้จะช่วยป้องกันการแก้ไขแบบไม่ได้ตั้งใจ เช่น การลากคลุมไอเท็มด้านบนไอเท็มที่ถูกล็อคเพื่อที่จะเคลื่อนย้าย เป็นต้น
*เมื่อเคลื่อนย้าย Artboard ไอเท็มที่ถูกล็อคไว้จะเคลื่อนย้ายตามไปด้วย
การซ่อนไอเท็ม
การซ่อนไอเท็มสามารถทำได้โดยการเลือกไอเท็มแล้วคลิกขวา จากนั้นจึงเลือกเมนู Hide หรือกดเมนูรูปตาที่ Panel ด้านซ้ายมือ ซึ่งเมนูนี้จะปรากฏเมื่อเอาเมาส์ไปชี้ที่ชื่อไอเท็ม
การผสมรูป
การผสมรูป สามารถทำได้โดยการเลือกรูปที่ต้องการ 2 รูปขึ้นไป จากนั้นจึงคลิกเมนูนี้ ซึ่งจะมีการผสมให้เลือกอยู่ 4 แบบ
- แบบที่ 1 Add เป็นการรวมรูปเข้าเป็นเนื้อเดียวกัน
- แบบที่ 2 Subtract เป็นการลบรูปข้างหลังด้วยรูปข้างหน้า
- แบบที่ 3 Intersect เป็นการเอาแต่พื้นที่ที่ทับซ้อนกันเท่านั้น
- แบบที่ 4 Exclude Overlap เป็นการลบพื้นที่ที่ทับซ้อนกัน
ระบบปฏิบัติการ: macOS Mojave
Adobe XD เวอร์ชัน: 18.0.12.9