فن الكتاب الهزلي الرجعية: استخدام نقاط Ben Day في تصميم الويب

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

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

نقاط Ben Day و Half-Tone Dots

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

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

بن داي النقاط والكتب المصورة وروي ليختنشتاين

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

على الرغم من استخدام Roy Lichtenstein للنقاط التي تشبه نقاط Ben Day ، إلا أنها كانت مختلفة قليلاً. سيخبرك مؤرخو الفن أنه من الأنسب أن يطلق عليهم اسم "نقاط ليختنشتاين". الاختلاف الرئيسي هو أن نقاط Ben Day كانت صغيرة وعلى شبكة مربعة ، بينما كانت نقاط Lichtenstein على شبكة قطرية متوازنة وأكبر بكثير.

رصيد الصورة Radu Bercan / shutterstock.com

صعود فن الكتاب الهزلي الرجعية

أصبح فن روي ليختنشتاين مرادفًا لفن الكتاب الهزلي القديم. قام الكثير من الفنانين بنسخ تقنية ليختنشتاين. استخدم العديد من المصممين نقاط الكتاب الهزلي في إبداعاتهم لمخططات العلامات التجارية ومواد التسويق. يمكنك الآن إضافة نقاط Ben Day أو نقاط Lichtenstein إلى مواقع الويب الخاصة بك أيضًا.

قم بالتمرير لتتعلم كيفية إنشاء إبداعات نقاط Ben Day الخاصة بك. ستغطي التصميمات النهائية التي ستحققها مجموعة متنوعة من التقنيات ؛ نقاط نصف نغمة ونقاط Ben Day ونقاط Lichtenstein. الكل في الكل ، كلها مصممة على طراز الكتاب الهزلي الرجعي.

دعنا نذهب اليها.

كيفية إنشاء فن الكتاب الهزلي الرجعية باستخدام برنامج فوتوشوب

