ما هو تصميم خريطة التزيح؟

تصميم خرائط التزيح هو أسلوب يضيف العمق والتفاصيل إلى الأسطح المضاف إليها ملمس للرسومات المصممة بواسطة الكمبيوتر.
يعد تصميم خرائط التزيح أداة شائعة لتصميم وهم تفاصيل السطح دون إضافة مضلعات إضافية إلى نموذج ثلاثي الأبعاد. تسمح هذه التقنية للملمس بالكشف عن الاختلالات، مثل المطبات والخدوش، عند النظر إليها من زوايا مختلفة.

a textured bluetooth speaker
على الرغم من أن تصميم خرائط التزيح يعد ميزة متقدمة، إلا أنه من السهل تنفيذها باستخدام أدوات تصميم النماذج ثلاثية الأبعاد المناسبة. في هذا الدليل، سنشرح كيفية عمل خرائط التزيح، ونشارك بعض التقنيات، ونشرح تطبيقاتها العملية.

معلومات عامة حول تصميم خريطة التزيح.

ما المقصود بخريطة التزيح؟

خريطة التزيح هي نوع من الملمس الذي يشرح عمق أو ارتفاع تفاصيل السطح - على غرار الخريطة الطبوغرافية.

على سبيل المثال، إذا كنت تنظر إلى رسم ثلاثي الأبعاد لجدار من الطوب، فإنه يبدو مسطحًا بدون تأثيرات خاصة. لكن تصميم خريطة التزيح تجعل الجدار الطوبي يبدو أكثر واقعية بإضافة خطوط الجص الغائرة إلى الصورة المسطحة. هذه التقنية "تخدع" العين عن طريق معالجة بالملمس لجعله يبدو ثلاثي الأبعاد في مساحة ثنائية الأبعاد.

ولهذه التقنية تطبيقات عديدة، منها:

  • ألعاب الفيديو
  • الأفلام والرسوم المتحركة
  • الواقع الافتراضي والواقع المُعزز
  • تصميم الويب

أساسيات إدراك العمق.

تعمل عيناك وعقلك معًا لمعالجة المعلومات المرئية وإدراك العمق. يحدد دماغك العمق باستخدام إشارات مجهرية، والتي تقارن صور كل عين لتصميم صورة متماسكة. هذا يساعدك على تحديد العمق.

ولكن يمكننا أيضًا تحديد العمق بعين واحدة فقط، وذلك بفضل الإشارات الأحادية. المنظور والظل والحجم النسبي وتدرجات الملمس تخبر عقلك بمعلومات مهمة حول العمق.

يعمل تصميم خرائط التزيح بسبب كيفية إدراك الدماغ البشري للعمق. أثناء تحركك، تتحرك الأجسام الأقرب أكثر من الأجسام البعيدة. يستخدم تصميم خرائط التزيح هذا المبدأ لجعل ملمس العناصر يتغير استجابةً لزاوية رؤيتك، مما يحاكي العمق الذي يتوقعه عقلك أن يراه.

على سبيل المثال، عند ركوب السيارة، تبدو الأشجار القريبة وكأنها تمر بسرعة، بينما تتحرك الجبال البعيدة ببطء. يمنحك هذا الاختلاف في الحركة إحساسًا بالعمق. يُحاكي تصميم خرائط التزيح هذا التجربة من خلال جعل التفاصيل القريبة تتحرك بشكل أكبر قليلاً، مما يعطي وهم العمق على سطح مسطح.

ملمس التزيح.

يُسمى أيضًا ملمس التزيح بخرائط الارتفاع أو الإزاحة. هذه صور ذات تدرج رمادي حيث تمثل ظلال اللون الرمادي ارتفاع تفاصيل السطح. الظل الفاتح مخصص للمناطق المرتفعة، بينما الظلال الداكنة مخصصة للمناطق السفلية.

يتيح هذا الملمس إمكانية إضافة عمق إلى الأسطح المسطحة دون إضافة المزيد من المضلعات. وهذا يجعل الصور المرئية أكثر واقعية دون المساس بالسرعة أو أوقات التحميل.

