SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
Blender 3D
                               Materials and Texturing
                                                 Phierapath Nannararut
                            College Of Social Communication Innovation
                                             Srinakharinwirot University




Saturday, August 13, 2011
Lecturer’s Profile

                            พีรพัทธ์ นันนารารัตน์
          - Mekha Game Starter Kit Project Manager at SIPA
          - 5 years experience in Game Industry
          - 4 Full-Games in Programmer, Designer, Director positions
          - Studying B.Sc 1st year in Social Communication Innovation
            (Interactive and Multimedia Design) at SWU
          - Special Lecturer at SWU, BUU, Mahidol University ,
            Ministry of Education , Sukhothai Open University

Saturday, August 13, 2011
Part I - Materials




                        คือการกําหนดคุณลักษณะของพื้นผิววัตถุสามมิติ เช่น
                        การแพร่กระจายของแสง การสะท้อนแสง หรือความ
                        โปร่งแสง และอื่นๆ

Saturday, August 13, 2011
Material Tools




Saturday, August 13, 2011
Basic Material Settings




Saturday, August 13, 2011
Material Buttons


                        Material Slot
                        Material Name
                        Material Stack
                        Color Picker
                        Tabs


Saturday, August 13, 2011
HSV or HSB

                            HSV (Hue, Saturation, Value) Color Model หรือ HSB
                            (Hue, Saturation, Brightness) โมเดลสีนี้ประกอบดวยคา 3
                            คา ไดแก
                                      - Hue คือคาของสี เชนสีแดง สีเหลือง สีเขียว วัดเปนมุม
                            คือ 0 – 360 องศา ซึ่งสีแดง สีเหลืองและ สีเขียวจะมีคาตางกันสี
                            ละ 60 องศา
                                      - Saturation คือคาความเขมของเนื้อสี หรือคาความ
                            บริสุทธิ์ของสี มีคาตั้งแต 0 – 100 โดยสีจะมีความเขมมากขึ้น
                            เรื่อยๆ เมื่อคา Saturation มีคาเพิ่มขึ้น
                                      - Value หรือ Brightness คือ ความสวางของสี มีคา
                            ตั้งแต 0 – 100 โดยภาพจะสวางมากขึ้นเรื่อยๆ เมื่อ Brightness
                            มีคาเพิ่มขึ้นเรื่อยๆ

Saturday, August 13, 2011
Light diffusion




         แสงพรา หรือ diffusion หมายถึงการที่แสงสะทอนหรือกระทบตัวกลางที่มีพื้นผิวไมเรียบ และ
         กระจายทิศทางการสะทอนหรือการนำแสง โดยไมอิงกับแนวฉาก ทำใหวัตถุที่สะทอนมีความสวาง
         เทาๆโดยไมขึ้นกับทิศทางของผูสังเกตเหมือนการสะทอนแบบกระจกหรือ specular เชนการ
         สะทอนแบบ diffuse ของแปง หรือในการวิ่งผานการที่แสงวิ่งผานเทฟลอนหรือกระดาษ (diffuse
         transmission) โดยทั่วไปวัสดุจะสะทอนแสงไดทั้งแบบ specular และแบบ diffuse ผสมกันใน
         สัดสวนตางๆกันไปตามชนิดของวัสดุ ซึ่งถาวัสดุสะทอนแบบ diffuse ทั้งหมด (ไมมีแบบ
         specular ผสม) แสงสะทอนจะกระจายทั่วครึ่งทรงกลมโดยรอบพื้นผิวนั้น (2π สเตอเรเดียน)
Saturday, August 13, 2011
Color diffusion assignment




