البحث في الموقع

سننشئ في هذا المقال لافتة نيون بسيطة، حيث سنطبّق طريقةً بسيطة جدًا لإنشاء هذا التأثير، لكن يوصى باستخدام إما برنامج إنكسكيب Inkscape أو جيمب GIMP (أو مزيج من الاثنين معًا) للحصول على نتائج أكثر احترافية. التقنيات المحددة المستخدمة إنشاء ألوان جديدة. تحويل النص إلى مخططات تفصيلية Outlines. إنشاء وإدارة الطبقات. إنشاء نمط خط جديد وتطبيقه على شكل. تحويل Transforming الشكل عن طريق إعادة التحجيم Re-scaling. استخدام تعتيم Opacity الطبقة. يمكن لأي شخص لديه فهم جيد لأساسيات سكريبوس تطبيق هذه الخطوات بسهولة. الإعداد الخط Font ستحتاج إلى الخط Dosis Bold الذي يمكنك تنزيله مجانًا، فإذا استخدمت الخط Dosis Bold، فستجد أن الخط المستدير ذو السماكة المتوسطة أفضل. ستميل بعض الخطوط السميكة إلى إفساد التأثير، وتسبب الخطوط الرفيعة أيضًا إفساد الأشياء ولكن بطريقة مختلفة، كما تميل الخطوط ذات الزوايا إلى أن تبدو غريبةً بعض الشيء، لكن لا تتردد في تجربتها ومشاهدة الفرق. الألوان افتح برنامج سكريبوس وأنشئ مستندًا فارغًا جديدًا (استخدم القياس A4 Portrait). ستحتاج أولًا إلى إعداد ألوان اللافتة. يجب أن يكون لديك بالفعل اللونان الأبيض والأسود في لافتتك ولكننا سنحتاج إلى ثلاثة ألوان أخرى. اختر قائمة تحرير Edit ثم الألوان والتعبئة Colors. اضغط على جديد New أو إضافة. أدخل اسم اللون "Neon Red 1". حدّد "CMYK" نمطًا للألوان. اضبط قيم CMYK على النحو التالي: C 0% وM 50% وY 12% وK 0%. اضغط على "موافق OK" لإنشاء اللون الجديد. كرّر ما سبق للون "Neon Red 2" الذي قيمه هي: C 0% وM 68% وY 25% وK 0%، واللون "Neon Red 3" الذي قيمه هي: C 0% وM 95% وY 83% وK 0%. اضغط على موافق OK عند إنشاء الألوان الثلاثة الجديدة. يوضّح الشكل التالي كل الألوان التي ستحتاج إليها: الخلفية يجب الآن رسم خلفية داكنة، وهنا سنستخدم اللون الأسود الكلاسيكي، ولكن يمكنك استخدام اللون الذي تريده. اختر قائمة إدراج Insert ثم شكّل Insert Shape، ثم أشكال افتراضية Default Shapes، ثم مستطيل Rectangle. ارسم مستطيلًا من أعلى يسار الصفحة إلى منتصف الجانب الأيمن. اذهب إلى نافذة خصائص Properties ثم اختر تبويب "ألوان ‎"Colors واجعل لون التعبئة أسود. النص الأساسي أنشئ إطار نص بعرض الصفحة وحوالي ربع ارتفاع الصفحة تحت المستطيل الأسود حتى تتمكن من رؤية ما تفعله، وهذا يضمن أن الإطار كبير بما يكفي ليناسب النص الكبير. انقر نقرًا مزدوجًا على إطار النص وأدخِل كلمة "NEON" (بدون علامات الاقتباس) في الإطار. انقر في مكان ما خارج إطار النص ثم أعد تحديده. انتقل إلى نافذة خصائص Properties ثم اختر تبويب نص Text، أو من نافذة خصائص المحتوى، ثم اختر نص Text في الإصدار 1.5.7 من برنامج سكريبوس. بعد ذلك حدّد الخط "Dosis Bold" أو أيًا كان الخط الذي تستخدمه. اضبط حجم الخط على القيمة 140 نقطة أو أي حجم تريده، ولكن اجعله كبيرًا جدًا. تحويل النص اختر قائمة عنصر ثم تحويل لـ Convert To، ثم مخططات تفصيلية Outlines. أعد تحديد النص واختر قائمة عنصر ثم التجميع، ثم اختر فك التجميع Ungroup. اختر قائمة عنصر ثم أدوات المسار، بعد ذلك اختر ادمج المضلعات Combine Polygons. بهذا يكون قد أصبح النص الآن شكلًا واحدًا ويمكن تعديله بسهولة، حيث يجب أن يكون لديك شيء يشبه الشكل التالي: إضافة طبقة جديدة اختر قائمة نوافذ Windows ثم الطبقات Layers. اضغط على أيقونة "+" (أسفل مربع الحوار) لإنشاء طبقة جديدة. انقر نقرًا مزدوجًا على اسم الطبقة الجديدة وأعد تسميتها بالاسم "Sign" (بدون علامات الاقتباس). انقر على طبقة "الخلفية Background" في مربع الحوار. حدّد النص المحوَّل. انقر بزر الفأرة الأيمن واختر القائمة "أرسل إلى الطبقة ‎"Send to Layer، ثم اختر Sign. انقر على طبقة "Sign" في نافذة Layers. وبذلك سيُنقَل النص الذي ستستخدمه إلى طبقة Sign (ستعرف الغرض من هذه الخطوة لاحقًا). تأثير النيون يجب الآن إنشاء التأثير الذي ستستخدمه لتشكيل تأثير النيون، لذلك سنستخدم نمط الخط Line Style. اختر قائمة تحرير Edit ثم أنماط Styles. اضغط على جديد New وحدد "نمط الخط Line Style" من القائمة. أعِد تسمية النمط باسم "Red Neon" أو أي شيء تريده، ولكن اجعله مناسبًا لغرضه. يجب بعد ذلك إنشاء الخطوط المختلفة التي ستشكل نمط خطك الجديد، وذلك باتباع الآتي: اضغط على أيقونة "+" (أسفل اسم النمط مباشرةً)، إذ سيؤدي ذلك إلى إنشاء خط جديد داخل النمط. اضغط على رمز "+" مرتين أيضًا حتى تتشكل لديك أربعة خطوط. انقر على أعلى خط. غيّر الخيار "حرف استهلالي مسطح Flat Cap" الموجود على يسار قائمة الخطوط، إلى "مستدير Round Cap". غيّر الخيار "وصلة مائلة Mitre Join" إلى "وصلة مستديرة Round Join". زِد عرض الخط إلى 9 نقاط، ولاحظ كيف يعيد برنامج سكريبوس ترتيب الخطوط. غيّر اللون إلى "Neon Red 3" وهو اللون الأحمر الداكن. بهذا تكون قد ضبطت أحد الخطوط، وتبقّى عليك أن تطبّق الخطوات نفسها على الخطوط الأخرى كالآتي: حدد الخط العلوي مرةً أخرى (إنه مختلف عن الخط الأخير الذي عدّلناه للتو). غيّر الحرف الاستهلالي Cap والوصلة Join إلى "مستدير Round". زِد العرض إلى 7 نقاط (أصغر قليلًا من الخط الأخير). غيّر اللون إلى "Neon Red 2" (ثاني أغمق لون). حدد الخط العلوي مرةً أخرى، وغيّر الحرف الاستهلالي والوصلة إلى "مستدير"، ثم زِد العرض إلى 5 نقاط، مع تغيير اللون إلى "Neon Red 1". حدّد الخط العلوي مرةً أخرى، وغيّر الحرف الاستهلالي والوصلة إلى "مستدير"، مع زيادة العرض إلى 3 نقاط، ثم غيّر اللون إلى "اللون الأبيض White". وبذلك تكون قد أنشأت نمط الخط الجديد الخاص بك كما يوضّح الشكل التالي: اضغط على "تطبيق Apply" ثم على "اكتمل Done"، ويمكنك أيضًا إغلاق مربع حوار مدير الأنماط Style Manager. بهذا يكون قد حان الوقت الآن لتطبيق نمط الخط الجديد على النص المحوَّل. تطبيق النمط حدد النص المحوَّل. حدّد نمط الخط الجديد "Red Neon" في تبويب خط Line من نافذة خصائص Properties. سيبدو كل شيء جيدًا حتى الآن، لكننا لم تنتهِ بعد، إذ عليك اتخاذ الخطوات الموالية: اضبط لون التعبئة على "لا شيء None" في تبويب ألوان Colours من نافذة Properties، فهذا يضمن أنه يمكنك استخدام النص فوق أي خلفية، وليس فقط فوق المستطيل الأسود الذي نستخدمه حاليًا. اسحب النص إلى منتصف المستطيل الأسود الذي تستخدمه خلفيةً. إذا تساءلت عن سبب ضبط الحروف الاستهلالية والوصلات على الخيار "مستدير Round" سابقًا، فلاحظ الفرق في الشكل التالي: الانعكاس Reflection افتح نافذة الطبقات Layers من قائمة نوافذ Windows. انقر على أيقونة "+" لإنشاء طبقة جديدة أخرى. انقر نقرًا مزدوجًا على اسم الطبقة الجديد وأعد تسميتها إلى "Reflection". لاحظ أن طبقة "Reflection" الجديدة فوق طبقة "Sign"، لكننا نريدها تحتها. حدّد طبقة "Reflection"، ثم اضغط على أيقونة "السهم للأسفل Down Arrow"، حيث سيؤدي ذلك إلى تحريك الطبقة الجديدة إلى أسفل أو خلف الطبقة التي عليها اللافتة sign. حدد الطبقة "Sign". حدّد النص واختر قائمة عنصر Item ثم مضاعفة/تحويل، بعد ذلك اختر نسخ مطابق Duplicate. حدّد النسخة الجديدة، ثم انقر بزر الفأرة الأيمن واختر الخيار أرسل إلى الطبقة Send to Layer، بعدها اختر طبقة "Reflection". حدّد الطبقة "Reflection". حدد النص المكرَّر. اختر قائمة عنصر ثم مضاعفة/تحويل ثم اختر تحويل Transform. اضغط على زر إضافة Add وحدّد الخيار "تحجيم Scaling" من القائمة. تأكد من أن رمز "الارتباط linked" في الجانب الأيسر من مربع الحوار كما في الشكل التالي مفعَّل، حيث تكون روابط السلسلة مرتبطةً ببعضها البعض. وإن لم يكن مفعَّلًا، فما عليك إلّا النقر عليه. أنقِص أيًا من عاملي التحجيم إلى القيمة 93%، وسيتغير العامل الآخر تلقائيًا أيضًا. انقر على موافق OK. اسحب يدويًا النص الأصغر خلف النص الأصلي مع توسيطه عموديًا، ولكن أعلى بقليل من النص الأصلي. سيبدو الأمر غريبًا بعض الشيء حاليًا، و لكن لا بأس فهناك خطوة أخرى. اضبط "عتمة Opacity" الطبقة Reflection على القيمة 50% في نافذة الطبقات. يجب أن تكون لافتتك مكتملةً الآن مع انعكاس زجاج غير مرئي، ولكن قد تحتاج إلى تحريك بعض الأشياء حتى تحصل على التأثير الذي يناسبك. هذا كل شيء، ولكن يمكنك تجربة خطوط وألوان مختلفة. مثال تطبيقي طبّق الخطوات التالية لتحصل على الشكل التالي: نزّل الصورة التي سنستخدمها خلفيةً في هذا المثال. سنستخدم الخط "Santa Fe LET". يجب تعديل تباعد الأحرف لتفادي تداخلها. أنشئ مجموعةً من الألوان الزرقاء للدائرة. تحتاج الدائرة إلى قدر كبير من التعديل، لهذا جرّب استخدام "عمليات المسار Path Operations" مثل القص باستخدام المستطيلات بدلًا من تعديل الدائرة مباشرةً. يجب تدوير كل النص بمقدار 10 درجات، أو يمكنك تدويره قبل تعديل الدائرة. ترجمة -وبتصرّف- للمقال How to create a neon sign. اقرأ أيضًا كيفية إنشاء التأثير Distressing Mask في برنامج سكريبوس لإنتاج تأثيرات تعبئة جذابة كيفية إنشاء أشكال معقدة ذات زوايا دائرية في برنامج سكريبوس Scribus كيفية إنشاء الظلال في برنامج سكريبوس Scribus خطوات تطوير شعار باستخدام برنامج سكريبوس Scribus