يستخدم تصميم خرائط التزيح موادًا للإشارة إلى كيفية تغيير كل جزء من المادة الرئيسية بناءً على زاوية المشاهد. تفسر خوارزمية الخريطة قيم التدرج الرمادي لملمس التزيح لتصميم صورة أكثر واقعية.

تصميم ملمس التزيح.

لإنشاء ملمس التزيح:

  1. ابدأ بصورة أولية. هذه صورة ذات ملمس مسطح للسطح الذي تريد تكراره، مثل الطوب أو البلاط أو الحجر.
  2. حدد الإرتفاع. تصور أي أجزاء من الملمس مرتفعة أو غائرة.
  3. ارسمها بالتدرج الرمادي. استخدم محرر رسومات لطلاء المناطق بظلال من اللون الرمادي - فاتح للمناطق المرتفعة وأغمق للمناطق الغائرة.
  4. حسّن التصميم. تمكن من تشويش الملمس وتباينه لإجراء انتقالات أكثر سلاسة بين جميع المناطق.

لا تحتاج إلى القيام بذلك يدويًا أيضًا. Adobe Photoshop يأتي مزودًا بأدوات لتصميم الصور ذات التدرج الرمادي وتحسينها. Adobe Substance 3D هي أداة أكثر تقدمًا لتصميم ملمس التزيح ببضع نقرات فقط.

أساليب تصميم خريطة التزيح.

كيف يعمل تصميم خريطة التزيح.

يعمل تصميم خرائط التزيح على عدة مبادئ أساسية:

  • إزاحة الملمس. يعمل تصميم خرائط التزيح عن طريق موازنة إحداثيات الملمس. إنه يتغير حيث تعتمد عينات الملمس على منظور المشاهد لخلق وهم العمق.
  • خرائط الارتفاع والإزاحة. يستخدم تصميم خرائط التزيح خريطة ذات تدرج رمادي لتوجيه درجة إزاحة الملمس.
  • زاوية العرض. يتغير تأثير تصميم خرائط التزيح بناءً على الزاوية التي تشاهد فيها السطح. مع تغير الزاوية، يتم ضبط الإزاحة لمحاكاة سطح ثلاثي الأبعاد.

تخيل أنك تنظر إلى كتاب مفتوح. تمثل ملمس كل صفحة طبقة من العمق. سترى كل صفحة بوضوح إذا نظرت مباشرة إلى الكتاب بزاوية 90 درجة. لكن إذا قمت بإمالة الكتاب، فإن الصفحات الأقرب إليك ستغطي الصفحات الأبعد. يحاكي تصميم خرائط التزيح هذا التأثير على الملمس ثنائي الأبعاد باستخدام خريطة الارتفاع لتحديد الملمس الأقرب أو البعيد عنك.

دليل تصميم خرائط التزيح خطوة بخطوة.

يعد تصميم خرائط التزيح تقنية متقدمة، ولكن أدوات مثل Substance 3D تجعل الأمر سهلاً. اتبع هذه النصائح للعمل كمبتدئ:

  • بدأ بتجربة ملمس. يمكن أن يكون هذا جدارًا من الطوب أو مسارًا مرصوفًا بالحصى أو أرضية من البلاط.
  • تصميم خريطة الارتفاع. استخدم برنامجًا مثل Photoshop لتحويل الملمس إلى تدرج رمادي.
  • استخدم محرك الرسومات. تدعم معظم محركات الرسومات، مثل Unity، تصميم خرائط التزيح. استورد الملمس الرئيسي وخريطة الارتفاع.
  • طبّق أداة التظليل في تصميم خرائط التزيح. عيّن أداة تظليل أو مواد لإضافة تصميم خريطة التزيح إلى الملمس الخاص بك وربطه بخريطة الارتفاع الخاصة بك.
  • اضبط المعلّمات. اضبط شدة تأثير التزيح للحصول على وهم العمق المطلوب.
  • استكشف الزوايا المختلفة. حرك الكاميرا لترى كيف يتم ضبط الملمس أثناء تغيير الزوايا.

هذه نصائح سريعة للبدء، ولكن لا تخف من تجربة تصميم خرائط التزيح بنفسك.

مزايا تصميم خرائط التزيح.

هناك العديد من المزايا لتصميم خرائط التزيح، بما في ذلك:

  • تعزيز الواقعية. يمنح تصميم خرائط التزيح الصور مظهرًا ملموسًا أكثر لمحاكاة تجارب المستخدم في العالم الفعلي.
  • الانغماس العاطفي. الواقعية المحسنة لها تأثير على سرد القصص للألعاب والرسوم المتحركة، مما يجعل القصص تنبض بالحياة.
  • الأداء الأمثل. يضيف تصميم خرائط التزيح العمق عن طريق معالجة الملمس بدلاً من إضافة المزيد من المضلعات. يتم عرضه بسرعة أكبر بكثير، وهو أمر مفيد لتطبيقات الوقت الفعلي مثل ألعاب الفيديو.

التطبيقات العملية.

يعتبر تصميم خرائط التزيح مفيدًا لمجموعة متنوعة من التطبيقات، مثل:

  • ألعاب الفيديو، بما في ذلك الواقع الافتراضي
  • النماذج المعمارية
  • تصور المنتج للمصنعين وتجار التجزئة

من المسطح إلى ثلاثي الأبعاد: تصميم خرائط التزيح في Substance 3D.

لقد أحدث تصميم خرائط التزيح ثورة في كل شيء بدءًا من ألعاب الفيديو وحتى تصميم الويب. تبث هذه التقنية الحياة في التصميمات وتضيف المزيد من التفاصيل إلى الصور المسطحة ثنائية الأبعاد.

أفضل طريقة لرؤية قوة تصميم خرائط التزيح هي تجربتها في تصميماتك الخاصة. جرّب Adobe Substance 3D لتصميم رسومات مذهلة ومعقدة تقفز من الشاشة.

الأسئلة الشائعة

ما هو الفرق بين تصميم خرائط النتوءات والتزيح؟

كلا التقنيتين تحاكيان العمق على السطح دون إضافة هندسة إضافية. ومع ذلك، يستخدم تصميم خرائط النتوءات خرائط النتوءات ذات التدرج الرمادي لمحاكاة الارتفاعات والانخفاضات في الملمس، مما يؤثر على كيفية عكس الضوء. تظهر خريطة النتوءات مسطحة عندما تنظر إليها من زاوية.

يذهب تصميم خرائط التزيح إلى أبعد من ذلك من خلال موازنة إحداثيات الملمس بناءً على منظور المشاهد. وهذا يعطي المزيد من العمق للملمس.

ما هو الفرق بين خريطة النواظم (Normal map) وخريطة التزيح (Parallax map)؟

تستخدم خريطة النواظم (Normal map) ألوان RGB لتمثيل اتجاه قيم النواظم (Normal) على السطح. أنه يوهم بسطح معقد. خريطة التزيح (Parallax map) هي صورة ذات تدرج رمادي تمثل ارتفاع تفاصيل السطح.

ما الذي يفعله تصميم خرائط تظليل التزيح (Parallax occlusion map)؟

يحاكي تصميم خرائط تظليل التزيح (Parallax occlusion map) التظليل الذاتي على السطح لخلق وهم واقعي بالعمق. فهو يتتبع الأشعة القادمة من المشاهد من خلال خريطة الارتفاع حتى تصل إلى السطح، مما يجعل من الممكن عرض التفاصيل على السطح.

هل يؤثر التزيح (Parallax) على الأداء؟

نعم. إنه أكثر كفاءة من إضافة المضلعات ولكنه لا يزال يتطلب طاقة حاسوبية أكبر من الملمس العادي. تصميم خرائط التزيح (Parallax map) الأساسي له تأثير بسيط على الأداء، لكن التقنيات الأكثر تقدمًا مثل تصميم خرائط التظليل (Occlusion map) تتطلب المزيد من موارد الحوسبة.

https://main--cc--adobecom.hlx.page/cc-shared/fragments/products/substance3d/bottom-blade-cta-s3d-collection