Saturday, August 13, 2011
Specular




         Specular reflection เปนลักษณะการสะทอนแสงที่สมบูรณเชนการสะทอนของกระจกเงาหรือ
         อาจหมายถึงการสะทอนบางชวงของสเปกตรัมที่มีลักษณะดังกลาวก็ได โดยการสะทอนแบบนี้จะ
         แตกตางจากการสะทอนแบบ Diffuse reflection ที่ความสวางจะไมขึ้นกับมุมมอง เชนถาเราเดิน
         ผานตัวถังรถยนตซึ่งมักใชสีสะทอนแสงเปนเงาวาวแบบ specular เราจะเห็นแสงสะทอนเปลี่ยนไป
         ในแตละมุมมอง ตางจากถนนคอนกรีตที่เปนการสะทอนแบบ diffuse มากกวา specular โดยเรา
         จะเห็นพื้นผิวคอนกรีตเปนสีเดิมไมวาจะมองมาจากทิศทางใด

Saturday, August 13, 2011
Specular assignment




Saturday, August 13, 2011
Diffuse and Specular




Saturday, August 13, 2011
Diffusion and Specular Intensity




Saturday, August 13, 2011
Ramp




                            Ramp Shader เปนเครื่องมือที่กอใหเกิดการผสมผสานระหวาง
                Diffuse กับ Specular อยางละเอียดออน หากติ๊ก Ramp ในสวนใด สวนนั้นจะเปนสีที่มี
                                             ความโดดมากกวาปกติ


Saturday, August 13, 2011
Transparency




Saturday, August 13, 2011
Mirror




Saturday, August 13, 2011
Multi-material assignment




                        ในโมเดลหนึ่งชิ้น เราสามารถที่จะใชพื้นผิววัตถุหลายๆแบบได โดยดารเลือกเฉพาะสวน
                        ที่ตองการใน Edit Mode แลวเลือก Material ที่ตองการ แลวกด Assign


Saturday, August 13, 2011
Vertex Paint



                                    กดเลือกเมนู Vertex Paint แลว
                                    สามารถวาด Material ที่ตองการได




Saturday, August 13, 2011
Get a break
                                 for a while




Saturday, August 13, 2011
Part II - Texturing




                        Texture can make or break the usability
                        of a 3D model.

Saturday, August 13, 2011
Texture Button




                        * ขอความระวัง ตองสราง Material กอน Texture ทุกครั้ง


Saturday, August 13, 2011
Texture Tools



                                     Layer
                                     Type




Saturday, August 13, 2011
Texture assignment




                            ติ๊กชองสี่เหลี่ยม หลังชื่อ Texture ใน Layer

Saturday, August 13, 2011
Picture file




Saturday, August 13, 2011
Mapping the Texture




Saturday, August 13, 2011
Free Texture Generator




                                  Neo Texture Edit
Saturday, August 13, 2011
UV Texture Mapping

                                       ทดลองสราง Cube โดยที่ไมตองใส
                                       Texture และ Material
                                       เขาสู Edit Mode แลวเลือก UV
                                       Mapping : Unwrap ที่เมนูดานขวา
                                       แลวเลือก Follow Active Quads
                                       เปดหนาตาง UV Editor ขึ้นมา
                                       เลือกรูปภาพที่จะใสในกลองสี่เหลี่ยม
                                       แตละดาน




Saturday, August 13, 2011
UV Texture Mapping




                                           เลือก Browse ไฟลที่จะ
                                           นำมา Map จากดานลาง




Saturday, August 13, 2011
UV Texture Mapping


                                             หากตองการเร็นเดอร
                                             ใหสราง Material
                                             ขึ้นมา แลวเลือก
                                             Face Texture ใน
                                             หัวขอ Option




Saturday, August 13, 2011
Do it yourself
                            - Create your avatar with Blender 3D




Saturday, August 13, 2011
All you can learn
                               www.thaiopengames.org




Saturday, August 13, 2011

Weitere ähnliche Inhalte

Andere mochten auch

Workshop มหกรรมพลังเยาวชน ครั้งที่ 2 SCB สวนโมกข์กรุงเทพ
Workshop มหกรรมพลังเยาวชน ครั้งที่ 2 SCB สวนโมกข์กรุงเทพWorkshop มหกรรมพลังเยาวชน ครั้งที่ 2 SCB สวนโมกข์กรุงเทพ
Workshop มหกรรมพลังเยาวชน ครั้งที่ 2 SCB สวนโมกข์กรุงเทพPheerapath Nunnararut
 
