การออกแบบงานกราฟิก 3 มิติ ม.3

เรื่องที่ 1 รู้จักโลก 3D ด้วย SketchUp

1. 3D คืออะไร? 🌍

เวลาเราวาดรูปบนกระดาษ เราจะวาดได้แค่ กว้าง กับ สูง (เรียกว่า 2 มิติ หรือ 2D)

แต่ 3D (3 มิติ) คือการสร้างโมเดลในคอมพิวเตอร์ที่มี 3 แกน คือ:

1. ความกว้าง
2. ความลึก (หรือความยาว)
3. ความสูง

เราเห็นงาน 3D อยู่ทุกวัน เช่น ในเกม (ฉาก, ตัวละคร), ในหนัง (CG, เอฟเฟกต์), และแบบจำลองบ้านหรืออาคาร (งานสถาปัตยกรรม)

โปรแกรม SketchUp คือเครื่องมือที่จะช่วยให้เราสร้างโมเดล 3D เหล่านี้ได้ง่ายๆ ในคาบนี้เราจะใช้เวอร์ชันบนเว็บ (SketchUp for Web) ครับ

2. รู้จักหน้าจอ SketchUp 🖥️

เมื่อเราเปิดโปรแกรมและเลือก Template (เลือก Simple - Meters ดีที่สุด) เราจะเจอหน้าจอแบบนี้:

1. พื้นที่ทำงาน (Viewport): พื้นที่ว่างๆ สีฟ้า-เขียว-ขาว ที่เราใช้สร้างโมเดล
2. โมเดลคน (ลุง/ป้า): คนที่ยืนอยู่กลางจอ ไม่ได้มีไว้เหงาๆ แต่มีไว้ “อ้างอิงขนาด” ว่าสิ่งที่เราสร้างมันใหญ่แค่ไหนเมื่อเทียบกับคนจริง
3. แกน 3 มิติ (Axes): (สำคัญที่สุด!) เส้น 3 สีที่บอกทิศทาง
   • แกนสีแดง (Red): แกน X (ความกว้าง)
   • แกนสีเขียว (Green): แกน Y (ความลึก)
   • แกนสีน้ำเงิน (Blue): แกน Z (ความสูง)
   💡 ท่องจำไว้เลย: “น้ำเงิน = สูง”
4. แถบเครื่องมือ (Toolbar): อยู่ด้านซ้ายมือ มีเครื่องมือหลัก (ดินสอ, ยางลบ, ถังสี)
5. ถาดเครื่องมือ (Panels): อยู่ด้านขวา เอาไว้ตั้งค่าคุณสมบัติ (เช่น วัสดุ, แสงเงา)

3. การควบคุมมุมมอง (บินให้คล่อง!) 🕊️

หัวใจของ SketchUp ไม่ใช่การวาด แต่คือการ “ควบคุมมุมมอง” ถ้าเราหมุนมุมกล้องไม่เป็น เราก็จะวาดในพื้นที่ 3D ไม่ได้

⭐ Pro-Tip: การใช้ เมาส์ที่มีลูกกลิ้ง (Scroll Wheel Mouse) จะทำให้ชีวิตง่ายขึ้น 100 เท่า! (ใครใช้ Touchpad บนโน้ตบุ๊กจะลำบากหน่อยนะ)

เราจะใช้ 4 เครื่องมือหลักนี้ (ซึ่งส่วนใหญ่ใช้แค่เมาส์ ไม่ต้องไปกดปุ่มที่แถบเครื่องมือเลย):

1. Orbit 🔄 (โคจร / หมุนดูรอบๆ)

• วิธีใช้: กด “ลูกกลิ้งเมาส์” ค้างไว้ แล้วลากเมาส์ไปมา
• ใช้ทำอะไร: ใช้หมุนมุมกล้องไปรอบๆ โมเดล เหมือนเราบินวนดู (ดูด้านหน้า, ด้านหลัง, ด้านบน, ด้านล่าง)

2. Pan 🖐️ (เลื่อน / สไลด์หน้าจอ)

