SlideShare a Scribd company logo
1 of 18
Download to read offline
การออกแบบสภาพแวดล้อม และระดับ
2
หัวใจของงานกราฟิก 3 มิติส่วนนึ่งนั้นคือการนํามาเป็นเครื่องมือในการ
ออกแบบวัตถุสภาพแวดล้อมและ ระดับที่ปรากฏในเทคโนโลยีจําพวกเกม
โดยเฉพาะในปัจจุบันการจัดแสง เงา และการนําผลงานของการ
ออกแบบฉากให้ดูสวยงามนั้นล้วนจําเป็นต้องใช้สําหรับสร้างจุดขายใน
เกม
แต่หากใช้จําพวก Faces, Vertices และ Edges ของงาน Polygon ที่
สูงมากจะไม่เหมาะกับการใช้ในเกม การออกแบบจํานวน Polygon ที่สูง
เหมาะกับงาน Production หรือ Product Design ไปจนถึง
Animation แต่ สําหรับเกม การประหยัดจํานวน Polygon แต่
แสดงผลออกมาให้น่าสนใจและสวยงามเป็นสิ่งสําคัญ
Low Polygon with Eevee Render
เปิด Project ขึ้นมาใหม่ ทําการลบทุก Object
ที่ปรากฏออกจาก Layout Scene
คําสั่งสําคัญ Key ลัด
Scale สเกล S
Rotate หมุน R
Extrude เพิ่ม E
เพิ่มเส้น Edge Ctrl+R
เลือกทั้งหมด A
ลบ X
มุมมองทุกมุม 1,3,5,7
มุมมองกล้อง 0
Mode มุมมอง z
การสร้างงาน Low Polygon สําหรับ Level Design ในเกม
ตัวอย่างแรกของเราจะออกแบบฉากภายในเกมที่ประกอบไปด้วย Well หรือบ่อน?า (เป็นรูปทรงที่เหมาะสําหรับการเริ่มต้นศึกษาการ
แก้ปัญหาของเส้น Mesh) โดยไฟล์Texture ทั้งหมดสําหรับทํา UV นั้น สามารถดาวน์โหลดได้ที่:
https://drive.google.com/drive/folders/0B08PZSOd4UmORktoVG5MaGJ6bE0
กดปุ่ม “Shift + A” เลือก Mesh -> Cylinder
ปรับจํานวน Polygon ให้น้อยที่สุดแล้วปรับรูปทรง
ให้ได้ ดังตัวอย่าง นั่นคือ ขอบบน และฐานของบ่อ
น?า
คลิก
เมื่อสร้าง Mesh เสร็จแล้วให้คลิกที่ Add
Cylinder มุมซ้ายล่าง
ตั้งค่า Vertices เป็น 8
เลือก Cap Fill Type เป็น Nothing
ใช้โหมด การมองแบบเส้นโปร่งใสทั้งสองด้าน
Wireframe (กด z) เลือก 4
ปรับมุมมองเป็น Front โดย กด 1
เปลี่ยนโหมด จากเดิมคือ Object
Mode เป็น Edit Mode กด Tab
ใน Edit Mode ให้เลือก Selection แบบ Vertex เพื่อเลือก Edit Mesh เราทีละจุด
กด B เพื่อทําการ Free Selection ลากครอบเฉพาะ จุด Vertex ด้านบนทุกจุด
ใช้ Move Tool เลื่อนลูกศรนํ้าเงินลงมาให้ Mesh
เรามีความสูงระดับหนึ่ง เพื่อพร้อมในการทํา
Extrude ขึ้นด้านบน
กด E เพื่อทําการ Extrude ระดับตรงขึ้นไป หนึ่งช่วง
กด S เพื่อทําการ Scale ย่อ
ปากของ Mesh เข้าไปให้แคบ
ลงตามตัวอย่าง
เทคนิค ให้เลื่อนเมาส์ไปไกลจาก
Mesh ของเราแล้วกด S
หลังจากนั้นค่อยๆ เลื่อนเข้าไป
ใกล้ Mesh ของเรา
กด E และ กด S พร้อมออกแบบรูปทรงให้เหมือนตัวอย่างด้านล่าง
กด E เลื่อนขึ้น
กด E เลื่อนขึ้น
กด S สเกล ออก
กด E เลื่อนขึ้น
กด 7 เพื่อดูมุมมองด้านบน (เลือกเฉพาะจุดด้านบน)
กด E หนึ่งครั้ง ไม่ต้องทําอะไรหลังจากนั้น
กด S แล้วทําการเลื่อนเข้าไปในวงให้เกิดขอบบ่อ
ความกว้างตามความพอใจ
หมุนเล่นดูจะเป็นแบบนี้
Check Point 1
กด B เลือกเฉพาะจุดด้านล่าง กด E หนึ่งครั้งไม่ต้องทําอะไร
คลิก Secondary Button (โดยปกติคือคลิกขวา) เลือกเมนู
Merge Vertices เลือก At Center
ระบบจะทําการ Merge จุดทั้งหมดไปตรงกลายเป็นการปิด
ปลายของบ่อนํ้าให้ทึบตรงก้นบ่อนํ้า
กด Z ดูผลลัพธ์รูปโครงบ่อนํ้าของเราเลือก Solid (6) หนึ่งครั้งแล้วดูว่าสมบูรณ์หรือไม่
Check Point 2
เข้า Edit Mode (กด Tab) อีกครั้ง
เลือก Material ใน Properties
เลือก Material ก้อนแรกที่มีมากจากระบบ
ตั้งชื่อ Material ใหม่ชื่อว่า Body (หรืออะไรก็ได้) กด Z เพื่อทําการเปลี่ยนโหมดเป็น Look Dev เพื่อดูขั้นตอนการห่อ Texture ผ่าน Material
ใน Material ของ Body ให้เราไปที่ Base Color
หลังจากนั้นกดที่ จุด (Spot) ด้านหลังของชุดสีที่
ใช้เพื่อเรียกโหมดการห่อ Texture
เลือก Base Color ด้วย Image Texture แล้วเลือก Path ของพื้นผิวบ่อนํ้าใส่เข้าไป
ใช้ไฟล์ภาพนี้
เลือกแบบ Faces ใน Edit Mode
หลังจากนั้นให้ทําการกด Shift แล้ว
คลิกเลือก Selection ตามตัวอย่าง
เลือกแบบ Faces เสร็จแล้วให้ กด U
เลือกเมนู Unwrap
ทําเรื่อยๆ จนกว่าจะเหมือนตัวอย่าง
ในภาพ ให้เปิด UV Editor อีก
หน้าต่างในการเลื่อน Texture โดย
ใช้ Key ลัดคือ
1. กด A เลือกทั้งหมด
2. กด G เลื่อนตําแหน่ง
3. กด R เพื่อหมุน Texture
4. กด S เพื่อลด หรือ ขยาย Texture
เลื่อนตําแหน่งของ Texture
ที่เราใช้ในการ Map ให้ตรง
กับ Face ของ Mesh ที่เรา
สร้างขึ้น
Check Point 3
ออกไปที่ Object Mode หลังจากนั้น Secondary Click หรือ
คลิกขวา เสร็จแล้วให้กด Shade Smooth เพื่อปรับให้มีความมน
ขั้นตอนต่อไปคือการสร้าง Mesh ใหม่เลือกเป็น Cube เพื่อทําเสา
สองด้านของบ่อนํ้า
ปรับรูปแบบของ Cube ใหม่ ให้ได้รูปทรงดังภาพหลังจากนั้น หลังจากนั้นให้ทําการห่อ UV
ของภาพ Texture ที่กําหนด (การห่อ UV กดเลือก Face แล้วกด U ปรับให้เหมาะสม)
เมื่อทําแหย่งของเสาบ่อนํ้าเสร็จแล้วให้หมุนปลายของมันด้วย
Rotate Tool ทํายอดให้เรียบ ทั้งสองด้าน เสร็จแล้วห่อ
Texture
ขั้นตอนต่อไปคือทําหมุดตรึงไม้
ด้านข้างและฐานเพิ่มขึ้นมาตาม
ตัวอย่างด้วยวิธีขั้นตอนที่ได้ศึกษา
มา พร้อมใส่ texture ที่ชอบ และ
เหมาะสม
Check Point 5
ออกแบบหลังคา ของบ่อนํ้าด้วยการสร้าง Cube
ขึ้นมา พร้อมใช้ Texture ที่เตรียมไว้ให้ในการ
ออกแบบ สร้างหน้าจั่วของหลังคาเป็นรูปทรง
ตามตัวอย่าง
Check Point 6
ขั้นตอนสุดท้ายคือการสร้าง Plane กับ PNG
ไฟล์ของต้นหญ้า
สร้าง Plane ขึ้นมาโดยการกด Shift A
สร้าง Material ขึ้นมาใหม่ชื่อว่า Grass ทําการ
Unwrap ตัว Texture ต้นหญ้าไป
จัด UV Editor ดีๆ
Check Point 7
การออกแบบสภาพแวดล้อม และระดับ
2

