لوحة المتصدرين

للأوسمة التي نستخدمها في التصاميم العديد من النماذج، تبعا لنوع التصميم الذي سنستخدمه، سنتعرف على طريقة تصميم نموذجين منها في هذا المقال، ويمكن أن نسمي النموذج الأول بالوسام المسطح، والنموذج الآخر بالوسام الذهبي. خطوات تصميم الوسام المسطح بعد اختيار أداة النجمة والمضلع Stars and polygons من شريط الأدوات سنختار من الشريط العلوي للأداة شكل النجمة، وسنضع في الخانات القيم التالية: Corners : 46 Spoke ratio : 0.919 Rounded : 0.170 Randomized : 0.000 ويمكنك استخدام القيم التي تفضلها، مع ملاحظة وجود عقدتين أسفل الشكل يمكن عن طريقها عمل المزيد من التلاعب بالشكل من حيث تغيير اتجاه الزوايا أو زيادة عمقها. بعد وصولنا للشكل المطلوب يمكننا تغيير لونه عن طريق لوحة التعبئة والحدود Fill and stroke ويمكننا تغيير حجمه عن طريق أسهم التحجيم والتحديد مع الضغط على Ctrl+Shift أثناء ذلك للمحافظة على التناسب بين الطول والعرض. نرسم دائرة بحجم مقارب للنجمة، ونلونها باللون الذي نرغب به، ثم نحاذيها بعد اختيارها ثم اختيار النجمة عاموديا وأفقيا. نكرر الدائرة ثم نصغرها مع الضغط على Ctrl+Shift أثناء التصغير ومن لوحة التعبئة والحدود نزيل تعبئة اللون من تبويب التعبئة Fill بالضغط على علامة X ثم ننتقل لتبويب رسم الحدود Stroke paint لوضع الحدود، ثم من تبويب سمة الحد Stoke style سنجعل عرض الحد width بقيمة 3 . نعيد تكرار الدائرة المكررة وتصغيرها مع الضغط على Ctrl+Shift إلا أنا سنجعل قيمة عرض الحد أقل من سابقه، وقد جعلناه هنا 1.500. من شريط الأدوات نختار أداة النص Text tool، ثم من قائمة Text في الشريط العلوي نختار لوحة النص والخط Text and font وستظهر لنا اللوحة على يمين الشاشة، نختار منها الخط والحجم الذي نرغب به، حيث سيظهر لنا الشكل في أسفل اللوحة، نختار Apply من أسفل اللوحة للتطبيق. حول النص إلى مسار عن طريق تحديده ثم من قائمة المسارات Path اختر Object to path ثم فك تجميع النص بالضغط على الزر الأيمن ثم Ungroup ثم عد للقائمة Path بعد التأكد من كون جميع الحروف ما زالت محددة واختر Union؛ وغرضنا من هذه الخطوات هو جعل الكلمة ككائن واحد. أزل تعبئة الشكل من لوحة التعبئة وأضف للنص حدا ولونه بنفس لون النجمة ومن لوحة سمة الحد اختر العرض الذي تريده. سنرسم شريطة حول الشعار عن طريق أداة الرسم المنحني Bezier حيث سنرسم خطا بزوايا على شكل حرف z معكوس في طرفيه، بالشكل الذي نرغب أن يبدو عليه شكل واتجاه الشريطة. اختر أداة التحرير Node tool ثم حدد جميع عقد الشكل ومن الشريط العلوي اختر Make selected nodes smooth لجعل الشريطة بحواف ناعمة مستديرة، ولضبط استدارتها سنحرك أذرع العقد Node handles. بعد حصولنا على الاستدارة المناسبة لزوايا الخط يمكننا من أسهم التحريك والتحجيم أن نصغر الشكل أو نقلل عرضه. من الشريط العلوي نختار من القائمة Extensions خيار Generate from path ثم نختار منه الأمر Motion. سنظهر لنا نافذة صغيرة، نضع في خانة الحجم Magnitude القيمة 80 ونضع في خانة الزاوية Angle القيمة 90 ونتأكد من وجود علامة (صح) عند عبارة Live preview ليظهر لنا التأثير بشكل مباشر، ثم نضغط على Apply للتطبيق ونغلق النافذة. عند تلوين الشريطة باللون المناسب سنلاحظ شكلا زائدا غير مرغوب في أحد أطراف الشريطة، وللتخلص منه نفك تجميع الشريطة ثم نحذفه. نعيد فك تجميع الشريطة مجددا وذلك لنرسل أطراف الشريطة للخلف وذلك من الشريط العلوي من خيار Page down. من لوحة التعبئة والحدود وبتحريك مؤشر شريط L نجعل جزئي الشريطة المنعطفين أقتم، ثم نحدد جميع أجزاء الشريطة ونجعل حدودها بنفس اللون القاتم، ونجعل عرضه بمقدار 2.300. في طرفي الشريطة الأيمن والأيسر سنضيف عن طريق أداة Node tool عقدة Node وذلك بتحديد المساحة التي سنضيف عندها العقدة ثم من الشريط العلوي نختار Insert new nodes ثم نزيل التحديد للعقد بالضغط على المساحة البيضاء ثم نختار العقدة التي أضفناها توا ونحركها للداخل، ونفعل الأمر نفسه مع الطرف الآخر. في حال رغبنا بالتعديل على حجم الشريطة أو اتجاهها أو محاذاتها يمكننا تحديد جميع أجزاء الشريطة وتجميعها ثم التعديل عليها من أسهم التحجيم، ثم نفك تجميعها ونعيد جوانبها للخلف كما فعلنا سابقا. سنجعل الوسام بدرجتين لونيتين؛ ولفعل ذلك سنحدد جميع أجزاء الوسام ثم نكرره بالزر الأيمن باختيار Duplicate. ثم من قائمة Path نختار Union لتصير جميعها شكلا واحدا. نرسم مستطيلا في منتصف الشكل ثم نختاره هو وشكل الوسام ومن قائمة Path نختار Intersection. نلون الشكل المتبقي مع حدوده باللون الأبيض ونعطيه شفافية Opacity أقل من المنتصف. نجمع جميع أجزاء الشكل في مجموعة عن طريق تحديدها واختيار الاختصار Ctrl+G ثم ندوره بعكس اتجاه عقارب الساعة مع الضغط على Ctrl أثناء التدوير، وبهذا نكون انتهينا من الوسام المسطح. خطوات تصميم الوسام الذهبي نكرر الوسام المسطح ونلغي تجميعه ونحذف أجزاء الشريطة والنجمة. نلون الوسام بدرجة من درجات اللون الأصفر -ويمكنك الاستعانة بالقيم الموجودة في الصورة في لوحة التعبئة والحدود- ثم نختار التدرج الخطي Linear gradient ثم نختار خيار التعديل على التدرج Edit gradient من أسفل اللوحة. نختار العقدة اليسرى في طرف خط التدرج ثم من الشريط العلوي نختار خيار Insert new stop لإضافة عقدتين لونيتين جديدتين ثم نعود مرة أخرى للعقدة الأولى ونضيف عقدة ثالثة من أجل التوازن في توزيعها حول الخط، مع ملاحظة أنه يمكننا تحريكها للموضع الذي نرغب أن تكون فيه. الدرجات اللونية التي اخترناها للعقد بترتيبها من اليمين إلى اليسار كالتالي: العقدة الأولى + الخامسة: d4aa00ff العقدة الثانية + الرابعة: a68400ff العقدة الثالثة الوسطى: ffdf5eff يمكنك لصق القيمة في خانة RGBA في لوحة التعبئة أو اختيار الدرجات اللونية التي ترغب بها مع ملاحظة أن الشريط A يخص شفافية اللون وبتحريكه لأقصى اليمين تزول شفافيته. باستخدام أداة Bezier سنرسم نصف الشريطة وذلك برسم خط يشبه حرف Z . سنختار الأمر Motion كما فعلنا مع الشريطة السابقة ونعطيها لونا أجمرا ونحذف الجزء الزائد بنفس الطريقة السابقة عن طريق فك التجميع وحذفه. بعد أن حصلنا على نصف الشريط بالشكل والحجم الذي نرغب به، نقوم بتكراره ومن الشريط العلوي نعكس الشكل أفقيا. نفك تجميع الشريطة، ثم نحدد المستطيلين الذين نرغب بتوحيدهما، ومن قائمة Path نختار الأمر Union. نختار المستطيل المتوسط للشريطة ونلونه بالتدرج الخطي، ثم نختار العقدة اليسرى لإضافة ثلاث عقد لونية، ثم نعود لاختيار العقدة الأولى لإضافة عقدة إضافية، ثم نختار العقدة الأولى مجددًا لإضافة العقدة الأخيرة؛ وذلك كما فعلنا مسبقا لنحافظ على مسافة متناسقة بين العقد مع إمكانية تحريك مكان العقد يدويا. الدرجات اللونية التي اخترناها للعقد بترتيبها من اليمين إلى اليسار كالتالي: العقدة الأولى + السابعة: ff2a2aff العقدة الثانية + السادسة: 8e0000ff العقدة الثالثة + الخامسة: fa0000ff العقدة الرابعة (الوسطى): ff6363ff سنلون أطراف الشريطة بنفس لون التدرج، ونجد التدرج جاهزا عند اختيارنا للتدرج الخطي، أما زوايا الشريطة المثنية سنلونها بلون قاتم مسطح دون تدرج. ثم نحدد جميع أجزاء الشريطة ونزيل الحدود من تبويب رسم الحدود. للتأكد من كون الشريطة بمحاذاة الوسام عاموديا سنحدد أجزاءها ونجمعها ونختارها ثم نختار الوسام ومن لوحة المحاذاة والاصطفاف نحاذيها عاموديا. لإضافة انحناء للشريطة نبقي أجزاء الشريطة مجمعة ونتأكد من كونها محددة ثم من قائمة Path نختار Path effects لتظهر لنا لوحة تأثيرات المسار على يمين الشاشة، نختار من أسفل اللوحة علامة + لإضافة تأثير ثم نختار تأثير الانحناء Bend ثم نختار رمز السهم عن يمين عبارة Bend path وبتحريك الخط الأخضر الذي سيظهر في وسط الشريطة يمكننا حني الشريطة للأسفل. للمحافظة على بقاء الانحناء في حال تم فك تجميع الشريطة، نتأكد من كون الشريطة ما زالت محددة ثم نختار الأمر Object to path من قائمة Path ثم نفك التجميع لنعيد أطراف الشريطة للخلف. نضيف النص الذي نرغب به عن طريق أداة النص، ثم نعطيه لونا مناسبا للوسام وبذا نكون أنهينا تصميم الوسام الذهبي. يمكننا أن نضيف لكل وسام خلفية مناسبة له، بإضافة مستطيل خلف الوسام الذهبي وإعطائه لونا رصاصيا بتدرج خطي، ثم نكرر الخلفية ونرسلها خلف الوسام المسطح مع تلوينها باللون الأحمر العادي من دون تدرج. لإضافة الدرجة اللونية الأخرى للخلفية سنرسم بأداة Bezier خطا بمحاذاة خط الوسام ومنطبقا عليه، ونرسم بقية خطوط الشكل خارج الخلفية ثم نغلق المضلع. نلون المضلع بنفس لون الخلفية ونزيل حدوده، ثم نكرر الخلفية وباختيارهما معا – أي المضلع والخلفية المكررة – نختار من قائمة المسارات الأمر intersection ثم نلون الجزء المتبقي بلون أفتح من سابقه بتحريك مؤشر الشريط L. النتيجة النهائية هذه هي النتيجة النهائية للوسمين بنموذجيه المسطح والذهبي:

شاهدت مؤخرًا فيلم Tombstone الذي تم إنتاجه عام 1993 على التلفاز، وهو ما أوحى لي بفكرة تصميم ملصق فيلم عن الغرب المتوحش (فيلم ويسترن). اتبع الخطوات في هذا الدرس لتتعلم كيفية تصميم مُلصق بأسلوب جرونجي عن الغرب المتوحش، لاحظ أنّ عملية التصميم بكاملها من البداية وحتى النهاية عبارةٌ عن تلاعب بالصور والمواد للحصول على النتيجة النهائية. إن هذا الملصق هو لفيلم خيالي حيث أن الموضوع العام للفيلم بكل مظاهر الجرونجي والجمجمة المخيفة تعطي التصميم جوًا مظلمًا بينما تظهر ملامح الغرب المتوحش من خلال قبعة رعاة البقر وزوج المسدسات وأوراق اللعب القديمة. التصميم العام قائم على دمج مجموعة من الصور مع استخدام تأثيرات تداخل الصور بالإضافة إلى تقنيات المزج وتصحيح الألوان لإنهاء الملصق. افتح صورةً لورقة قديمة متّسخة في الفوتوشوب كقاعدة للملصق. اضغط CMD+Shift+U لإشباع الألوان ثم CMD+I لعكس الألوان فيصبح لدينا خامة داكنة. أخرج الأدلّة لتحديد منتصف الصورة وهوامش المنطقة الآمنة قرب الحواف. ابحث في مخزن الصور عن صورة جمجمة بشرية وافتحها في الفوتوشوب. سنقوم بتحديد وعزل هذه الصورة عن الخلفية السوداء عبر استخدام أداة العصا السحرية Magic Wand too. أشبع ألوان هذه الصورة واضبط مستوياتها لزيادة مستوى التباين. انتقل إلى لوحة القنوات Channels واضغط على مفتاح CMD أثناء النقر على مُصغّر أي قناة لتحميل التحديد. اضغط CMD+C للنسخ. ألصق التحديد داخل المستند الرئيسي. إن تحديد القناة يمنح تأثيرات رائعة حيث أنها تحدد الإضاءات highlights فقط وبذلك تظهر الجمجمة مندمجة تمامًا مع الظلام. ابحث في مواقع الصور عن قبعة راعي بقر بحيث تكون بزاوية صحيحة وقُصّها باستخدام أداة القلم Pen tool. ألصق القبعة المقصوصة داخل المستند الرئيسي واضبط حجمها لتتناسب مع الجمجمة. اضبط Opacity بحيث ترى الخطوط الخارجية للجمجمة ثم احذف المناطق الزائدة حتى تتلاءم القبعة مع شكل الجمجمة. أشبع ألوان القبعة واضبط مستوياتها حتى تمتزج تمامًا مع درجات ألوان الجمجمة. الصورة التالية في مجموعتنا ستكون لمسدس حربي قديم. يمكن إيجاد هذه الصورة في موقع Wikimedia Commons برخصة المشاع الإبداعي. قص المسدس باستخدام أداة القلم Pen tool وألصقها داخل المستند الرئيسي. أشبع ألوان صورة المسدس واضبط التباين ثم اصنع نسخة عنها واقلبها للجهة المقابلة. حاذِ كلا المسدسين إلى منتصف التصميم. أضف ظلالًا كثيفة للمسدسات بحيث تبدو بعيدة عن الخلفية. افتح صورة الدخان في خلفية سوداء. أشبع ألوان الصورة ثم بدّل خصائص المزج إلى Screen لتحويل الخلفية السوداء إلى شفّافة. ابحث في مواقع الصور عن صورة أوراق لعب قديمة. دوّرها بحيث تبدو كالجناح الخارج من جانب الجمجمة. حدّد يدويًّا صورة الجمجمة ثم احذف التحديد من طبقة أوراق اللعب. لأن الجمجمة تم إلصاقها كقناة لذلك لا نستطيع تحميل التحديد ببساطة. غيّر خصائص مزج طبقة أوراق اللعب إلى Vivid Light عند 30% لمستوى Opacity. إنّ Vivid Light بشكل خاص تُكثّف طبع الطبقة مع خامة الخلفية وتجعل الأوراق ملاءمة أكثر للمشهد العام للتصميم. الصورة الرئيسية أصبحت جاهزة وسنُضيف العنصر النصّي عليها. اكتب عنوان الفيلم بالخط المناسب. أنا استخدمت هنا خط Clarendon Condensed. إنّ استخدام نوعية خطوط Slab-erif والتي تتميز بكونها خطوط عريضة ومناسبة لهذا النوع من الملصقات يهدف إلى صناعة ملصق شبيه بملصقات المجرمين المطلوبين للعدالة. استخدم العارضة الوسطى في حرف H كدليل لرسم خط عرضي بذات السماكة ولوّنها بالأبيض واصنع نسخة عن هذا الخط أسفل العنوان. حمّل تحديد القبعة واحذف أجزاء النص المتداخلة عبره. استخدم فرشاة الجرونجي المناسبة لتطبيقها على النص لمنحه جو الجرونجي العام للتصميم. أضف ظلالًا كبيرة تحت النص بالكامل وتأكّد من أن خيار Choke في أعلى قيمة له لصُنع تأثير ظلال مسطّح. أضف شعارًا نصّيًا أسفل الملصق لإنهاء التصميم. الملصق يبدو رائعًا بالأبيض والأسود ولكننا نريده أن يتماشى مع عصر الغرب المتوحش المعروف لذلك سنجعل درجة ألوانه من البني الداكن. افتح صورة الورقة القديمة الأصلية ثم ألصقها كطبقة جديدة فوق الملصق وعدّل خصائص المزج إلى Color مع 40% من Opacity. حدّد الجميع ثم انسخها مدمجة Copy Merged وألصقها كطبقة جديدة فوق التصميم. اذهب إلى القائمة Filter > Other > High Pass واضبط الإعدادات حتى تكون التفاصيل بالكاد ظاهرة عبر الخلفية الرمادية. عدّل خصائص مزج هذه الطبقة إلى Linear Light عند 70% من Opacity لجعل التفاصيل تبرز من الصورة. وبهذا ننتهي من تصميم هذا الملصق لفيلم الغرب الجرونجي. إنّ الدمج البسيط للصور يؤدي إلى نتائج رائعة بينما التلاعب بالخامات يساعد على دمج التصميم بدرجات ألوان مذهلة. ترجمة -وبتصرّف- للمقال: Design a Grungy Western Movie Poster in Photoshop لصاحبه: Chris Spooner.