شاهدت مؤخرًا العديد من التصاميم ثلاثية الأبعاد للافتات نيون إعلانية تم تصميمها باستخدام برامج التصميم ثلاثي الأبعاد. أميل أكثر للتّصاميم ثنائية الأبعاد لذلك أريد أن أنتج تأثير نيون مشابه باستخدام الإليستريتور وفوتوشوب ولكن مع إضافة الحركة بواسطة صيغة GIF المتحركة. اتبع هذا الدرس لتتعلم عملية تصميم لافتة إعلانية لكوكب البيتزا مُستخدمًا أدوات فكتور الإليستريتور لإنشاء التصميم الأوّلي للافتة ثم فوتوشوب لإضفاء الحيوية على التصميم عبر أنماط الطبقات المتنوعة وتشكيل الحركة للملف. تأثير لافتة النيون سيتم إنشاؤه في الفوتوشوب باستخدام أنماط الطبقات عبر إنشاء توهجات نيون ملوّنة كما سيكون هناك طبقة قاتمة تكون عند إطفاء الأنوار والتي ستُضاف في إطار أثناء سير الحركة للملف لإضفاء الشعور بالواقعية على التأثير. لافتات النيون تعتمد على الأنابيب المنحنية لتشكيل أشكال التصميم لذلك سنستخدم الإليستريتور لصياغة مسارات فكتور بحيث لا تتقاطع الخطوط مع بعضها. افتح برنامج الإليستريتور وابدأ ملفًّا جديدًا. ارسم دائرة على لوح الرسم باستخدام أداة القطع الناقص Ellipse tool، ثم ألغِ لون التعبئة واترك فقط الحدود السوداء ظاهرة. غيّر إعدادات الحدود إلى 5pt مع نهايات مستديرة وزوايا مستديرة أيضًا. استخدم أداة النص Type tool لإضافة أي نص إلى لافتة النيون. أنا استخدمت خطًّا اسمه Darwin لكتابة Pizza Planet. اضبط حجم النص ليتوسط الدائرة ويتقاطع مع حدودها الخارجية ثم أمِلهُ بزاوية -10 درجة عموديًّا من القائمة: Object > Transform > Shear option ألغِ لون التعبئة للنص وأضف حدودًا سوداء مستخدمًا ذات الحجم 5pt مع النهايات المستديرة والزوايا المستديرة أيضًا. بالزر الأيمن اختر Convert to Outlines. ارسم دائرة صغيرة وقصّ المسار باستخدام أداة المقص Scissors tool في الجزء العلوي الأيسر. استخدم أداة التحديد المباشر Direct Selection tool لحذف المسار من النقطة السفلية إلى هذا القطع الجديد. اصنع نسخًا عديدة من هذا الشكل الأخير مع تعديل أحجامها وذلك لتعبئة المساحات الفارغة داخل الدائرة لتكوين فوهات وفتحات الكوكب. حدّد الدائرة الرئيسية للكوكب وانسخها CMD+C ثم ألصقها في المقدمة CMD+F. استمر بالضغط على ALT أثناء تمديد وضغط الشكل لتشكيل الحلقة حول الكوكب. ضاعف هذا الشكل الأخير وصغّر حجمه قليلًا بشكل يوازي الأصلي. ارسم شكلًا بيضويًّا في مكان ما على لوح الرسم ثم اسحب النقطة العلوية للأعلى باستخدام أداة التحديد المباشر Direct Selection tool لتمديد الشكل. استخدم أداة Convert Anchor Point tool الموجودة ضمن أدوات القلم لإزالة مقابض البيزير وترك النقطة حادة. أضف دوائر أخرى إلى الشكل لبناء شكل صاروخ بسيط. استخدم لوحة المحاذاة Align panel لتوسيط جميع العناصر مع جعل شكل جسم الصاروخ العنصر المفتاح عبر منحه نقرة إضافية. اصنع نسختين من الصاروخ وعدّل حجمها ودوّر كل صاروخ وضعهُ في موقعه في مدارٍ حول الكوكب مع جعلها أكبر في كل مرّة. التصميم يحوي العديد من المسارات المتداخلة فوق بعضها لذلك دعونا ننشئ المزيد من نماذج أنماط لافتة النيون. حدّد دائرة الكوكب الرئيسية ثم اذهب للقائمة: Object > Path > Offset Path ثم أدخل القيمة 3mm. انقر بالزر الأيمن على المسار الإضافي الجديد واختر Make Guides. تأكد من ظهور الأدلة عبر الضغط على CMD+; ومقفلة عبر الضغط على CMD+Alt+; استخدم أداة المقص Scissors tool لقص مسارات حلقات الكوكب في موقع تقاطعها مع الأدلة الجديدة. استخدم الأدلة الذكية Smart Guides عبر الضغط على CMD+U لتُسهّل عملية مطابقة هذه المنطقة. على الجانب الآخر فإن حرف P يتقاطع مع حدود الكوكب أيضًا لذلك ألغِ تجميع النص Ungroup من أجل تحديد هذا الحرف فرديًّا ثم أضف مسار إضافي بقيمة 3mm. الحرف P بشكل خاص بحاجة لخطوة إضافية من أجل إنشاء الأدلّة. انقر بالزر الأيمن ثم اختر Release Compound Path ثم احذف الجزء الداخلي قبل تحويل الخطوط الرئيسية إلى أدلّة. قص حلقات الكوكب عند تقاطعها مع المسار الإضافي لحرف P ثم احذف الأجزاء غير المرغوبة من المسارات. سنستخدم ذات التقنية في كل التصميم لإزالة جميع المسارات المتقاطعة ولكن بالنسبة للجزء السفلي من الحلقة فإن النص هو من يحتاج للتعديل للسماح للحلقة بالالتفاف حول الكوكب. ألغِ تجميع Ungroup عناصر النص الأخرى وأضف مسار إضافي للحرف الأول والأخير ثم أنشئ أدلّة من النتائج. تذكّر أن تحرر المسار المركب لحرف P ليصبح قابلًا للتحول إلى دليل. استخدم هذه الأدلة الجديدة لقص أي مسارات متداخلة مع بعضها وأزِل التداخلات في كل أنحاء التصميم. بالنسبة للمنطقة التي يتداخل فيها النص مع الحلقة سنحتاج إلى أدلة إضافية من مسارات الحلقة نفسها. استخدم أداة المقص Scissors tool لقص وحذف مناطق تواجد الحروف تحت الحلقة عبر خطوط الأدلة. من الضروري في بعض الأحيان تحرير المسارات المركبة للحروف من أجل تحديد وحذف الأجزاء غير المرغوبة من المسار. بعد إزالة جميع المسارات المتداخلة سيكون التصميم قد أخذ شكلًا أكثر واقعية كلافتة نيون. حدّد المسارات التي تُشكّل جزءًا محددًا وامنحها ألوانًا برّاقة للحدود كالأزرق، الأحمر، الأصفر والأبيض. افصل الألوان المختلفة داخل طبقاتها الخاصة عبر استخدام القائمة: Select > Same > Stroke Color ثم انسخ التحديد وألصقه في المقدمة. وضع الأجزاء التي ستكون متحركة في طبقات خاصة بها كالعناصر التي تُكَوِّن الصواريخ الثلاثة. اذهب إلى القائمة: File > Export وضع نوعية الملف PSD Photoshop وتأكّد من تفعيل خيار Write Layers. افتح الملف الذي تم تصديره من برنامج الإليستريتور في برنامج الفوتوشوب ووسِّع حجم العمل قليلًا. لوِّن الخلفية بالأسود وأضف خامة جدار الطوب. حدّد كل طبقات عناصر لافتة النيون ثم اضغط CMD+J لمضاعفتها ثم اضغط CMD+E لدمجها في طبقة واحدة. أعِد تسمية هذه الطبقة 'Off'. أضف سلسلة من أنماط الطبقة لجعل هذه الطبقة تبدو كالأنابيب بدون إضاءة، أي (تراكب لوني) Color Overlay، (توهج داخلي) Inner Glow و (الظلال) Drop Shadow. ضع هذه الطبقة أسفل جميع الطبقات بحيث لن تكون ظاهرة أثناء إضاءة العناصر وستظهر أكثر في العناصر المتحركة حيث ستنطفئ هذه العناصر عدة مرات. شَغِّل طبقة النيون الأولى عبر سلسلة من أنماط الطبقة. أضِف التوهُّج الداخلي لإضافة الأبيض البرّاق إلى المركز، والتوهُّج الخارجي لإطلاق الهالة الملونة، تليها المزيد من الظلال لتراكب التوهُّجات بأحجام مختلفة. كل هذه الأنماط للطبقات تُنتِج تأثيرًا واقعيًّا إلى حد كبير مشابهًا لإضاءة النيون وتأثيرات التوهُّج والتفاعل مع خلفية جدار الطوب. انسخ وألصق نمط الطبقة إلى الطبقة التالية ثم عدّل إعدادات التوهُّج حتى تناسب لون العنصر. وفّر الوقت عبر نسخ نمط الطبقة إلى باقي الطبقات التي تحمل ذات اللون. لافتة النيون ستبدو رائعة عند الانتهاء من وضع كافة أنماط الطبقات ولكننا سنضيف بعض الحركة على التصميم. اجمع عناصر كل صاروخ معًا بحيث سيكون من السهل تشغيل وإيقاف أي صاروخ أثناء الحركة. أظهر لوحة Timeline من قائمة Window ثم أنشئ إطار جديد New Frame Animation. في هذا الإطار الأول ستكون اللافتة متوقفة عن العمل لذلك سنُظهر فقط الطبقة الداكنة مع خلفية جدار الطوب. عدّل المدة الزمنية لهذا الإطار الأول إلى ثانية واحدة. أضف إطار جديد تظهر فيه أول طبقة نيون. لا تضف أي زمن لظهور هذا الإطار وبذلك سيظهر هذا الضوء على الفور. أضف إطارين بعدها بدون مدة زمنية لإضافة الأضواء الحمراء والزرقاء بحيث ستضيئ اللافتة تباعًا بسرعة. في الإطار التالي أظهر طبقة الصاروخ الأول مع جعل المدة الزمنية لعرض هذا الإطار ثانية واحدة. في الإطار التالي أخفِ الصاروخ الأول وأظهر الثاني لإعطاء الانطباع عن حركة الصاروخ. أضف إطار جديد للصاروخ الثالث من أجل إظهاره وإخفاء الصاروخ الثاني. ضاعف هذه الإطارات الثلاثة الأخيرة لتُطيل مدة الحركة. أو بدلًا من ذلك يمكن جعل هذه الطبقات الثلاثة تضيء باستمرار إلى ما لا نهاية بدون وجود الطبقة الأولى للافتة المتوقفة عن العمل. قم بتصدير العمل كملف GIF من خلال Save for Web أو أرسله إلى برنامج تعديل فيديو لتصنع حركة مستمرة أفضل. ترجمة -وبتصرّف- للمقال: How To Create an Animated Neon Sign Effect لصاحبه: Chris Spooner.