Detection and tracking of red color by using matlab
Detection and tracking of red color by using matlabDetection and tracking of red color by using matlab
Detection and tracking of red color by using matlabAbhiraj Bohra
 
Color based image processing , tracking and automation using matlab
Color based image processing , tracking and automation using matlabColor based image processing , tracking and automation using matlab
Color based image processing , tracking and automation using matlabKamal Pradhan
 
RGB colour detection and tracking on MATLAB
RGB colour detection and tracking on MATLABRGB colour detection and tracking on MATLAB
RGB colour detection and tracking on MATLABNirma University
 
Image segmentation
Image segmentationImage segmentation
Image segmentationRania H
 
Image segmentation ppt
Image segmentation pptImage segmentation ppt
Image segmentation pptGichelle Amon
 

Andere mochten auch (6)

Workshop มหกรรมพลังเยาวชน ครั้งที่ 2 SCB สวนโมกข์กรุงเทพ
Workshop มหกรรมพลังเยาวชน ครั้งที่ 2 SCB สวนโมกข์กรุงเทพWorkshop มหกรรมพลังเยาวชน ครั้งที่ 2 SCB สวนโมกข์กรุงเทพ
Workshop มหกรรมพลังเยาวชน ครั้งที่ 2 SCB สวนโมกข์กรุงเทพ
 
Detection and tracking of red color by using matlab
Detection and tracking of red color by using matlabDetection and tracking of red color by using matlab
Detection and tracking of red color by using matlab
 
Color based image processing , tracking and automation using matlab
Color based image processing , tracking and automation using matlabColor based image processing , tracking and automation using matlab
Color based image processing , tracking and automation using matlab
 
RGB colour detection and tracking on MATLAB
RGB colour detection and tracking on MATLABRGB colour detection and tracking on MATLAB
RGB colour detection and tracking on MATLAB
 
Image segmentation
Image segmentationImage segmentation
Image segmentation
 
Image segmentation ppt
Image segmentation pptImage segmentation ppt
Image segmentation ppt
 

Mehr von Pheerapath Nunnararut

Open Source tools for Interactive and Multimedia Production
Open Source tools for Interactive and Multimedia ProductionOpen Source tools for Interactive and Multimedia Production
Open Source tools for Interactive and Multimedia ProductionPheerapath Nunnararut
 
รายงานสรุปการทำงานด้านออกแบบ ปี 2011
รายงานสรุปการทำงานด้านออกแบบ ปี 2011รายงานสรุปการทำงานด้านออกแบบ ปี 2011
รายงานสรุปการทำงานด้านออกแบบ ปี 2011Pheerapath Nunnararut
 
Confused Way Proposal and Design Document
Confused Way Proposal and Design DocumentConfused Way Proposal and Design Document
Confused Way Proposal and Design DocumentPheerapath Nunnararut
 
เกมส์ สื่อสร้างสรรค์ผ่านวิกฤตสู่การสร้างสังคมใหม่
เกมส์ สื่อสร้างสรรค์ผ่านวิกฤตสู่การสร้างสังคมใหม่เกมส์ สื่อสร้างสรรค์ผ่านวิกฤตสู่การสร้างสังคมใหม่
เกมส์ สื่อสร้างสรรค์ผ่านวิกฤตสู่การสร้างสังคมใหม่Pheerapath Nunnararut
 

Mehr von Pheerapath Nunnararut (6)

CGbangkok Design and Profile
CGbangkok Design and ProfileCGbangkok Design and Profile
CGbangkok Design and Profile
 
Smart Bump Presentation
Smart Bump PresentationSmart Bump Presentation
Smart Bump Presentation
 