More Related Content

What's hot

1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 20151.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015วิชา อาคม
 
ใบปฏิบัติงานที่ 4 1
ใบปฏิบัติงานที่ 4 1ใบปฏิบัติงานที่ 4 1
ใบปฏิบัติงานที่ 4 1Duangsuwun Lasadang
 
เวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมืองเวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมืองIvIy Alice
 
ใบปฏิบัติงานที่ 010 1
ใบปฏิบัติงานที่ 010 1ใบปฏิบัติงานที่ 010 1
ใบปฏิบัติงานที่ 010 1Duangsuwun Lasadang
 
คู่มือ SketchUp
คู่มือ SketchUpคู่มือ SketchUp
คู่มือ SketchUpPiyaboon Nilkaew
 
จัดการและปรับแต่งรูปทรง
จัดการและปรับแต่งรูปทรงจัดการและปรับแต่งรูปทรง
จัดการและปรับแต่งรูปทรงYui Janjira Ketsakorn
 
หน่วยที่ 5 จัดการและปรับแต่งรูปทรง
หน่วยที่ 5 จัดการและปรับแต่งรูปทรงหน่วยที่ 5 จัดการและปรับแต่งรูปทรง
หน่วยที่ 5 จัดการและปรับแต่งรูปทรงYui Janjira Ketsakorn
 
เครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐานเครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐานกชพร มณีพงษ์
 
คู่มือ Extension สำหรับงานก่อสร้าง
คู่มือ Extension สำหรับงานก่อสร้างคู่มือ Extension สำหรับงานก่อสร้าง
คู่มือ Extension สำหรับงานก่อสร้างSKETCHUP HOME
 
ใบปฏิบัติงานที่ 021 1
ใบปฏิบัติงานที่ 021 1ใบปฏิบัติงานที่ 021 1
ใบปฏิบัติงานที่ 021 1Duangsuwun Lasadang
 
ใบความรู้ หน่วยที่3สมบูรณ์
ใบความรู้ หน่วยที่3สมบูรณ์ใบความรู้ หน่วยที่3สมบูรณ์
ใบความรู้ หน่วยที่3สมบูรณ์Bee Saruta
 
คู่มือ 3D Max กับงานสถาปัตยกรรม
คู่มือ 3D Max กับงานสถาปัตยกรรมคู่มือ 3D Max กับงานสถาปัตยกรรม
คู่มือ 3D Max กับงานสถาปัตยกรรมPiyaboon Nilkaew
 
เทคนิคการทำภาพโลโม่
เทคนิคการทำภาพโลโม่เทคนิคการทำภาพโลโม่
เทคนิคการทำภาพโลโม่hathaiphat
 
ใบปฏิบัติงานที่ 2 1
ใบปฏิบัติงานที่ 2 1ใบปฏิบัติงานที่ 2 1
ใบปฏิบัติงานที่ 2 1Duangsuwun Lasadang
 
Sharp Pen Software & Touch Display Link
Sharp Pen Software & Touch Display LinkSharp Pen Software & Touch Display Link
Sharp Pen Software & Touch Display LinkARC
 
ใบปฏิบัติงานที่ 1 1
ใบปฏิบัติงานที่ 1 1ใบปฏิบัติงานที่ 1 1
ใบปฏิบัติงานที่ 1 1Duangsuwun Lasadang
 
ตัวอย่างคู่มื่อ Profile Builder 2.1.7 ภาษาไทย
ตัวอย่างคู่มื่อ Profile Builder 2.1.7 ภาษาไทยตัวอย่างคู่มื่อ Profile Builder 2.1.7 ภาษาไทย
ตัวอย่างคู่มื่อ Profile Builder 2.1.7 ภาษาไทยSKETCHUP HOME
 

