Showing posts with label sketchup. Show all posts
Showing posts with label sketchup. Show all posts

09 August 2008

ผสมภาพถ่ายกับ SketchUp Match Photo ... เมื่อไหร่บ้านจะเสร็จซะทีเนี่ย



ย้ายไปอยู่ที่ busy.in.th แล้วครับ





ตอนนี้กำลังแต่งบ้าน(เล็กๆ)อยู่ครับ ช่างกำลังทำห้องน้ำ(เล็กๆ)อยู่ เขาถามว่าจะติดกระจกยังไง ผมก็คิดว่า เอาแล้วสิ ไม่รู้เหมือนกัน ก็เลยขอเวลามาคิดก่อน แล้วก็วิ่งไปเอากล้องมาถ่ายรูปห้องน้ำก่อน แล้วก็เอาไปลงคอมพ์ ส่งรูปเข้า SketchUp เพื่อใช้ความสามารถในการ "Match Photo" ที่ทำให้ผมสามารถสร้างโมเดลของห้องน้ำได้ตามความเป็นจริงโดยไม่ต้องไปวัด แล้วผมก็จะได้ลองออกแบบกระจกแบบต่างๆไปลองติดดูว่าชอบแบบใหนที่สุด





ขั้นแรกก็ถ่ายรูปห้องน้ำมาก่อน ถ่ายมาหลายๆมุม จะได้เลือกได้ทีหลัง ไม่ต้องกลับไปถ่ายใหม่



จากนั้นก็เปิด SketchUp ซะ แล้วก็ไปที่ Tools->Match Photo เพื่อเปิดหน้าต่างของ Match Photo แล้วก็คลิกที่เครื่องหมายบวกในหน้าต่างนั้นเพื่อโหลดรูปที่เราถ่ายเข้ามา

จะเห็นว่ามีเส้นสีแดงกับเขียวอยู่ หน้าที่ของเราก็คือการลากเส้นพวกนี้ให้ตรงกับเส้นตรงในรูปของเรา ต้องอย่าลืมว่าเส้นพวกนี้ (ที่สีเดียวกัน) จริงๆแล้วจะขนานกัน แต่เนื่องจากเรามองในมุมแบบ perspective ก็เลยเห็นเหมือนว่ามันตัดกันที่อินฟืนืตี ก็ลากๆมันจนกว่าจะมีมิติและ perspective ตรงกับรูปของเรา




เนื่องจากภาพนี้เป็นภาพ indoor ก็เลยต้องสลับให้เส้นเขียวอยู่ซึกซ้ายของจอ เส้นแดงอยู่ซีกขวา (ถ้าเป็นภาพ outdoor ก็ไม่ต้องสลับ) หลังจากลากๆอยู่พักใหญ่ก็ได้อย่างที่เห็น



จากนั้นลองวางรูปสี่เหลียมโดยใช้เครื่องมือ rectangle ของ SketchUp ดูว่าสี่เหลื่ยมที่ได้มีมิติและ perspective ตรงกับรูปภาพหรือเปล่า ถ้ายังไม่ตรงก็กลับไปทำขั้นที่แล้วใหม่ ... ตอนลากๆไม่ยากหรอก ยากตรงให้มันออกมาตรงกับรูปนี่แหละ



ถ้าผ่านมาถึงนั้นนี้ได้ ต่อไปก็ไม่ยากแล้ว จะไปพักกินน้ำ ดูโอลิมปิกก่อนก็ได้ แล้วค่อยกลับมาวาง model ที่เหลือให้ครบ ในรูปจะเห็นว่าผมใส่ model อ่างล้างหน้าไปด้วย



ตอนนี้จะเห็นว่า model ของเราบังรูปเกือบมิด ทำให้ไม่เห็นก็อกน้ำหรือฝักบัว ถ้าใครขยันจะลองออกแบบโมเดลของก็อกน้ำกับฝักบัวก็ได้ แต่ผมไม่สามารถขนาดนั้น ผมเลยใช้อีกวิธีโดยทำให้ model ของเรามี texture เหมือนภาพข้างหลังเสีย

ขั้นแรกก็เลือก model ก่อน แล้วก็ไปที่หน้าต่าง Match Photo แล้วก็กดที่ Project Texture from Photo ที่เห็นในวงกลม




ก็จะได้แบบนี้ ลองคลิกที่รูปเพื่อดูภาพใหญ่นะครับ



