تصميم شارة/شعار بالنمط القديم


zahershullar

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

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

badge-logo-sm.thumb.jpg.cdb04fe46047194e

افتح برنامج Adobe Illustrator وارسم دائرة كبيرة. انسخ CMD+C وألصق في المقدمة CMD+F نسخةً عنها، صَغّرها قليلًا مع الضغط على ALT وShift ثم لوّنها بالأسود مع حدود بيضاء.

01.thumb.jpg.c3aecddc13f1378266f81ad2a9e

اضغط CMD+F لِلَصق نسخة أخرى وصَغِّر حجمها وبدّل لونها للأبيض. ألصق نسخة أخرى وصغّرها قليلًا أكثر لمنح الانطباع بالحلقة السميكة.

02.thumb.jpg.b1c39a97c6254652563273e1218

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

03.thumb.jpg.07fb4dfbd0754887daa7b22fc02

ضع دائرة أخرى في وسط الحلقة تمامًا بالحجم ثم اضبط إعدادات الحدود كما يلي: الحجم 4pt، Round Cap، Bevel Join، وفعّل الخطوط المتقطّعة Dashed Line، أول Dash بقيمة 0pt وأول Gap بقيمة 17pt. وبالنسبة للفجوة Gap تحديدًا استخدم مفاتيح الأسهم لزيادة قيمتها أو لتخفيفها حتى تتساوى المسافة بين الدوائر.

04.thumb.jpg.247eea8d17a6bdfe281b85dface

في مكان آخر على لوح الرسم، ارسم سلسلة من الألواح العريضة باستخدام أداة المستطيل مستدير الزوايا Rounded Rectangle Tool. كبّر حجمها تباعًا مع المحافظة على المسافة بينها.

05.thumb.jpg.77359c1e1707f1cedd44ab2d4af

استخدم أداة المستطيل Rectangle Tool لإضافة المقابض ثم انسخ وألصق ثم دوّر سلسلة الألواح لإنهاء أيقونة الأثقال البسيطة.

06.thumb.jpg.04643ca1452b5f4bcb4e1d9d6f5

لوّن جميع أشكال الأثقال باللون الأبيض ثم اجمعها Group وضعها في مركز دوائر الشعار الأساسي.

07.thumb.jpg.04501fbf7bc6e497560ccccb08a

انسخ وألصق إحدى الدوائر من الشعار وامسح ألوان التعبئة والحدود. في قائمة أداة النص اختر خيَار النص على المسار Type on Path وانقر على الدائرة.

08.thumb.jpg.f04751e38729245f1af116ff7ab

أدخل عبارة "Powerhouse Gym" واختر الخط المناسب. الخطوط من نوعية Slab-Serif عادة ما تكون قويّة وتمنحك الشعور بالرجولة، أنا اخترت خط Boton لاستخدامه في هذا الشعار.

09.thumb.jpg.c9e1b513919ef407130276d3563

بدلًا من ضبط عملية تسيير الخط على المسار اذهب للقائمة:

Type > Type on a Path > Type on a Path

وعدّل المسافات هناك. هذه الإعدادات تُوَلّد فجوات أكثر بحيث يدفع المسار الحروف معًا كما لو كانت تتدفق حول المنحني.

10.thumb.jpg.f6286a56284e1a14bacd33d383e

استخدم أداة التحديد المباشر Direct Selection Tool لتضبط بدقة المقابض الصغيرة لمنتصف أعلى النص. استخدم الأدلّة لتتأكد من أن الكلمات تبدأ وتنتهي بنفس الزاوية.

11.thumb.jpg.687da2ebd7b7ddd722fe580243b

انسخ وألصق دائرة النص واستبدل النص بالعبارة "Reach your potential". استخدم المقبض الصغير لضبط النص ليكون على الطرف الخارجي من الدائرة ومتجه لأسفل الشعار.

12.thumb.jpg.74ffc3fb98a53a14b7cc9d99576

في إعدادات الكتابة على المسار Type on a Path اضبط المحاذاة إلى المسار Align to Path على خيار الصعود Ascender ثم أدخل التعديلات المناسبة بالنسبة للحجم للتأكد من أن النص ممتد بشكل مثالي على طول منتصف الحلقة السوداء.

13.thumb.jpg.f328005617451de3cedbac786ec

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

14.thumb.jpg.9ccbe7867c9f3bce411507b4cf6

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

15.thumb.jpg.9a1e39d657babbce5cded0ef3e1

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

16.thumb.jpg.d0dd203d584a52ed2246497db31

ألصق الشعار من الإليستريتور في مستند فوتوشوب مؤقت وغيّر الحجم داخل المستند.

17.thumb.jpg.319e44eb293f757955e83556547

استخدم فرش الجرونج الشهيرة اليدوية من موقع WeFunction وأضف بقع الجرونج البيضاء على طبقة فوق طبقة الشعار.

18.thumb.jpg.78d9cea53f1eb8e6e109676fd40

انقر على مُصَغّر الشعار في لوحة الطبقات مع الضغط على مفتاح CMD لتحديد الشعار ثم اضغط CMD+Shift+I لعكس التحديد واحذف كل البقع الفائضة.

19.thumb.jpg.c7503d8ac42b067be75e69554a8

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

badge-logo-sm.thumb.jpg.cdb04fe46047194e

ترجمة -وبتصرّف- للمقال: How To Create a Retro Badge-Emblem Style Logo لصاحبه Chris Spooner.





تفاعل الأعضاء


لا توجد أيّة تعليقات بعد



يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن