تجعل القوام موقعًا إلكترونيًا ملموسًا.

إنهم يعطون المحتوى علاقة بالعالم المادي ، وإحساس بالمكان ، وحقيقة يمكن أن يرتبط بها الناس.

لسوء الحظ ، فإن محاكاة القوام الفيزيائي ليست بسيطة مثل التقاط صورة أو تشغيل بعض فلاتر Photoshop.

على المرء أن يمزج ضوضاء عشوائية وأنماط معترف بها ، ويكافح من أجل التشابهات بدلاً من التكرار الصافي.

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

الشعور باللمس عبر البصر

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

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

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

القوام الطبيعية لها مقياس من العشوائية

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

عينات من أنماط البلاط

أعلاه ، عينات من أنماط البلاط.


على الجانب الآخر ، القوام القائم على الضوضاء يجسد عشوائية ثابتة. إنها سهلة الإنشاء - يحتوي Photoshop على فلتر "Add Noise" الخاص به - ويسهل عملية التجانب لأنه يفتقر إلى أي ميزات تبدو غريبة عند قطعها.

عينات من الضوضاء المبلطة

أعلاه ، عينات من القوام صاخبة.


تجلس الأنسجة الطبيعية في مكان ما بين الأنماط العادية والضوضاء العشوائية.

رسم تخطيطي يوضح أنماط خلط الصور والضوضاء

أعلاه ، مجموعة من القوام يمزج الأنماط والضوضاء بدرجات متفاوتة.


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

تحتوي القوام "العضوي" على التركيبة الصحيحة من الضوضاء والنمط.

الفوضى العقلانية ، الضوضاء المنظمة

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

ضجيج الملمس هو ما يجعل الأسطح الطبيعية تبدو طبيعية. لكنها ليست ببساطة ثابتة. بدلا من ذلك ، يوازن ضجيج الملمس الفوضى والنظام.

مخطط يوضح ترتيبات مختلفة من نفس الشكل

أعلاه ، شكل هندسي واحد يتكرر عدة مرات يخلق نمطًا. على اليسار ، يختلف الشكل في الموضع فقط: فالصفوف ليست متساوية.

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

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

رسم بياني يوضح مميزات مميزة من ثلاث مواد

وفوق ذلك ، تُظهِر القوام الواقعي ضوضاء وتكرارًا. يحتوي الخيش والغرانيت الوردي وورق الشمع على أنماط "منتظمة غير منتظمة" خاصة به ، لكن كل منها ما زال مختلفًا عن الأنماط الأخرى.

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

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

رسم بياني يوضح مميزات مميزة من ثلاث مواد

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

عمق ومجموعة التباين من Murmurs لصراخ

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

تصميم موقع على شبكة الإنترنت مع خلفية بصوت عال

سيزيد المظهر الصراخ في الخلفية حجم المحتوى نفسه. في أي نقطة هو بصوت عال جدا؟ هذا يعتمد على قوة المحتوى وتصرف الجمهور.

إذا كان الملمس الصاخب يناسب الموضوع ، فإنه يساهم في المزاج. ولكن إذا كان يتداخل مع قابلية القراءة ، عندها لديك مشكلة.

مثال على النص فوق الملمس الصاخب

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

مثال على خلط النص مع بنية عالية

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

مثال على حافة النسيج الذي يعكس النسيج نفسه

القوام التي تصبح واضحة مع مصادر الضوء

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

مثال على الأسطح اللامعة

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

البقعة الحلوة بين الأحرف وحجم الملف

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

مثال على أحجام البلاط المختلفة

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

حل آخر هو جعل الأشكال في البلاط الفردية أصغر.

على سبيل المثال القوام بميزات أحجام مختلفة

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

خلاصة القول ، يجب أن القوام الطبيعية:

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

كيف نفعل كل هذا؟

خلق القوام في فوتوشوب

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

1. قم بإنشاء مستند Photoshop جديد بخلفية بيضاء. في هذا المثال ، سنجعله 600 × 300 بكسل.

2. املأ الخلفية بالأسود.

3. رسم ضربات بيضاء عشوائية مدببة في نفس الاتجاه العام. في هذا المثال ، نحن نستخدم فرشاة بسيطة ذات حواف. سوف نصائح مختلفة فرشاة خلق نتائج مختلفة.
الخطوه 3

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

5. اذهب إلى Filter> Noise> Add Noise ، وأضف ثابتًا وفقًا لذوقك. ثم تصفية> آخر> تمريرة عالية . معا ، هذه إضافة نغمات أكثر رمادية (حيوية للخطوة 6) وقليلا من الحصباء.
الخطوة 5

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

الخطوة 6
أعلاه ، نتيجة تطبيق خريطة التدرج البني والأصفر.

7. قطع جزء مثير للاهتمام من الملمس. حاول عدم استخدام أكثر من نصف الصورة بأكملها. سنستخدم الباقي قريبا.
ا & قتصاص

8. هام: احفظ المربع المُقسم كملف منفصل. ستحتاج إلى الملف الأصلي لاحقًا.

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

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

جعل البلاط سلس

المظهر الطبيعي أم لا ، يجب أن تكون معظم القوام وأنماط سلس. بمعنى ، لا يجب أن يتمكن الزوار من رؤية حواف التجانب المكررة. كيف نفعل ذلك؟ يوفر البلاط نفسه الحل.

مخطط يوضح كيفية تبديل الجانبين

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

رسم بياني يوضح كيفية استبدال الدرز في المنتصف

10. يأتي هذا المربع المربع من صورة أكبر. أعلاه ، يتم تعبئة الانقسام في البلاط بمواد من الصورة الكاملة. كرر الخطوة 8 لإصلاح التماس الأفقي (في أعلى وأسفل الصورة).

العقار النهائي

يحتوي النسيج البسيط الذي تم إنشاؤه أعلاه على عيب صارخ: لأنه صُمم لإثبات العملية ، وخصائصها تتكرر بشكل متكرر للغاية.

عادة ما تكون خصائص النسيج الطبيعي أقل من عُشر البلاط بأكمله. ويعني ذلك ، بالنسبة للبلاط الذي يساوي 500 × 100 بيكسل ، أن أكبر تجاعيد أو ريل أو علامة أخرى يمكن أن تقيس 50 × 10 بكسل أو أقل.

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


مكتوبة حصريًا لموقع Webdesigner Depot by Ben Gremillion. بن هو حر مصمم على شبكة الإنترنت الذي يحل مشاكل التواصل مع تصميم أفضل.

كيف تقوم بصنع مواد طبيعية المظهر؟ شارك أفكارك في التعليقات أدناه.