วิชาการออกแบบสภาพแวดล้อมและระดับ, สาขาการออกแบบเชิงโต้ตอบและการพัฒนาเกม, วิทยาลัยครีเอทีฟดีไซน์ แอนด์ เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์

1. วิชา Environment and Level Design (การออกแบบสภาพแวดล้อมและระดับ)
อาจารย์ บัญญพนต์ พูลสวัสดิ์
วิทยาลัยครีเอทีฟดีไซน์ แอนด์ เอ็นเตอร์เทนเมนต์เทคโนโลยี, มหาวิทยาลัยธุรกิจบัณฑิตย์

2. สร้างโปรเจ็คใหม่ขึ้นมา ทําการลบ Object “Cube” ตรงกลางหน้าจอออกไป
ดาวน์โหลด Texture ได้ที่:
https://drive.google.com/drive/folders/0B08PZSOd4UmORktoVG5MaGJ6bE0?usp=sharing

3. กดปุ่ม “Shift + A” เลือก Mesh -> Cylinder ปรับจํานวน Polygon ให้น้อยที่สุดแล้วปรับรูปทรงให้ได้ดังตัวอย่าง

4. ปรับโหมด Render เป็น Cycle Render, หลังจากนั้นคลิกที่รูปทรงเลือกเครื่องมือ “ไขควง”
แล้วเลือก Subdivision Surface

5. ใส่ Material เป็น Image Texure
ห่อ UV ให้เหมือนดังตัวอย่างที่กําหนด
ไว้ หลังจากนั้นสร้าง Cube ขึ้นมา

6. ปรับลูกทรง Cube ด้วยการ Extrude (กด E)
ร่วมกับ Rotate (กด R) เพิ่มเส้น (กด Ctrl+R)
และ ขยายหรือลดสเกล (กด S)
ให้ได้รูปทรงดังภาพข้างบนหลังจากนั้น
ให้ทําการห่อ UV ของภาพ Texture ที่กําหนด
(การห่อ UV กดเลือก Face แล้วกด U ปรับให้
เหมาะสม)

7. ทําการ Copy ส่วนของเราสามง่ามที่เราได้สร้างขึ้นไป
วางตรงข้ามของอีกฝั่ง หลังจากนั้นเก็บรายละเอียด
โดยการสร้างหมุดตรึงเสารที่บริเวณด้านข้างตําแหน่ง
ของไม้สามง่าม
ทําการตกแต่งให้สวยงามโดยการห่อ UV และปรับตาม
ความชอบใจ

8. หมุดตรึงเมื่อตกแต่งแล้วสามารถ Copy ไปอีกข้างด้วย Object->Mirror หลังจากนั้นตกแต่งโดยการวาง
Cube ห่อ UV ด้วยลายไม้ตกแต่งเสร็จเสร้าง Cylinder ขึ้นมา

9. สร้าง Cylinder ปรับให้เหมือนไม้หมุนหลังจากนั้นสร้าง วงแหวนมาห่อพร้อมทําเส้นเชือก

10. หลังจากปรับตกแต่งเสร็จแล้ว
สร้างหน้าจั่วของหลังคาเป็นรูปทรงตามตัวอย่าง หรือ
ตามความต้องการ โดยใช้ Cube ทําการเพิ่มเส้นแล้ว
ปรับมุมให้ได้ตามที่สร้างไว้
ทําการห่อ UV ด้วยไม้ ตาม Texture ที่วางไว้
หลังจากนั้นทําการ Copy ไว้ 3 ชิ้น
โดย 2 ชิ้นวางในตําแหน่งที่เสาสามง่าม
ชิ้นที่เหลือ 1 ชิ้นย่อขนาดลงเล็กน้อยแล้ววางไว้ตรง
กลางระหว่างหน้าจั่วทั้งสอง

11. ห่อ Texture UV ของส่วนตรงกลางใหม่
เป็นหลังคาที่เตรียมมา
ปรับหน้าจอมุมกล้องใหม่ดูภาพรวมให้เหมาะสมทําการ
จัดแสงให้เรียบร้อย
ปรับและวางรูปทรงที่
กําหนดไว้ให้เหมือน
ตัวอย่างที่สร้าง

12. สร้างถังน้ํามาจาก
Cylinder รูปแบบ
เดียวกับสร้างบ่อน้ํา
ดูตัวอย่างข้างต้น
ทําการห่อ UV ของ
Texture ที่เตรียม
ไว้ให้

13. ผลลัพธ์ 70% ของชิ้นงานสําเร็จแล้ว

14. เพิ่ม Mesh -> Grid ขึ้นมาใหม่
กด Edit Mode เพื่อสร้างพื้นผิว
ดึงเส้นแบบสุ่มของ Grid ให้เหมือนระดับของพื้นที่
แตกต่างกันไป
ส่วนของ Grid ทําให้ Smooth ได้

15. ต่อมาเราจะทํา Image Texture ของต้นหญ้า ใน
ขั้นตอนนี้ต้องทําการแก้ไขไฟล์รูปภาพที่มีให้เป็น
Transparent หรือฉากหลังโปร่งใส โดยใช้
โปรแกรมแก้ไขรูปภาพ Gimp หรือ Photoshop
ทําการตัด Alpha หรือ Transparent ให้เหมือน
ตัวอย่างด้านข้าง:

16. สร้าง Mesh->Plane ขึ้นมา หมุน Rotate Plane ให้เป็นแนวตั้งเข้า EditMode
ห่อ UV ของต้นหญ้าตามตัวอย่าง กดเปลี่ยน View เป็น Node Editor

17. การตั้งค่า Node ให้เป็น Transparent
สร้าง Mix Shader ขึ้นมา รับค่า
Diffuse และ Transparent BSDF ด้วย Shader ทั้ง 2
ค่า, ส่วนของ Fac (Facial) ให้โยง Image Texture ส่วน
ของ Aplha มา
เพิ่ม Texture Coordinate ไปที่ Vector ของ Image
Texture

18. หากปรับ Node ได้แล้ว ทําการตกแต่งให้สวยงาม
สร้างแบบจําลองต้นไม้ขึ้นมา
รูปทรงต้นไม้ Free Style
ได้ตามต้องการ ห่อ
Texture UV ด้วยภาพ
ตัวอย่างให้เหมาะสม

19. ปรับ Node ส่วนของใบไม้ตามตัวอย่างที่กําหนดให้
เหมือนต้นหญ้า Copy แล้วจัดรูปทรงใบไม้ตามต้องการ
ทําการปรับโหมดเป็น Render View ดูผลลัพธ์

20. ผลลัพธ์ 100% ของชิ้นงานสําเร็จแล้ว

21. ปรับแสง และจัดมุมกล้องให้เรียบร้อย

22. THANK YOU