What's hot (20)

1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 20151.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
 
ใบปฏิบัติงานที่ 4 1
ใบปฏิบัติงานที่ 4 1ใบปฏิบัติงานที่ 4 1
ใบปฏิบัติงานที่ 4 1
 
เวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมืองเวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมือง
 
ใบปฏิบัติงานที่ 010 1
ใบปฏิบัติงานที่ 010 1ใบปฏิบัติงานที่ 010 1
ใบปฏิบัติงานที่ 010 1
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
คู่มือ SketchUp
คู่มือ SketchUpคู่มือ SketchUp
คู่มือ SketchUp
 
จัดการและปรับแต่งรูปทรง
จัดการและปรับแต่งรูปทรงจัดการและปรับแต่งรูปทรง
จัดการและปรับแต่งรูปทรง
 
หน่วยที่ 5 จัดการและปรับแต่งรูปทรง
หน่วยที่ 5 จัดการและปรับแต่งรูปทรงหน่วยที่ 5 จัดการและปรับแต่งรูปทรง
หน่วยที่ 5 จัดการและปรับแต่งรูปทรง
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
เครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐานเครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐาน
 
คู่มือ Extension สำหรับงานก่อสร้าง
คู่มือ Extension สำหรับงานก่อสร้างคู่มือ Extension สำหรับงานก่อสร้าง
คู่มือ Extension สำหรับงานก่อสร้าง
 
ใบปฏิบัติงานที่ 021 1
ใบปฏิบัติงานที่ 021 1ใบปฏิบัติงานที่ 021 1
ใบปฏิบัติงานที่ 021 1
 
ใบความรู้ หน่วยที่3สมบูรณ์
ใบความรู้ หน่วยที่3สมบูรณ์ใบความรู้ หน่วยที่3สมบูรณ์
ใบความรู้ หน่วยที่3สมบูรณ์
 
คู่มือ 3D Max กับงานสถาปัตยกรรม
คู่มือ 3D Max กับงานสถาปัตยกรรมคู่มือ 3D Max กับงานสถาปัตยกรรม
คู่มือ 3D Max กับงานสถาปัตยกรรม
 
เทคนิคการทำภาพโลโม่
เทคนิคการทำภาพโลโม่เทคนิคการทำภาพโลโม่
เทคนิคการทำภาพโลโม่
 
ใบปฏิบัติงานที่ 2 1
ใบปฏิบัติงานที่ 2 1ใบปฏิบัติงานที่ 2 1
ใบปฏิบัติงานที่ 2 1
 
Sharp Pen Software & Touch Display Link
Sharp Pen Software & Touch Display LinkSharp Pen Software & Touch Display Link
Sharp Pen Software & Touch Display Link
 
ใบปฏิบัติงานที่ 1 1
ใบปฏิบัติงานที่ 1 1ใบปฏิบัติงานที่ 1 1
ใบปฏิบัติงานที่ 1 1
 
Slide sketchup
Slide sketchupSlide sketchup
Slide sketchup
 
ตัวอย่างคู่มื่อ Profile Builder 2.1.7 ภาษาไทย
ตัวอย่างคู่มื่อ Profile Builder 2.1.7 ภาษาไทยตัวอย่างคู่มื่อ Profile Builder 2.1.7 ภาษาไทย
ตัวอย่างคู่มื่อ Profile Builder 2.1.7 ภาษาไทย
 

Similar to การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2

ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1Khanittha Bumrunglan
 
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอNimanong Nim
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6Khon Kaen University
 
ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดNimanong Nim
 
ใบงานที่ 8 วิธีการทำตัวอักษรวาวแสง
ใบงานที่ 8 วิธีการทำตัวอักษรวาวแสงใบงานที่ 8 วิธีการทำตัวอักษรวาวแสง
ใบงานที่ 8 วิธีการทำตัวอักษรวาวแสงSuda Sangtong
 
แบบทดสอบก่อนเรียนหลังเรียน
แบบทดสอบก่อนเรียนหลังเรียนแบบทดสอบก่อนเรียนหลังเรียน
แบบทดสอบก่อนเรียนหลังเรียนNimanong Nim
 
