gt306 environment and level design blender tutorial

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

Upload: banyapon-poolsawasd

Post on 16-Mar-2018

21 views

Category:

Education


0 download

TRANSCRIPT

Page 1: GT306 Environment And Level Design Blender Tutorial

วชา Environment and Level Design (การออกแบบสภาพแวดลอมและระดบ)อาจารย บญญพนต พลสวสด

วทยาลยครเอทฟดไซน แอนด เอนเตอรเทนเมนตเทคโนโลย, มหาวทยาลยธรกจบณฑตย

Page 2: GT306 Environment And Level Design Blender Tutorial

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

Page 3: GT306 Environment And Level Design Blender Tutorial

กดปม “Shift + A” เลอก Mesh -> Cylinder ปรบจานวน Polygon ใหนอยทสดแลวปรบรปทรงใหไดดงตวอยาง

Page 4: GT306 Environment And Level Design Blender Tutorial

ปรบโหมด Render เปน Cycle Render, หลงจากนนคลกทรปทรงเลอกเครองมอ “ไขควง” แลวเลอก Subdivision Surface

Page 5: GT306 Environment And Level Design Blender Tutorial

ใ ส Material เปน Image Texureหอ UV ใหเหมอนดงตวอยางทกาหนดไว หลงจากนนสราง Cube ขนมา

Page 6: GT306 Environment And Level Design Blender Tutorial

ปรบลกทรง Cube ดวยการ Extrude (กด E) รวมกบ Rotate (กด R) เพมเสน (กด Ctrl+R) และ ขยายหรอลดสเกล (กด S)

ใหไดรปทรงดงภาพขางบนหลงจากนนใหทาการหอ UV ของภาพ Texture ทกาหนด (การหอ UV กดเลอก Face แลวกด U ปรบใหเหมาะสม)

Page 7: GT306 Environment And Level Design Blender Tutorial

ทาการ Copy สวนของเราสามงามทเราไดสรางขนไปวางตรงขามของอกฝง หลงจากนนเกบรายละเอยดโดยการสรางหมดตรงเสารทบรเวณดานขางตาแหนงของไมสามงาม

ทาการตกแตงใหสวยงามโดยการหอ UV และปรบตามความชอบใจ

Page 8: GT306 Environment And Level Design Blender Tutorial

หมดตรงเมอตกแตงแลวสามารถ Copy ไปอกขางดวย Object->Mirror หลงจากนนตกแตงโดยการวาง Cube หอ UV ดวยลายไมตกแตงเสรจเสราง Cylinder ขนมา

Page 9: GT306 Environment And Level Design Blender Tutorial

สราง Cylinder ปรบใหเหมอนไมหมนหลงจากนนสราง วงแหวนมาหอพรอมทาเสนเชอก

Page 10: GT306 Environment And Level Design Blender Tutorial

หลงจากปรบตกแตงเสรจแลว

สรางหนาจวของหลงคาเปนรปทรงตามตวอยาง หรอตามความตองการ โดยใช Cube ทาการเพมเสนแลวปรบมมใหไดตามทสรางไว

ทาการหอ UV ดวยไม ตาม Texture ทวางไวหลงจากนนทาการ Copy ไว 3 ชน

โดย 2 ชนวางในตาแหนงทเสาสามงาม

ชนทเหลอ 1 ชนยอขนาดลงเลกนอยแลววางไวตรงกลางระหวางหนาจวทงสอง

Page 11: GT306 Environment And Level Design Blender Tutorial

หอ Texture UV ของสวนตรงกลางใหมเปนหลงคาทเตรยมมา

ปรบหนาจอมมกลองใหมดภาพรวมใหเหมาะสมทาการจดแสงใหเรยบรอย

ปรบและวางรปทรงทกาหนดไวใหเหมอนตวอยางทสราง

Page 12: GT306 Environment And Level Design Blender Tutorial

สรางถงนามาจาก Cylinder รปแบบเดยวกบสรางบอนา ดตวอยางขางตน

ทาการหอ UV ของ Texture ทเตรยมไวให

Page 13: GT306 Environment And Level Design Blender Tutorial

ผลลพธ 70% ของชนงานสาเรจแลว

Page 14: GT306 Environment And Level Design Blender Tutorial

เพม Mesh -> Grid ขนมาใหมกด Edit Mode เพอสรางพนผว

ดงเสนแบบสมของ Grid ใหเหมอนระดบของพนทแตกตางกนไป

สวนของ Grid ทาให Smooth ได

Page 15: GT306 Environment And Level Design Blender Tutorial

ตอมาเราจะทา Image Texture ของตนหญา ในขนตอนนตองทาการแกไขไฟลรปภาพทมใหเปน Transparent หรอฉากหลงโปรงใส โดยใชโปรแกรมแกไขรปภาพ Gimp หรอ Photoshop ทาการตด Alpha หรอ Transparent ใหเหมอนตวอยางดานขาง:

Page 16: GT306 Environment And Level Design Blender Tutorial

สราง Mesh->Plane ขนมา หมน Rotate Plane ใหเปนแนวตงเขา EditMode

หอ UV ของตนหญาตามตวอยาง กดเปลยน View เปน Node Editor

Page 17: GT306 Environment And Level Design Blender Tutorial

การตงคา Node ใหเปน Transparent

สราง Mix Shader ขนมา รบคา Diffuse และ Transparent BSDF ดวย Shader ทง 2 คา, สวนของ Fac (Facial) ใหโยง Image Texture สวนของ Aplha มา

เพม Texture Coordinate ไปท Vector ของ Image Texture

Page 18: GT306 Environment And Level Design Blender Tutorial

หากปรบ Node ไดแลว ทาการตกแตงใหสวยงาม

สรางแบบจาลองตนไมขนมารปทรงตนไม Free Style ไ ดตามตองการ หอ Texture UV ดวยภาพตวอยางใหเหมาะสม

Page 19: GT306 Environment And Level Design Blender Tutorial

ปรบ Node สวนของใบไมตามตวอยางทกาหนดใหเหมอนตนหญา Copy แลวจดรปทรงใบไมตามตองการทาการปรบโหมดเปน Render View ดผลลพธ

Page 20: GT306 Environment And Level Design Blender Tutorial

ผลลพธ 100% ของชนงานสาเรจแลว

Page 21: GT306 Environment And Level Design Blender Tutorial

ปรบแสง และจดมมกลองใหเรยบรอย

Page 22: GT306 Environment And Level Design Blender Tutorial

THANK YOU