ما هو HDR / HDRI؟ ولماذا لا غنى عنه في التصيير ثلاثي الأبعاد؟
تنسيق HDR (High Dynamic Range) أو HDRI (صورة عالية النطاق الديناميكي) هو تنسيق صور بانورامية 360 درجة يخزن شدة الإضاءة الفيزيائية الحقيقية ونطاقات سطوع فائقة. في حين تقتصر صور JPG أو PNG العادية على قيم محصورة بين 0 إلى 255 (نطاق منخفض LDR)، فإن صيغة Radiance .hdr الاحترافية تعتمد على تشفير RGBE النقطي العائم 32 بت، مما يمكنها من حفظ تفاصيل الضوء المحيطي الخافت وصولاً إلى وهج قلب قرص الشمس بعشرات الآلاف من الشمعات.
في محركات التصيير الفيزيائي الحديثة (PBR) مثل Blender (Cycles/Eevee) وThree.js وUnreal Engine 5 وCinema 4D وMaya وGodot، يوفر استخدام خريطة بيئة HDR احترافية:
- إضاءة واقعية معتمدة على الصور (IBL): تغمر النماذج ثلاثية الأبعاد بضوء محيطي 360 درجة وظلال تلامس دقيقة فيزيائياً.
- انعكاسات ولمعات براقة واقعية: تعكس المعادن والزجاج وطلاء السيارات المشهد المحيط وتوهج الشمس بدقة فائقة.
- سير عمل إضاءة سريع وبسيط: تلغي الحاجة لوضع عشرات المصابيح المساعدة يدوياً؛ ملف HDRI واحد كفيل بإنشاء إضاءة استوديو متكاملة.
كيف تصنع خلفية HDR أونلاين؟
سابقاً، كان تصوير وإنتاج بانوراما HDRI يتطلب كاميرات 360 متخصصة وتقنيات تصوير متعدد التعريضات وبرامج دمج معقدة. مع مولد خلفيات HDR أونلاين، يمكنك تعديل زوايا الشمس وتوزيع إضاءة الاستوديو أو تعزيز الصور البانورامية مباشرة في متصفحك في ثوانٍ معدودة مع معاينة PBR 3D فورية وتصدير بصيغة Radiance .hdr القياسية.
🎨 8 إعدادات إضاءة وبيئات جاهزة
توفر الأداة إعدادات ضوئية مسبقة تناسب المشاهد الطبيعية واستوديوهات التصوير والعوالم الخيالية:
- ☀️ الساعة الذهبية (Golden Hour): شمس غروب منخفضة بتدرجات ذهبية وسماء علوية زرقاء داكنة تمنح إضاءة خلفية سينمائية وظلالاً ممتدة.
- 🌞 ظهيرة مشمسة (Sunny Sky): شمس ساطعة في كبد السماء مع تشتت ريليه الجوي النقي، مثالية للمشاريع المعمارية الخارجية.
- 🌌 شفق عميق (Deep Twilight): وهج بنفسجي على خط الأفق يمتزج مع سواد الليل، مناسب جداً لعروض السيارات والتحف.
- 🌫️ ضباب الصباح (Morning Mist): ضوء ناعم مشتت بكثافة عالية مع ألوان هادئة لخلق عمق شاعري وغامض.
- 💡 إضاءة الاستوديو الثلاثية (Studio Three-Point): إضاءة رئيسية، إضاءة ملء باردة، وإضاءة حواف دافئة لنحت معالم المجسمات ثلاثية الأبعاد والشخصيات.
- ⚪ استوديو أبيض نقي (Studio Clean White): سوفت بوكس علوي كبير مع إضاءة أمامية متجانسة لتصوير المنتجات والتجارة الإلكترونية.
- 🟣 سايبر بانك نيون (Cyber Neon): تباين قوي بين أضواء الأزرق السماوي (Cyan) والأرجواني (Magenta) لمركبات الخيال العلمي.
- 🟢 ليلة الشفق القطبي (Aurora Night): سماء مرصعة بالنجوم تضيئها أضواء الشفق الزمردية لإضفاء طابع خيالي ساحر.
🌐 معاينة كرات المواد PBR 3D في الوقت الفعلي
يتيح لك منفذ العرض التفاعلي Three.js اختبار تفاعل الضوء على كرات اختبار قياسية قبل التنزيل:
- 🪞 كرة كروم عاكسة (Chrome Mirror): خشونة 0.02 ومعدنية 100% لفحص دقة الانعكاس ووهج الشمس.
- 🪙 كرة معدنية غير لامعة (Rough Metal): خشونة متوسطة (0.35) تظهر تدرج اللمعان على الأسطح المصقولة.
- 🍶 كرة سيراميك براقة (Glossy Ceramic): مادة عازلة بطبقة لمعان شفافة لتقييم الإضاءة المحيطية المشتتة (IBL).
- 🥨 عقدة توروس (Torus Knot): مجسم هندسي معقد لمراقبة الظلال الذاتية وانسياب الضوء على الانحناءات.
المزايا التقنية الرئيسية
☀️ محاكاة فيزيائية للغلاف الجوي والشمس
حسابات فيزيائية دقيقة لتشتت رايلي ومي في الوقت الفعلي مع تحكم كامل بزوايا الشمس وعكارة الجو.
💡 مصفوفة إضاءة استوديو متعددة الكشافات
أضف مصادر إضاءة وسوفت بوكس بإحداثيات كروية، وتحكم في درجات حرارة الألوان وسطوع HDR ونعومة الحواف.
🌐 معاينة فورية WebGL 3D PBR
عارض Three.js تفاعلي مع دوران 360° كامل وكرات مواد لفحص الانعكاسات والظلال فوراً.
⚡ معالجة كاملة داخل المتصفح وحماية للخصوصية
تتم كافة العمليات الحسابية وتوليد ملفات RGBE محلياً على جهازك دون رفع أي بيانات إلى الخوادم.
كيفية استخدام ملف .hdr في برامج الثري دي؟
1. الاستخدام في Blender
- افتح Blender وانتقل إلى لوحة World Properties (خصائص العالم) على اليمين.
- انقر على النقطة الصفراء بجوار
Colorواختر Environment Texture (خامة البيئة). - انقر على
Open (فتح)واختر ملف.hdrالذي قمت بتنزيله. - حوّل وضع العرض إلى Rendered (المعروض) للاستمتاع بالإضاءة البانورامية الواقعية.
2. الاستخدام في مشاريع الويب مع Three.js
يمكنك تحميل بيئة الـ HDRI بسهولة باستخدام محمل RGBELoader الرسمي:
import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js';
new RGBELoader().load('your_sky.hdr', (texture) => {
texture.mapping = THREE.EquirectangularReflectionMapping;
scene.background = texture; // خلفية بانورامية
scene.environment = texture; // إضاءة وانعكاسات PBR
});