All tutorials

จัดแสงให้ prop ของคุณใน Render

Beginner 10 min render

ตั้งค่าแสงสภาพแวดล้อมแบบ HDRI เพิ่มไฟช่วยจัดรูปทรง แล้วสร้างภาพนำเสนอที่สะอาดของ asset ที่ลงพื้นผิวแล้ว

สิ่งที่คุณจะได้เรียนรู้#

คุณจะจัดแสงให้ prop ที่ลงพื้นผิวแล้วใน Render และสร้างภาพนำเสนอขึ้นมา แสงที่ดีคือสิ่งที่พิสูจน์ว่างานวัสดุจาก Pigment ใช้ได้จริงหรือไม่

ก่อนเริ่มต้น#

  • ทำ ลงพื้นผิวให้ prop ของคุณใน Pigment ให้เสร็จก่อน หรือนำ mesh ที่ลงพื้นผิวแล้วมาใช้ก็ได้
  • Render เป็นโมดูลที่ต้องสนับสนุน และเป็นโมดูลเดียวในสายนี้ที่ต้องการ WebGPU จริง ๆ เพราะมันรันบริบท WebGPU ของตัวเองในเฟรมที่แยกออกไป เบราว์เซอร์ที่ไม่มี WebGPU จะเปิดโมดูลนี้ไม่ได้
  • ข้อมูลที่ควรรู้: วัสดุ PBR ไม่มีรูปลักษณ์ของตัวเองเลย มันเพียงอธิบายว่าพื้นผิวตอบสนองต่อแสงอย่างไร เปลี่ยนแสงแล้ววัสดุเดิมจะดูแตกต่างไปโดยสิ้นเชิง

ขั้นตอน#

  1. นำ mesh ที่ลงพื้นผิวแล้วเข้าสู่ Render ด้วย Send to Render หรือนำเข้าไฟล์ .glb หรือ .gltf

  2. ตั้งค่าสภาพแวดล้อมในส่วน Environment ด้วยตัวควบคุม HDRI ภาพ HDRI จะจัดแสงทั้งฉากจากภาพของสถานที่จริง ซึ่งให้ผลลัพธ์ที่น่าเชื่อถือได้เร็วกว่าการวางไฟด้วยมือ

  3. หมุนสภาพแวดล้อมแล้วดู prop คุณกำลังมองหามุมที่รูปทรงดูชัดเจนและวัสดุแสดงความแตกต่างของ roughness ออกมา

    เคล็ดลับ: การหมุน HDRI คือตัวควบคุมแสงที่ต้นทุนต่ำที่สุดที่คุณมี ลองทำก่อนที่จะเพิ่มไฟสักดวง

  4. ตัดสินผลลัพธ์ก่อนเพิ่มอะไรเข้าไป ถ้า HDRI เพียงอย่างเดียวก็ดูดีอยู่แล้ว การเพิ่มไฟจะยิ่งทำให้ภาพแบนลงเท่านั้น

  5. เพิ่ม key light เพื่อกำหนดทิศทาง HDRI ให้ความสมจริงของแสงโดยรอบ ส่วน key light ให้รูปทรงและเงาที่ชัดเจน

  6. เพิ่ม rim light หรือ fill light ถ้า prop กลืนไปกับพื้นหลัง rim light ที่ขอบด้านหนึ่งจะช่วยแยกเส้นซิลูเอตต์ออกจากสิ่งที่อยู่ด้านหลัง

    คำเตือน: ไฟมากกว่าไม่ได้แปลว่าแสงดีกว่า ไฟสามดวงที่วางตำแหน่งดีย่อมดีกว่าไฟแปดดวงที่ตีกันเอง และไฟทุกดวงที่คุณเพิ่มเข้าไปคือคอนทราสต์ที่คุณต้องเสียไป

  7. ปรับการตอบสนองของวัสดุถ้ามีอะไรดูผิดปกติ พื้นผิวที่ดูมันวาวเกินไปหรือแบนเกินไปตรงนี้ มักหมายถึงค่า roughness ที่ต้องกลับไปแก้ใน Pigment ไม่ใช่ปัญหาเรื่องแสง

  8. จัดองค์ประกอบภาพในกล้อง หมุน prop ให้เส้นซิลูเอตต์ที่น่าสนใจที่สุดหันเข้าหาผู้ชม และเว้นพื้นที่ว่างไว้บ้างตามขอบภาพ

  9. สร้างภาพด้วย Export Render เลือกสิ่งที่จะเขียนออกในส่วน Select Passes to Export และเก็บการตั้งค่าไว้ด้วย Save to Cloud เพื่อให้กลับมาใช้ต่อได้

ผลลัพธ์#

ตอนนี้คุณมีภาพของ prop ที่จัดแสงและจัดองค์ประกอบแล้ว รวมถึงโปรเจกต์ที่บันทึกไว้ให้นำกลับมาใช้กับ asset ชิ้นถัดไปได้ คุณยังได้ตรวจสอบวัสดุของคุณภายใต้แสงจริงแล้ว ซึ่งเป็นการทดสอบเดียวที่มีความหมายจริง ๆ

ก้าวต่อไป#

  • ขั้นตอนถัดไปในไปป์ไลน์: นำ prop ไปใส่ในฉากที่เล่นได้จริงด้วย Engine
  • ลองจัดแสงให้ prop เดียวกันด้วย HDRI สามแบบแล้วเปรียบเทียบ นี่คือวิธีที่เร็วที่สุดในการเข้าใจว่าวัสดุของคุณกำลังทำอะไรอยู่จริง ๆ
  • นำฉากนี้กลับมาใช้เป็นชุด turntable สำหรับ asset ทุกชิ้นที่คุณสร้างต่อไป