คู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop csคู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop cssamnaknit
 
เรามารู้จักกับโปรแกรม Paint กันเถอะ
เรามารู้จักกับโปรแกรม Paint กันเถอะเรามารู้จักกับโปรแกรม Paint กันเถอะ
เรามารู้จักกับโปรแกรม Paint กันเถอะTsheej Thoj
 
โปรแกรม Photoshop ครั้งที่_1
โปรแกรม Photoshop ครั้งที่_1โปรแกรม Photoshop ครั้งที่_1
โปรแกรม Photoshop ครั้งที่_1teaw-sirinapa
 
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสันใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสันSuda Sangtong
 

Similar to การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2 (20)

ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
 
DIA - Diagram
DIA - DiagramDIA - Diagram
DIA - Diagram
 
PowerPoint 2003
PowerPoint 2003PowerPoint 2003
PowerPoint 2003
 
GIMP
GIMPGIMP
GIMP
 
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6
 
Land use(lab)
Land use(lab)Land use(lab)
Land use(lab)
 
Photoshop lab1
Photoshop lab1Photoshop lab1
Photoshop lab1
 
ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ด
 
ใบงานที่ 8 วิธีการทำตัวอักษรวาวแสง
ใบงานที่ 8 วิธีการทำตัวอักษรวาวแสงใบงานที่ 8 วิธีการทำตัวอักษรวาวแสง
ใบงานที่ 8 วิธีการทำตัวอักษรวาวแสง
 
แบบทดสอบก่อนเรียนหลังเรียน
แบบทดสอบก่อนเรียนหลังเรียนแบบทดสอบก่อนเรียนหลังเรียน
แบบทดสอบก่อนเรียนหลังเรียน
 
Slide 2003
Slide 2003Slide 2003
Slide 2003
 
คู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop csคู่มือการใช้งานโปรแกรม Photoshop cs
คู่มือการใช้งานโปรแกรม Photoshop cs
 
เรามารู้จักกับโปรแกรม Paint กันเถอะ
เรามารู้จักกับโปรแกรม Paint กันเถอะเรามารู้จักกับโปรแกรม Paint กันเถอะ
เรามารู้จักกับโปรแกรม Paint กันเถอะ
 
โปรแกรม Photoshop ครั้งที่_1
โปรแกรม Photoshop ครั้งที่_1โปรแกรม Photoshop ครั้งที่_1
โปรแกรม Photoshop ครั้งที่_1
 
Photoshop ict
Photoshop ictPhotoshop ict
Photoshop ict
 
Week 12
Week 12 Week 12
Week 12
 
Lesson2
Lesson2Lesson2
Lesson2
 
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสันใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
 
Flash8
Flash8Flash8
Flash8
 

More from Banyapon Poolsawas

เอกสารอบรม ARIT, AI for Future
เอกสารอบรม ARIT, AI for Futureเอกสารอบรม ARIT, AI for Future
เอกสารอบรม ARIT, AI for FutureBanyapon Poolsawas
 
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]Banyapon Poolsawas
 
DD303 กระบวนการทำ Photogrammetry Class 5
DD303 กระบวนการทำ Photogrammetry Class 5DD303 กระบวนการทำ Photogrammetry Class 5
DD303 กระบวนการทำ Photogrammetry Class 5Banyapon Poolsawas
 
WebXR Export บน Unity 2020
WebXR Export บน Unity 2020WebXR Export บน Unity 2020
WebXR Export บน Unity 2020Banyapon Poolsawas
 
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ยPakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ยBanyapon Poolsawas
 
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...Banyapon Poolsawas
 
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello SantiDesign for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello SantiBanyapon Poolsawas
 
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo BuonarrotiDesign for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo BuonarrotiBanyapon Poolsawas
 
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro BotticelliDesign for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro BotticelliBanyapon Poolsawas
 
Designing the Future of Game 2020
Designing the Future of Game 2020Designing the Future of Game 2020
Designing the Future of Game 2020Banyapon Poolsawas
 
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...Banyapon Poolsawas
 
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...Banyapon Poolsawas
 
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt PrinciplesClass 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt PrinciplesBanyapon Poolsawas
 
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid systemClass 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid systemBanyapon Poolsawas
 
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and PlanesClass2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and PlanesBanyapon Poolsawas
 
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ FormstormingClass1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ FormstormingBanyapon Poolsawas
 
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1 การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1 Banyapon Poolsawas
 
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...Banyapon Poolsawas
 