Open Source tools for Interactive and Multimedia Production
Open Source tools for Interactive and Multimedia ProductionOpen Source tools for Interactive and Multimedia Production
Open Source tools for Interactive and Multimedia Production
 
รายงานสรุปการทำงานด้านออกแบบ ปี 2011
รายงานสรุปการทำงานด้านออกแบบ ปี 2011รายงานสรุปการทำงานด้านออกแบบ ปี 2011
รายงานสรุปการทำงานด้านออกแบบ ปี 2011
 
Confused Way Proposal and Design Document
Confused Way Proposal and Design DocumentConfused Way Proposal and Design Document
Confused Way Proposal and Design Document
 
เกมส์ สื่อสร้างสรรค์ผ่านวิกฤตสู่การสร้างสังคมใหม่
เกมส์ สื่อสร้างสรรค์ผ่านวิกฤตสู่การสร้างสังคมใหม่เกมส์ สื่อสร้างสรรค์ผ่านวิกฤตสู่การสร้างสังคมใหม่
เกมส์ สื่อสร้างสรรค์ผ่านวิกฤตสู่การสร้างสังคมใหม่
 

Materials and Texturing

  • 1. Blender 3D Materials and Texturing Phierapath Nannararut College Of Social Communication Innovation Srinakharinwirot University Saturday, August 13, 2011
  • 2. Lecturer’s Profile พีรพัทธ์ นันนารารัตน์ - Mekha Game Starter Kit Project Manager at SIPA - 5 years experience in Game Industry - 4 Full-Games in Programmer, Designer, Director positions - Studying B.Sc 1st year in Social Communication Innovation (Interactive and Multimedia Design) at SWU - Special Lecturer at SWU, BUU, Mahidol University , Ministry of Education , Sukhothai Open University Saturday, August 13, 2011
  • 3. Part I - Materials คือการกําหนดคุณลักษณะของพื้นผิววัตถุสามมิติ เช่น การแพร่กระจายของแสง การสะท้อนแสง หรือความ โปร่งแสง และอื่นๆ Saturday, August 13, 2011
  • 6. Material Buttons Material Slot Material Name Material Stack Color Picker Tabs Saturday, August 13, 2011
  • 7. HSV or HSB HSV (Hue, Saturation, Value) Color Model หรือ HSB (Hue, Saturation, Brightness) โมเดลสีนี้ประกอบดวยคา 3 คา ไดแก - Hue คือคาของสี เชนสีแดง สีเหลือง สีเขียว วัดเปนมุม คือ 0 – 360 องศา ซึ่งสีแดง สีเหลืองและ สีเขียวจะมีคาตางกันสี ละ 60 องศา - Saturation คือคาความเขมของเนื้อสี หรือคาความ บริสุทธิ์ของสี มีคาตั้งแต 0 – 100 โดยสีจะมีความเขมมากขึ้น เรื่อยๆ เมื่อคา Saturation มีคาเพิ่มขึ้น - Value หรือ Brightness คือ ความสวางของสี มีคา ตั้งแต 0 – 100 โดยภาพจะสวางมากขึ้นเรื่อยๆ เมื่อ Brightness มีคาเพิ่มขึ้นเรื่อยๆ Saturday, August 13, 2011
  • 8. Light diffusion แสงพรา หรือ diffusion หมายถึงการที่แสงสะทอนหรือกระทบตัวกลางที่มีพื้นผิวไมเรียบ และ กระจายทิศทางการสะทอนหรือการนำแสง โดยไมอิงกับแนวฉาก ทำใหวัตถุที่สะทอนมีความสวาง เทาๆโดยไมขึ้นกับทิศทางของผูสังเกตเหมือนการสะทอนแบบกระจกหรือ specular เชนการ สะทอนแบบ diffuse ของแปง หรือในการวิ่งผานการที่แสงวิ่งผานเทฟลอนหรือกระดาษ (diffuse transmission) โดยทั่วไปวัสดุจะสะทอนแสงไดทั้งแบบ specular และแบบ diffuse ผสมกันใน สัดสวนตางๆกันไปตามชนิดของวัสดุ ซึ่งถาวัสดุสะทอนแบบ diffuse ทั้งหมด (ไมมีแบบ specular ผสม) แสงสะทอนจะกระจายทั่วครึ่งทรงกลมโดยรอบพื้นผิวนั้น (2π สเตอเรเดียน) Saturday, August 13, 2011
  • 10. Specular Specular reflection เปนลักษณะการสะทอนแสงที่สมบูรณเชนการสะทอนของกระจกเงาหรือ อาจหมายถึงการสะทอนบางชวงของสเปกตรัมที่มีลักษณะดังกลาวก็ได โดยการสะทอนแบบนี้จะ แตกตางจากการสะทอนแบบ Diffuse reflection ที่ความสวางจะไมขึ้นกับมุมมอง เชนถาเราเดิน ผานตัวถังรถยนตซึ่งมักใชสีสะทอนแสงเปนเงาวาวแบบ specular เราจะเห็นแสงสะทอนเปลี่ยนไป ในแตละมุมมอง ตางจากถนนคอนกรีตที่เปนการสะทอนแบบ diffuse มากกวา specular โดยเรา จะเห็นพื้นผิวคอนกรีตเปนสีเดิมไมวาจะมองมาจากทิศทางใด Saturday, August 13, 2011
  • 13. Diffusion and Specular Intensity Saturday, August 13, 2011
  • 14. Ramp Ramp Shader เปนเครื่องมือที่กอใหเกิดการผสมผสานระหวาง Diffuse กับ Specular อยางละเอียดออน หากติ๊ก Ramp ในสวนใด สวนนั้นจะเปนสีที่มี ความโดดมากกวาปกติ Saturday, August 13, 2011
  • 17. Multi-material assignment ในโมเดลหนึ่งชิ้น เราสามารถที่จะใชพื้นผิววัตถุหลายๆแบบได โดยดารเลือกเฉพาะสวน ที่ตองการใน Edit Mode แลวเลือก Material ที่ตองการ แลวกด Assign Saturday, August 13, 2011
  • 18. Vertex Paint กดเลือกเมนู Vertex Paint แลว สามารถวาด Material ที่ตองการได Saturday, August 13, 2011
  • 19. Get a break for a while Saturday, August 13, 2011
  • 20. Part II - Texturing Texture can make or break the usability of a 3D model. Saturday, August 13, 2011
  • 21. Texture Button * ขอความระวัง ตองสราง Material กอน Texture ทุกครั้ง Saturday, August 13, 2011
  • 22. Texture Tools Layer Type Saturday, August 13, 2011
  • 23. Texture assignment ติ๊กชองสี่เหลี่ยม หลังชื่อ Texture ใน Layer Saturday, August 13, 2011
  • 25. Mapping the Texture Saturday, August 13, 2011
  • 26. Free Texture Generator Neo Texture Edit Saturday, August 13, 2011
  • 27. UV Texture Mapping ทดลองสราง Cube โดยที่ไมตองใส Texture และ Material เขาสู Edit Mode แลวเลือก UV Mapping : Unwrap ที่เมนูดานขวา แลวเลือก Follow Active Quads เปดหนาตาง UV Editor ขึ้นมา เลือกรูปภาพที่จะใสในกลองสี่เหลี่ยม แตละดาน Saturday, August 13, 2011
  • 28. UV Texture Mapping เลือก Browse ไฟลที่จะ นำมา Map จากดานลาง Saturday, August 13, 2011
  • 29. UV Texture Mapping หากตองการเร็นเดอร ใหสราง Material ขึ้นมา แลวเลือก Face Texture ใน หัวขอ Option Saturday, August 13, 2011
  • 30. Do it yourself - Create your avatar with Blender 3D Saturday, August 13, 2011
  • 31. All you can learn www.thaiopengames.org Saturday, August 13, 2011