• วิธีใช้: กด Shift ค้างไว้ + กด “ลูกกลิ้งเมาส์” ค้างไว้ แล้วลากเมาส์
• ใช้ทำอะไร: ใช้เลื่อนหน้าจอไปทั้งแผง (ซ้าย-ขวา, บน-ล่าง) โดยที่มุมกล้องไม่หมุน (เหมือนเราเลื่อนกระดาษ)

3. Zoom 🔍 (ซูมเข้า / ซูมออก)

• วิธีใช้: “หมุนลูกกลิ้งเมาส์” ขึ้น (ซูมเข้า) หรือ ลง (ซูมออก)
• ใช้ทำอะไร: ซูมเข้าไปดูรายละเอียดใกล้ๆ หรือซูมออกมาดูภาพรวมไกลๆ

4. Zoom Extents ✨ (ปุ่มไม้ตาย / เรียกสติ)

• วิธีใช้: กดปุ่ม Shift + Z (หรือกดปุ่มรูปแว่นขยาย 3 ทาง)
• ใช้ทำอะไร: เวลาที่เราหมุนจน “หลง” ซูมจน “โมเดลหาย” หรือ “ไม่รู้ว่าตอนนี้อยู่ที่ไหนของโลก” ให้กดปุ่มนี้! โปรแกรมจะซูมโมเดลทั้งหมดให้กลับมาอยู่กลางจอพอดี

สไลด์สอน รู้จักโลก 3D ด้วย SketchUp

https://gamma.app/docs/3D-SketchUp-3-6nib70q3imu6w0p

เรื่องที่ 2 รู้จักเครื่องมือวาด 2D และการป้อนค่าที่แม่นยำ

1. เครื่องมือ Line (เส้นดินสอ)

• มันคืออะไร: เครื่องมือหลักสำหรับ “วาดเส้น”
• วิธีใช้: คลิก 1 ครั้งเพื่อเริ่มจุด… ลากเมาส์… แล้วคลิกอีก 1 ครั้งเพื่อจบเส้น
• เรื่องสำคัญ: “แกน” (Axis)
  • เวลาเราวาด ให้สังเกต “สีของเส้น” ที่เรากำลังลาก มันจะบอกว่าเส้นของเราตรงหรือไม่
  • เส้นสีแดง: หมายถึงเรากำลังวาดขนานกับ “แกนแดง” (แนวนอน)
  • เส้นสีเขียว: หมายถึงเรากำลังวาดขนานกับ “แกนเขียว” (แนวลึก)
  • เส้นสีน้ำเงิน: หมายถึงเรากำลังวาดขนานกับ “แกนน้ำเงิน” (แนวสูง)
  • เส้นสีดำ: หมายถึง… เส้นไม่ขนานกับแกนไหนเลย (มันเบี้ยว!)
• เทคนิคลับ (ต้องรู้!): การ “ล็อคแกน”
  • ถ้าอยากวาดเส้นให้ตรงเป๊ะๆ ตามแกน โดยที่เมาส์ไม่ขยับหนี
  • ให้กด ปุ่มลูกศร ที่คีย์บอร์ดค้างไว้ หรือกด 1 ครั้งเพื่อล็อค
  • กดลูกศรขวา ➡️ = ล็อคเส้นเป็น สีแดง
  • กดลูกศรซ้าย ⬅️ = ล็อคเส้นเป็น สีเขียว
  • กดลูกศรบน ⬆️ = ล็อคเส้นเป็น สีน้ำเงิน

2. เครื่องมือ Select (ลูกศรสีดำ)

• มันคืออะไร: เครื่องมือสำหรับ “เลือก” วัตถุ
• วิธีใช้: ใช้เมาส์คลิกเพื่อเลือกสิ่งที่เราต้องการ
• ความลับของการคลิก (สำคัญมาก!)
  • คลิก 1 ครั้ง (Single Click):
    • ถ้าคลิกที่ “เส้น” = จะเลือกแค่ เส้นนั้นเส้นเดียว
    • ถ้าคลิกที่ “พื้นผิว” (Face) = จะเลือกแค่ พื้นผิวนั้นชิ้นเดียว
  • ดับเบิ้ลคลิก (คลิก 2 ครั้งเร็วๆ):
    • ถ้าดับเบิ้ลคลิกที่ “พื้นผิว” = จะเลือก พื้นผิว + เส้นขอบทั้งหมด ของมัน
  • ทริปเปิ้ลคลิก (คลิก 3 ครั้งเร็วๆ):
    • ถ้าคลิกที่วัตถุ 1 ชิ้น = จะเลือก ทุกส่วนที่เชื่อมต่อกัน ทั้งก้อน (มีประโยชน์มากเวลาเลือกบ้านทั้งหลัง)