ANT College of Creative Design and Entertainment Technology
ANT College of Creative Design and Entertainment TechnologyANT College of Creative Design and Entertainment Technology
ANT College of Creative Design and Entertainment TechnologyBanyapon Poolsawas
 
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game
by Ant s...
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game
by Ant s...Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game
by Ant s...
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game
by Ant s...Banyapon Poolsawas
 

More from Banyapon Poolsawas (20)

เอกสารอบรม ARIT, AI for Future
เอกสารอบรม ARIT, AI for Futureเอกสารอบรม ARIT, AI for Future
เอกสารอบรม ARIT, AI for Future
 
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
Metaverse: Blockchain NFT Smart Contract and Decentraland [TH]
 
DD303 กระบวนการทำ Photogrammetry Class 5
DD303 กระบวนการทำ Photogrammetry Class 5DD303 กระบวนการทำ Photogrammetry Class 5
DD303 กระบวนการทำ Photogrammetry Class 5
 
WebXR Export บน Unity 2020
WebXR Export บน Unity 2020WebXR Export บน Unity 2020
WebXR Export บน Unity 2020
 
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ยPakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
PakPao:FriendTrips ปักเป้าเที่ยวทริปหารเฉลี่ย
 
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
Design for Inspiration บทที่ 4: Sense and Intent การรับรู้ได้ถึงการเปลี่ยนแปล...
 
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello SantiDesign for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
Design for Inspiration บทที่ 3: Italian Renaissance, Raffaello Santi
 
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo BuonarrotiDesign for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
Design for Inspiration บทที่ 2: Italian Renaissance, Michelangelo Buonarroti
 
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro BotticelliDesign for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
Design for Inspiration บทที่ 1: Italian Renaissance, Sandro Botticelli
 
Designing the Future of Game 2020
Designing the Future of Game 2020Designing the Future of Game 2020
Designing the Future of Game 2020
 
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
Class 7 รีวิว The Master กระบวนการถ่ายทอดผลงานทางศิลปะ การทำงานศิลปะอย่างมีจิ...
 
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
Class6 ศาสตร์ของการเล่าเรื่อง และ แนวคิดด้านนวัตกรรม Art of Story Telling & I...
 
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt PrinciplesClass 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
Class 5 การออกแบบเพื่อสร้างแรงบันดาลใจ หลัก Gestalt Principles
 
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid systemClass 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
Class 3 การออกแบบเพื่อสร้างแรงบันดาลใจ Visual Hierarchy และ Grid system
 
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and PlanesClass2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
Class2 การออกแบบเพื่อสร้างแรงบันดาลใจ Dots Lines and Planes
 
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ FormstormingClass1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
Class1 การออกแบบเพื่อสร้างแรงบันดาลใจ Formstorming
 
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1 การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 1
 
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
DA393 Course Activity วิชาการออกแบบเพื่อสร้างแรงบันดาลใจ 3 อาจารย์ บัญญพนต์ พ...
 
ANT College of Creative Design and Entertainment Technology
ANT College of Creative Design and Entertainment TechnologyANT College of Creative Design and Entertainment Technology
ANT College of Creative Design and Entertainment Technology
 
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game
by Ant s...
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game
by Ant s...Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game
by Ant s...
Utilizing Swarm Intelligence for Pathfinding in Virtual Reality Game
by Ant s...
 