คราวนี้ก็ลองออกแบบโมเดลกระจกไปติดที่ผนังดู ผมลองอยู่สองสามแบบ แต่สุดท้ายก็เลือกแบบเรียบๆแคบๆแบบนี้แหละ



ถ้าไม่มั่นใจจะลองหมุนไปดูมุมอื่นๆก็ได้ เพราะทุกอย่างเป็นโมเดลอยู่แล้ว สาเหตุที่ผมทำโมเดลอ่างล้างหน้าด้วยก็เพื่อจะได้ดูจากมุมอื่นๆได้ด้วย

เมื่อพอใจแล้วก็วัดขนาดให้แน่อีกที ของผมได้ที่ 35x80ซม แล้วก็เอาไปให้ช่างดู ให้เขาไปสั่งตัดกระจกได้เลย

09 July 2008

Howto: สร้างรูปทรงกลมใน SketchUp

ไม่ยากครับ ลองทำตามดู
1) สร้างวงกลม 2D ขึ้นมาก่อน
2) Make group วงกลมนี้ซะ
3) copy วงกลมนี้โดยกด Ctrl ในขณะที่เลื่อนมันขึ้นข้างบน
4) หมุน 90 องศา โดยให้วงกลมอันบนตั้งฉากกับอันล่าง
ุ5) explode วงกลมทั้งคู่
6) เลือกเฉพาะขอบของวงกลมอันล่าง
7) เลือกเครื่องมือ "Follow Me" แล้วคลิกข้างในวงกลมอันบน ก็จะได้ลูกบอลแล้ว
8) แล้วก็ลบวงกลมอันล่างซะ

(ถ้าใครอยากให้แปลคำบรรยายใน flash animation เป็นภาษาไทยก็บอกได้ในคอมเมนต์นะครับ ตอนนี้ขอเป็นภาษาอังกฤษก่อนเพราะเอาไปใช้ที่อื่นด้วย)









21 June 2008

ออกแบบและ render ด้วย SketchUp and Kerkythea





ย้ายไปอยู่ที่ busy.in.th แล้วครับ



โปรแกรมที่ใช้

Google SketchUp (download)
SketchUp เป็นโปรแกรมออกแบบ 3D ที่ใช้ง่ายมาก แต่ก่อนราคาประมาณ $400 แต่พอ Google ซื้อมา ก็มีเวอร์ชั่นฟรีออกมา โดยเวอชั่นนี้มีลูกเล่นน้อยลง แต่ผมว่าก็เพียงพอสำหรับคนทั่วไปนะ การใช้งาน SketchUp จะต่างจากโปรแกรมออกแบบ 3D อื่นๆเช่น 3Dmax หรือแม้แต่ Blender (ซึ่งก็ฟรีเหมือนกัน) อยู่มาก การใช้ SketchUp จะเริ่มจากวาดรูปสองมิติแล้วก็ "ดึง" ขึ้นมาให้เป็นสามมิติ


Kerkythea (download)
โปรแกรมนี้เป็น render engine ครับ ถ้าจะใช้กับ SketchUp ก็ต้องลง SU4KT (download) ก่อน ผมชอบ Kerkythea ตรงที่มี material editor ที่ใช้งานค่อนข้างง่าย แถมมี material ให้ดาวน์โหลดได้ด้วย



ขั้นตอนก็เริ่มจากออกแบบใน SketchUp ผมชอบออกแบบโดยร่างแบบคร่าวๆก่อนแล้วก็ค่อยๆรายละเอียดเข้าไปทีละนิด ดูตัวอย่างแบบบ้านนะครับ


แบบคร่าวๆของบ้านหลังนี้ มีกล่องๆกับแผ่นแบนๆ ไม่มีหลังคาเพราะขี้เกียจ :-)


เริ่มใส่รายละเอียด เจาะช่องประตูหน้าต่าง




ใส่กระจกหน้าต่างและประตูซะ ดูยากหน่อย ลองคลิกเพื่อดูภาพใหญ่นะครับ



เพิ่มรั้วและรายละเอียดอื่นๆ ผมชอบหน้าต่างใหญ่ๆแล้วมีไม้ระแนงกันตาแบบนี้แหละ เรียบๆดี แต่ไม่น่าเบื่อเกินไป



