ตัวสร้างแผนที่นอร์มัลฟรี — จากภาพใดๆ ออนไลน์

Normal map เก็บทิศทางของพื้นผิวไว้ในช่องสัญญาณ RGB ทำให้ texture ที่เรียบเหมือนแผ่นพื้นสามารถสะท้อนแสงได้เหมือนเรขาคณิตจริง เพียงวางรูปภาพใดๆ height map หรือ bump map ก็จะได้ normal map สำหรับนำไปใช้ในเกมจากรูปของคุณภายในไม่กี่วินาที—ฟรี และทำงานทั้งหมดในเบราว์เซอร์ของคุณ

ไม่มีรูปพร้อมใช่ไหม ลองตัวอย่าง:
ได้รับความไว้วางใจจากศิลปิน 3D และสตูดิโอเกมทั่วโลก

วิธีสร้าง normal map จากภาพ

สามขั้นตอน ไม่ต้องมีบัญชี และไม่ต้องติดตั้งอะไร

อัปโหลดรูปภาพของคุณ

แผนที่นอร์มอล vs แผนที่บัมพ์ vs แผนที่ความสูง

ทั้งสามอย่างจำลองรายละเอียดพื้นผิวแบบหลอกบนเรขาคณิตแบนราบ แต่เก็บข้อมูลต่างกัน และมีเพียงอย่างเดียวเท่านั้นที่ควรใส่ในช่องนอร์มัลของวัสดุสมัยใหม่

Normal map3 (RGB)สีน้ำเงินลาเวนเดอร์ แต่ละพิกเซลมีค่า RGB ที่เข้ารหัสทิศทางพื้นผิวตามแกน X, Y, Zไม่ใช่ มีเพียงการแรเงา
แผนที่บัมพ์1 (โทนสีเทา)ขาวดำ (เกรย์สเกล) เก็บเฉพาะความสูง ดังนั้นตัวเรนเดอร์จะคำนวณทิศทางจากพิกเซลข้างเคียงไม่ใช่ มีเพียงการแรเงา
แผนที่ความสูง1 (โทนสีเทา)โดยปกติจะเป็นไฟล์เฉดสีเทาเดียวกันกับ bump map ให้อ่านเป็นค่าความสูงแทนใช่ เมื่อใช้สำหรับการเลื่อนตำแหน่ง

แผนที่ bump และแผนที่ความสูงมักเป็นไฟล์เดียวกัน สิ่งที่เปลี่ยนคือเรนเดอร์เลอร์ใช้งานอย่างไร ที่นี่ใช้งานได้ทั้งคู่: อัปโหลด แผนที่ความสูง แบบสเกลเทา หรือ แผนที่ bump แล้วเครื่องมือนี้จะแปลงให้เป็น normal map

สร้างวัสดุของคุณต่อไป

คำถามที่พบบ่อย

Normal map จะเก็บเวกเตอร์ทิศทางพื้นผิวแบบเต็มต่อพิกเซลในช่องสีแดง เขียว และน้ำเงิน ทำให้แสงสามารถเอียงได้ทุกทิศทาง ส่วน bump map เป็นช่องสเกลสีเทาเพียงช่องเดียวที่เข้ารหัสแค่ความสูงแบบสัมพันธ์กัน Normal map คือสิ่งที่เอ็นจินแบบเรียลไทม์ต้องการ ส่วน bump map คือการประมาณแบบเก่าที่ถูกกว่า

ไม่สามารถทำได้จากภาพ 2D เพียงภาพเดียว ความหยาบและเมทัลลิกอธิบายคุณสมบัติทางกายภาพของวัสดุที่ไม่สามารถคาดเดาได้อย่างน่าเชื่อถือจากความสว่างของพิกเซล ดังนั้นเครื่องมือนี้จึงสร้างได้แค่นอร์มัลแมป เท่านั้น เพื่อให้ได้ชุด PBR ครบชุดพร้อม albedo, roughness, metallic และ normal maps ให้ใช้ Meshy’s AI Texture Generator กับโมเดล 3D

ใช้ OpenGL (+Y) ซึ่งเป็นค่าเริ่มต้นที่นี่ สำหรับ Blender, Godot, Unity และ asset ของ glTF ใดๆ เปลี่ยนเป็น DirectX (-Y) สำหรับ Unreal Engine และ 3ds Max ถ้าพื้นผิวดูเหมือนกลับด้าน โดยรอยนูนอ่านเหมือนรอยบุ๋มภายใต้แสงเดียวกัน แปลว่าคุณเลือกคอนเวนชันผิด ให้สลับสวิตช์แล้วดาวน์โหลดอีกครั้ง

ใน Unity ให้กำหนด PNG ไปที่ช่อง Normal Map ของวัสดุ และตั้งค่า texture type เป็น Normal map ใน Unreal Engine ให้ตั้งค่า compression ของ texture เป็น Normalmap ปิด sRGB แล้วต่อเข้ากับช่องรับ Normal ใน Blender ให้เพิ่มโหนด Image Texture ที่ตั้งค่าเป็น Non-Color ส่งผ่านโหนด Normal Map แล้วเชื่อมเข้ากับอินพุต Normal ของ Principled BSDF

ไม่ใช่ครับ การแปลงจะทำงานทั้งหมดในเบราว์เซอร์ของคุณโดยใช้ Canvas API รูปของคุณไม่เคยออกจากอุปกรณ์ของคุณ ไม่มีบัญชีให้สร้าง และไม่มีการจัดเก็บข้อมูลใดๆ

ใช่ Height maps, displacement maps, bump maps และรูปถ่ายทั่วไป ใช้งานได้ทั้งหมด—เครื่องมือนี้จะอ่านความสว่างของภาพเป็นระดับความสูง รันตัวกรอง Sobel เพื่อวัดความลาดเอียงที่ทุกพิกเซล แล้วเข้ารหัสความลาดเอียงนั้นเป็นทิศทาง ดู รายการพจนานุกรม normal map เพื่อดูทฤษฎีเบื้องหลัง

มากกว่าเครื่องมือทำธุระเร็วๆ

เปลี่ยนพรอมต์และภาพเป็นตัวละคร พร็อพ และเท็กซ์เจอร์ใน Meshy Workspace

อัปเดตล่าสุด สิงหาคม 2569