การออกแบบกราฟิก 3D ด้วย Blender 2.8+ โดย อาจารย์ บัญญพนต์ พูลสวัสดิ์ Chapter 2

  • 2. หัวใจของงานกราฟิก 3 มิติส่วนนึ่งนั้นคือการนํามาเป็นเครื่องมือในการ ออกแบบวัตถุสภาพแวดล้อมและ ระดับที่ปรากฏในเทคโนโลยีจําพวกเกม โดยเฉพาะในปัจจุบันการจัดแสง เงา และการนําผลงานของการ ออกแบบฉากให้ดูสวยงามนั้นล้วนจําเป็นต้องใช้สําหรับสร้างจุดขายใน เกม แต่หากใช้จําพวก Faces, Vertices และ Edges ของงาน Polygon ที่ สูงมากจะไม่เหมาะกับการใช้ในเกม การออกแบบจํานวน Polygon ที่สูง เหมาะกับงาน Production หรือ Product Design ไปจนถึง Animation แต่ สําหรับเกม การประหยัดจํานวน Polygon แต่ แสดงผลออกมาให้น่าสนใจและสวยงามเป็นสิ่งสําคัญ
  • 3. Low Polygon with Eevee Render เปิด Project ขึ้นมาใหม่ ทําการลบทุก Object ที่ปรากฏออกจาก Layout Scene คําสั่งสําคัญ Key ลัด Scale สเกล S Rotate หมุน R Extrude เพิ่ม E เพิ่มเส้น Edge Ctrl+R เลือกทั้งหมด A ลบ X มุมมองทุกมุม 1,3,5,7 มุมมองกล้อง 0 Mode มุมมอง z
  • 4. การสร้างงาน Low Polygon สําหรับ Level Design ในเกม ตัวอย่างแรกของเราจะออกแบบฉากภายในเกมที่ประกอบไปด้วย Well หรือบ่อน?า (เป็นรูปทรงที่เหมาะสําหรับการเริ่มต้นศึกษาการ แก้ปัญหาของเส้น Mesh) โดยไฟล์Texture ทั้งหมดสําหรับทํา UV นั้น สามารถดาวน์โหลดได้ที่: https://drive.google.com/drive/folders/0B08PZSOd4UmORktoVG5MaGJ6bE0 กดปุ่ม “Shift + A” เลือก Mesh -> Cylinder ปรับจํานวน Polygon ให้น้อยที่สุดแล้วปรับรูปทรง ให้ได้ ดังตัวอย่าง นั่นคือ ขอบบน และฐานของบ่อ น?า คลิก เมื่อสร้าง Mesh เสร็จแล้วให้คลิกที่ Add Cylinder มุมซ้ายล่าง ตั้งค่า Vertices เป็น 8 เลือก Cap Fill Type เป็น Nothing
  • 5. ใช้โหมด การมองแบบเส้นโปร่งใสทั้งสองด้าน Wireframe (กด z) เลือก 4 ปรับมุมมองเป็น Front โดย กด 1 เปลี่ยนโหมด จากเดิมคือ Object Mode เป็น Edit Mode กด Tab ใน Edit Mode ให้เลือก Selection แบบ Vertex เพื่อเลือก Edit Mesh เราทีละจุด กด B เพื่อทําการ Free Selection ลากครอบเฉพาะ จุด Vertex ด้านบนทุกจุด
  • 6. ใช้ Move Tool เลื่อนลูกศรนํ้าเงินลงมาให้ Mesh เรามีความสูงระดับหนึ่ง เพื่อพร้อมในการทํา Extrude ขึ้นด้านบน กด E เพื่อทําการ Extrude ระดับตรงขึ้นไป หนึ่งช่วง กด S เพื่อทําการ Scale ย่อ ปากของ Mesh เข้าไปให้แคบ ลงตามตัวอย่าง เทคนิค ให้เลื่อนเมาส์ไปไกลจาก Mesh ของเราแล้วกด S หลังจากนั้นค่อยๆ เลื่อนเข้าไป ใกล้ Mesh ของเรา กด E และ กด S พร้อมออกแบบรูปทรงให้เหมือนตัวอย่างด้านล่าง กด E เลื่อนขึ้น กด E เลื่อนขึ้น กด S สเกล ออก กด E เลื่อนขึ้น
  • 7. กด 7 เพื่อดูมุมมองด้านบน (เลือกเฉพาะจุดด้านบน) กด E หนึ่งครั้ง ไม่ต้องทําอะไรหลังจากนั้น กด S แล้วทําการเลื่อนเข้าไปในวงให้เกิดขอบบ่อ ความกว้างตามความพอใจ หมุนเล่นดูจะเป็นแบบนี้ Check Point 1
  • 8. กด B เลือกเฉพาะจุดด้านล่าง กด E หนึ่งครั้งไม่ต้องทําอะไร คลิก Secondary Button (โดยปกติคือคลิกขวา) เลือกเมนู Merge Vertices เลือก At Center ระบบจะทําการ Merge จุดทั้งหมดไปตรงกลายเป็นการปิด ปลายของบ่อนํ้าให้ทึบตรงก้นบ่อนํ้า กด Z ดูผลลัพธ์รูปโครงบ่อนํ้าของเราเลือก Solid (6) หนึ่งครั้งแล้วดูว่าสมบูรณ์หรือไม่ Check Point 2
  • 9. เข้า Edit Mode (กด Tab) อีกครั้ง เลือก Material ใน Properties เลือก Material ก้อนแรกที่มีมากจากระบบ
  • 10. ตั้งชื่อ Material ใหม่ชื่อว่า Body (หรืออะไรก็ได้) กด Z เพื่อทําการเปลี่ยนโหมดเป็น Look Dev เพื่อดูขั้นตอนการห่อ Texture ผ่าน Material
  • 11. ใน Material ของ Body ให้เราไปที่ Base Color หลังจากนั้นกดที่ จุด (Spot) ด้านหลังของชุดสีที่ ใช้เพื่อเรียกโหมดการห่อ Texture เลือก Base Color ด้วย Image Texture แล้วเลือก Path ของพื้นผิวบ่อนํ้าใส่เข้าไป ใช้ไฟล์ภาพนี้
  • 12. เลือกแบบ Faces ใน Edit Mode หลังจากนั้นให้ทําการกด Shift แล้ว คลิกเลือก Selection ตามตัวอย่าง เลือกแบบ Faces เสร็จแล้วให้ กด U เลือกเมนู Unwrap ทําเรื่อยๆ จนกว่าจะเหมือนตัวอย่าง ในภาพ ให้เปิด UV Editor อีก หน้าต่างในการเลื่อน Texture โดย ใช้ Key ลัดคือ 1. กด A เลือกทั้งหมด 2. กด G เลื่อนตําแหน่ง 3. กด R เพื่อหมุน Texture 4. กด S เพื่อลด หรือ ขยาย Texture เลื่อนตําแหน่งของ Texture ที่เราใช้ในการ Map ให้ตรง กับ Face ของ Mesh ที่เรา สร้างขึ้น Check Point 3
  • 13. ออกไปที่ Object Mode หลังจากนั้น Secondary Click หรือ คลิกขวา เสร็จแล้วให้กด Shade Smooth เพื่อปรับให้มีความมน ขั้นตอนต่อไปคือการสร้าง Mesh ใหม่เลือกเป็น Cube เพื่อทําเสา สองด้านของบ่อนํ้า ปรับรูปแบบของ Cube ใหม่ ให้ได้รูปทรงดังภาพหลังจากนั้น หลังจากนั้นให้ทําการห่อ UV ของภาพ Texture ที่กําหนด (การห่อ UV กดเลือก Face แล้วกด U ปรับให้เหมาะสม)
  • 14. เมื่อทําแหย่งของเสาบ่อนํ้าเสร็จแล้วให้หมุนปลายของมันด้วย Rotate Tool ทํายอดให้เรียบ ทั้งสองด้าน เสร็จแล้วห่อ Texture ขั้นตอนต่อไปคือทําหมุดตรึงไม้ ด้านข้างและฐานเพิ่มขึ้นมาตาม ตัวอย่างด้วยวิธีขั้นตอนที่ได้ศึกษา มา พร้อมใส่ texture ที่ชอบ และ เหมาะสม Check Point 5
  • 15. ออกแบบหลังคา ของบ่อนํ้าด้วยการสร้าง Cube ขึ้นมา พร้อมใช้ Texture ที่เตรียมไว้ให้ในการ ออกแบบ สร้างหน้าจั่วของหลังคาเป็นรูปทรง ตามตัวอย่าง Check Point 6
  • 16. ขั้นตอนสุดท้ายคือการสร้าง Plane กับ PNG ไฟล์ของต้นหญ้า สร้าง Plane ขึ้นมาโดยการกด Shift A สร้าง Material ขึ้นมาใหม่ชื่อว่า Grass ทําการ Unwrap ตัว Texture ต้นหญ้าไป จัด UV Editor ดีๆ