จากนั้นก็ประดับด้วยต้นไม้ตามใจชอบ แต่ไม่ได้ทำต้นไม้เองหรอกนะครับ ผมดาวน์โหลดมาจาก Google 3D warehouse รวมทั้ง Honda Jazz คันนั้นก็ดาวน์โหลดมาเหมือนกัน พอได้มาก็เอามาแต่งเล็กน้อย ย่อบ้างขยายบ้าง เปลี่ยนสีหน่อย แต่อย่าดาวน์โหลดมาใส่เยอะเกินไปนะครับ เดี๋ยวเครื่องอืด



แล้วก็เลือกระบายสี (เรียกว่า texture ละกัน)ตามใจชอบ ภาพที่ได้จะเหมือนจริงหรือเปล่าก็อยู่ที่ texture นี่แหละ (บวกกับการจัดแสง แต่กรณีนี้เรามีแต่ด้วงอาทิตย์อย่างเดียว เอาง่ายเข้าว่า) ผมทำอย่างคร่าวๆ ไม่ลงตัวเท่าไหร่ แต่ผมก็พอใจแล้วนะ ลองดาวน์โหลด model ของบ้านหลังนี้ แล้วลองใช้ texture อื่นๆดูนะครับ



สุดท้ายก็จัดมุมกล้องให้สวยงาม เพราะการจัดมุมกล้องใน SketchUp งายกว่าทำใน Kerkythea เยอะ




เมื่อเสร็จจาก SketchUp ก็ export model ของเรามาที่ Kerkythea โดยใช้ SU4KT (ถ้ายังไม่ได้ลงก็ลงก่อนนะ) พอลง SU4KT แล้วมันก็ไปอยู่ที่เมนู plugins ของ SketchUp เราก็แค่เลือกมัน เลือก export everything (models, lights, camera, ฯลฯ) พอ export เสร็จก็จะถามเราว่าจะเป็ด Kerkythea เลยมั้ย ก็เปิดเลย หรือจะทำแบบผมคือเอาไปเปิดใน Linux ก็ได้ เพราะ Kerkythea มีทั้งบน Windows, Linux, และ Mac (แต่ SketchUp ไม่มีบน Linux แต่ก็ใช้ผ่าน wine ได้เหมือนกัน ถ้าสนใจลอง Google ดู)

เรายังปรับแต่งมุมกล้องใน Keykythea ได้อีกตามความเหมาะสม แล้วก็ยังใส่ model เพิ่มเข้าไปได้ด้วย ผมใส่ต้นหญ้าเข้าไป แล้วใช้ Instance Brush ทำให้กลายเป็นสนามหญ้า(ออกมาดูรกๆไปหน่อย เหมือนเจ้าของลืมตัด แต่ขี้เกียจแก้แล้ว ช่างมันละกัน) เอาไว้เขียนวิธีใช้ Instance Brush อีกทีละกันครับ



เติมท้องฟ้าซะ รูปท้องฟ้าก็ดาวน์โหลดมาจากเวปของ Kerkythea ครับ พอดาวน์โหลดท้องฟ้าแล้วก็อย่าลืมเอา texture มาด้วยนะครับ (บนKerkythea เรียกว่าmaterial library) เอามาเยอะๆเลยก็ได้




อย่าลืมกำหนดค่าให้กับ texture นะครับ สำคัญมาก อย่างในรูปผมก็ให้สีของรถสะท้อนแสงนิดๆ ลองเล่นๆดู หรือจะอ่านวิธีใช้ใน Kerkythea Getting Start ก็ดีครับ
ถ้าดาวน์โหลด material library มาไว้แล้วก็ลองใช้ดูก็ได้ครับ



จากนั้นก็สั่ง render ความเร็วในการ render ขิ้ออยู่กับขนาดและความซับซ้อนของภาพ และก็ render algorithm ที่ใช้ด้วย เพราะงั้นก็ควรเริ่มจาก render ภาพเล็กๆก่อนและใข้ algorithm ที่เร็วๆ (เช่น Photon Map -Quick) เมื่อพอใจแล้วก็ค่อยสั่งให้ render ภาพใหญ่ๆโดยใช้ algorithm ที่ให้ความละเอียดสูงๆ ที่เหลือก็รอ แล้วก็ชื่นชมผลงานของตนเอง ใครทำภาพอะไรเสร็จอย่าลืมเอามาอวดในคอมเมนต์นะครับ :-)




Download



Post ที่เกี่ยวข้อง