3. เครื่องมือ Eraser (ยางลบ)

• มันคืออะไร: เครื่องมือสำหรับ “ลบ”
• วิธีใช้:
  • วิธีที่ 1 (ง่าย): คลิกที่ “เส้น” ที่เราไม่ต้องการ เส้นนั้นจะหายไป (เราลบ “พื้นผิว” ด้วยยางลบไม่ได้นะ ต้องลบเส้นขอบของมัน)
  • วิธีที่ 2 (เร็ว): คลิกเมาส์ค้างไว้ แล้วลาก “ถู” ไปบนเส้นหลายๆ เส้นที่อยากลบ

4. รู้จัก “ช่องป้อนค่า” (Measurement Box)

• มันอยู่ไหน: สังเกตที่ มุมล่างขวา ของจอ จะมีช่องสี่เหลี่ยมเล็กๆ ที่ตัวเลขชอบเปลี่ยนไปมา
• มันทำอะไร: มันรอรับคำสั่ง “ตัวเลข” จากเรา

ข้อสำคัญที่ห้ามลืม: เราห้ามเอาเมาส์ไป “คลิก” ที่ช่องนี้เด็ดขาด! แค่เราพิมพ์ตัวเลขบนคีย์บอร์ด โปรแกรมจะรู้เองว่าเราจะป้อนค่าในช่องนี้

5. ขั้นตอนการวาดเส้น “ตามขนาดที่กำหนด”

• ตัวอย่าง: เราอยากวาดเส้นยาว 8 เมตร
• ขั้นตอน:
  1. เลือกเครื่องมือ Line (ดินสอ)
  2. คลิก 1 ครั้ง บนพื้นที่ว่าง (เพื่อ “ปัก” จุดเริ่มต้น)
  3. ลากเมาส์ ไปในทิศทางที่ต้องการ (เช่น ลากตามแกนแดง)
  4. ปล่อยมือจากเมาส์ (ขั้นตอนนี้สำคัญมาก ห้ามคลิกซ้ำ)
  5. พิมพ์ตัวเลข ที่ต้องการลงบนคีย์บอร์ด (เช่น พิมพ์ 8)
  6. กดปุ่ม Enter 1 ครั้ง
• ผลลัพธ์: เราจะได้เส้นที่ยาว 8 เมตรเป๊ะๆ ทันที (ถ้าตั้งค่าหน่วยเป็นเมตร)

6. ใบงาน #1 (ฝึกซ้อม)

• ภารกิจ: ให้นักเรียนใช้เครื่องมือ Line + การป้อนค่า ที่เรียนมา
• โจทย์:
  1. วาดรูป “สี่เหลี่ยมจัตุรัส” (วาดบนพื้น) ขนาด 5 x 5 เมตร
  2. วาดรูป “ตัว L” (วาดบนพื้น) ตามขนาดที่ครูกำหนดให้ในห้องเรียน

สรุปเคล็ดลับ:

• วาด 2D ต้องให้เส้นเป็น สีแดง หรือ สีเขียว เสมอ (ถ้าไม่อยากให้เบี้ยว)
• อยากได้ขนาดเป๊ะๆ: “คลิกเริ่ม -> ลากทิศทาง -> พิมพ์เลข -> กด Enter”

สไลด์สอน SketchUp พื้นฐาน : เครื่องมือวาด 2D

https://gamma.app/docs/SketchUp-2D-sntnmb7pde6ffwl

การออกแบบผลิตภัณฑ์/ชิ้นงาน 3 มิติ

โปรแกรม SketchUp Pro

โซฟา 3 ที่นั้ง

ชั้นเรียน Canva

แบบทดสอบกลางภาค

• ไฟล์สอน บ้านชั้นเดียว ครั้งที่ 1 และ 2