النقاط ذات الألوان النصفية شائعة جدًا لدرجة أن Photoshop يحتوي على مرشح لها ويعمل مع أي صورة. ما يفعله هذا المرشح هو تحويل الألوان في الصورة إلى نقاط. يتم التحكم في توزيع زاوية النقاط بواسطة قنوات الألوان. عند تطبيق المرشح ، تتكون صورتك الآن من نقاط سماوي وأرجواني وأصفر وسوداء. إذا قمت بتطبيق مرشح الألوان النصفية على لون نقي مثل الأحمر (# ff0000) أو الأخضر (# 00ff00) أو الأزرق (# 0000ff) ، فلن يعمل المرشح لأنه لن يكون له ألوان يمكن فصله عنها.

من أجل إنشاء نقاط Ben Day المناسبة ونقاط Lichtenstein ، تحتاج إلى Adobe Illustrator. انقر هنا للتخطي إلى الأمام.

كيفية جعل صورة تبدو وكأنها فن الكتاب الهزلي الرجعية في نصف نغمة النقاط مع فوتوشوب

1. اختر الصورة التي تريد تحويلها إلى نقاط بأسلوب الكتاب الهزلي.

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

2. قم بتكرار الطبقة مرتين وإخفاء الطبقة الأولى.

للتكرار ، أثناء تحديد الطبقة الأولى ، انقر بزر الماوس الأيمن واختر "طبقة مكررة" أو انقر فوق Command + J في نظام Mac و Ctrl + J على جهاز الكمبيوتر. أعد تسميتها حتى لا تفقد كل منها. اضبط خيار مزج الطبقة العليا على "ضوء شديد" وخفض التعتيم إلى حوالي 40٪. ستتغير الألوان بشكل كبير ، وهذا سيساعد في الحصول على المظهر المحبب للنقاط ذات الألوان النصفية.

3. اجمع الطبقتين العلويتين وقم بتحويلهما إلى كائن ذكي.

4. قم بتطبيق مرشح النقاط النصف نغمة على الكائن الذكي.

في قائمة Color Halftone settings المنبثقة ، اختر أقصى حجم للبكسل عند 13 والقنوات بدرجات متفاوتة. يمكنك اللعب بها لترى تأثيرات مختلفة.

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

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

6. استخدم التعديلات لتحويل الطبقة إلى أبيض وأسود.

اضبط عتامة طبقة الضبط على 30٪. أخيرًا ، اضبط خيارات طبقات "البحث عن الحواف" على "تراكب".

التصميم النهائي!

كيفية إنشاء خلفية فنية للكتب الهزلية الرجعية باستخدام برنامج فوتوشوب

1. ابحث عن خلفية ملونة ذات تصميم جميل أو تدرج.

افتح الصورة على لوحة معلومات Photoshop الخاصة بك وقم بتوسيطها على الشاشة.

2. افتح طبقة الخلفية ، قم بتكرارها وإخفاء الطبقة السفلية.

قم بتطبيق مرشح النقطة النصف نغمة على الطبقة العليا. اضبط المعلمات في النافذة المنبثقة لمرشح النقاط النصف نغمة لتأثيرات مختلفة

3. التصميم النهائي!

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

كما ذكرت من قبل ، فإن النقاط ذات الألوان النصفية لها أحجام مختلفة من أجل إعادة التباين في الصورة. مرشح Photoshop الذي استخدمناه أعلاه مثالي لهذا التأثير. ولكن إذا كنت ترغب في إنشاء نقاط متساوية الحجم مثل نقاط Ben-Day أو نقاط Lichtenstein ، فستحتاج إلى استخدام Adobe Illustrator وصانع النماذج المدمج. كما ذكرت أعلاه ، توجد نقاط Ben Day على شبكة مربعة ونقاط Lichtenstein على شبكة قطرية تعويض. يمكن تحقيق كلاهما باستخدام صانع النماذج في Illustrator.

كيفية إنشاء نمط نقطة بن داي باستخدام المصور

1. قم بإنشاء مشروع جديد على Illustrator.

الحجم لا يهم حقًا. استخدمنا 600 × 350 بكسل.

2. حدد أداة Rounded Rectangle Tool.

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

3. انقر فوق "كائن" في شريط القائمة العلوي وحدد "نمط" ثم "صنع".

4. اضبط التفضيلات بحيث تكون النقاط على شبكة مربعة.

هذه هي التفضيلات التي يجب أن تختارها:

• حدد نوع التجانب للشبكة
• تحقق من حجم البلاط للفن
• اضبط التباعد H والتباعد V على 15 بكسل × 15 بكسل
• حدد نسخ إلى 9 × 9

عندما ترى النمط مثل الصورة أدناه ، انقر فوق تم. سيؤدي هذا إلى حفظ النمط تلقائيًا في لوحة Swatches.

كيفية إنشاء نمط نقطي ليشتنشتاين باستخدام المصور

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

كيفية إضافة أنماط فن الكتاب الهزلي الرجعية إلى الأشكال

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

1. في لوحة Swatches ، حدد كلا من الأنماط الجديدة التي أنشأناها.

انقر على أيقونة مكتبة Swatches واختر "Save Swatches". قم بتسمية Swatches "Retro Comic Book Pattern" الجديد وانقر فوق "موافق".

2. عندما تقوم بإنشاء مشروع جديد وترغب في استخدام هذه الأنماط ، انتقل إلى لوحة Swatches.

لن ترى حواملنا الجديدة هناك ، لذلك تحتاج إلى استيرادها. مرة أخرى انقر فوق رمز مكتبة Swatches وانتقل لأسفل إلى "تحديد المستخدم" ثم "Retro Comic Book Pattern". سيتم فتح نافذة جديدة مع عينات الألوان والألوان العادية مع تضمين أنماط الكتاب الهزلي. الآن أصبحوا جاهزين للاستخدام على أي شكل تريده.

3. قم بإنشاء شكل جديد واملأه بأحد الأنماط.

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

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

• زي موحد: 10٪
• في الخيارات: تحقق من أنماط التحويل

جرب معلمات مختلفة للخيار "الموحد" للحصول على أحجام مختلفة من النقاط.

4. لإنشاء شكل نجمة بأسلوب Retro Comic Book Style ، أنشئ مشروعًا جديدًا بدقة 1000 بكسل × 1000 بكسل.

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

أفكار لاستخدام فن الكتاب الهزلي الرجعية في تصميم الويب

يبدو أن اتجاه فن الكتاب الهزلي آخذ في الارتفاع. بالطبع ، لن تستفيد جميع العلامات التجارية من هذا النمط من الإبداع. من أجل العلامات التجارية المرحة والمحبة للألوان ، تعد Ben Day dots ورسومات Lichtenstein مثالية لاستنشاق الهواء النقي. أفضل استخدام لنمط النقاط في الكتاب الهزلي هو كخلفية ، إما فوق لون آخر أو بدونه. وبالمثل ، حاول استخدام فقاعات الكلام الكبيرة كفواصل أو علامات تعجب بأسلوب الكتاب الهزلي مع المحتوى الخاص بك. يمكنك إنشاء صورك الخاصة باستخدام البرامج التعليمية أعلاه أو الحصول على بعض الصور المصممة بالفعل من Freepik.

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

استنتاج

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