المحتوى عن 'شعار'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • نصائح وإرشادات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • التجارة الإلكترونية
  • مقالات ريادة أعمال عامة

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
  • HTML5
  • CSS
    • Sass
    • إطار عمل Bootstrap
  • SQL
  • سي شارب #C
    • منصة Xamarin
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • استسراع النمو
  • المبيعات

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 18 نتائج

  1. تعتبر الخامات إضافة ضرورية لتصاميم الشعارت والتصاميم الخطية القديمة حيث يستخدمها المصممون لمحاكاة جمالية الطباعات القديمة والفنون اليدوية وذلك لمنح تصاميمهم الرقمية مظهرًا ملموسًا أكثر. هناك عدد من التقنيات التي يمكن استخدامها لتطبيق هذه الخامات على تصاميمك في الفوتوشوب، مثل استخدام المرشحات (الفلاتر) الموجودة في الفوتوشوب أو أدواتٍ كفراشي الفوتوشوب. في درس اليوم سأريكم ثلاث طرق لتطبيق الخامات على الشعارات والنصوص بحيث سنحصل على تأثيرات متباينة قليلًا. تأثيرات نزيف حبر الطباعة قبل الدخول في مسألة تطبيق الخامات فإن هنالك فلترين رائعين يمكن تطبيقها على التصاميم للحصول على مظهر نزيف الحبر. لا تحوي طباعات المحارف الحقيقية على تلك الحواف الحادة والنقية. وبدلًا من لك فإن الحبر ينزف قليلًا في الأوراق مسببًا بعض التشوّه والتموّج في الحواف. ويمثّل محاكاة هذا المظهر عبر الفوتوشوب خطوة أولى رائعة لتصميم تأثيرات واقعية قديمة. ابدأ بتحويل طبقة التصميم إلى عنصر ذكي Smart Object. يسمح ذلك الأمر بالمحافظة على الملف الأساسي دون تعديل بحيث يمكنك إزالة التعديلات إن اضطررت لذلك. ويمنحك هذا الأمر أيضًا القدرة على تعديل كل فلتر على حدة للحصول على نتائج أفضل. تجد الفلتر الأول من خلال القائمة Filter > Noise > Median سيقوم هذا الفلتر بإزالة الزوايا الحادة من التصميم ، بحيث ستبدو النتائج جيدة عند تطبيقها على التصميم و سيبدو النص وكأنه مكتوب باليد. أدخل قيمة نصف قطر خفيفة لتشاهد النتيجة في نافذة المعاينة. القيمة من 3 - 4 ستكون كافية للحصول على زوايا منحنية مع المحافظة على وضوح النص. الفلتر الثاني موجود ضمن القائمة Filter > Distort > Ripple سيمنح هذا الفلتر الحواف الخارجية للنص مظهرًا غير منتظم وشاذ. اختر الخيار Large ضمن قائمة الحجم Size ثم حرّك المزلاج إلى قيمة 14 - 15% . أبقِ عينيك على نافذة المعاينة لتشاهد النتيجة النهائية. تفقّد باقي أجزاء التصميم للتأكد من عدم تشويه العناصر الأصغر حجمًا أكثر من اللازم. تطبيق الخامات باستخدام فراشي الفوتوشوب في التقنية الأولى لتطبيق الخامات سنقوم باستخدام فراشي الفوتوشوب. والميزة الرئيسية لاختيار الفراشي على الخامات والمرشحات هي امكانية التحكم على كمية تطبيق الخامة وانتشارها. وللقيام بتطبيق الخامة على تصاميمك في الفوتوشوب سنحتاج أولًا إلى إضافة بعض الفراشي إلى مكتبة الفرش في البرنامج. يمكنك أن تبدأ باستخدام مجموعتي المجانية من فراشي خامات الجرونجي. أضف طبقة قناع إلى تصميمك على الفوتوشوب ثم استخدم أداة الفرشاة Brush tool. اختر فرشاة خامة من خيارات مكتبة الفرش وعدّل حجم الفرشاة ليصبح مناسبًا. يمكن إضافة الخامة بنقرة زر فأرة واحدة عبر استخدام حجم فرشاة كبير بحيث يغطّي كامل التصميم أو القيام بعدة نقرات عبر حجم فرشاة صغير حتى تتم تغطية كامل مساحة العمل. يمكن الحصول على لمسة رائعة أخيرة عبر إضافة خطوط خارجية قاتمة حول التصميم الأساسي. ضاعف الطبقة ثم انقر بالزر الأيمن للفأرة عليها ثم احذف قناع الطبقة Delete Layer Mask. خفّف مستوى ظهور التعبئة Fill إلى الصفر من لوحة الطبقات لجعل الطبقة المنسوخة غير مرئية. انقر نقرًا مزدوجًا على الطبقة المنسوخة لإضافة نمط التوهج الداخلي Inner Glow. اضبط الخيارات إلى Normal والتعتيم Opacity إلى 100% واللون الأسود واستهدف الحواف Edge ثم اضبط مزلاجي Choke وSize لتطبيق خطوط خارجية سوداء مناسبة. تطبيق الخامات عبر استخدام صور الخامات من المنطقي استخدام الخامات من العالم الحقيقي لإضافة تأثيرات الخامة إلى تصاميمك. وغالبًا ما نحصل على نتائج واقعية أكثر خصوصًا إذا كانت صورة الخامة تطابق النمط البصري الذي تحاول إنشاؤه. على سبيل المثال، إن أفضل طريقة لتكرار ظهور الحبر هو خامة حبر فعلي. ألصق صورة الخامة على طبقة جديدة فوق التصميم الأساسي. اذهب إلى القائمة Layer > Make Clipping Mask أو اضغط على الاختصار Alt+Backspace بين الطبقتين. وهذا القناع المقيّد بالطبقة السفلية سيقوم بتطبيق الخامة على تلك الطبقة. غيّر خصائص المزج للخامة إلى Screen للخامات الداكنة أو Multiply للخامات الفاتحة لجعل الخلفية شفافة. يمكنك زيادة تباين الخامة بضبط المستويات Levels عبر الاختصار Ctrl+L. حرّك مزالج الظلال والاضاءات للداخل لابراز التفاصيل. بدلًا من ذلك، من الممكن تطبيق الخامة باستخدام قناع الطبقة العادي بدلًا من القناع المرتبط Clipping Mask. استمر بالضغط على Alt أثناء النقر على مصغّر قناع الطبقة في لوحة الطبقات لتعديل المحتويات ثم ألصق الخامة مباشرة داخل القناع. تقوم الأقنعة بإخفاء المساحات السوداء على حساب إظهار المساحات البيضاء لذلك يجب عكس ألوان الخامات الداكنة كما في مثالي هذا. تطبيق الخامات باستخدام فلاتر الفوتوشوب على الرغم من أن الفرش وصور الخامات تقدّم نتائج عظيمة إلا أنها تحتاج إلى مصادر من طرف ثالث. من المفيد في بعض الأحيان استخدام فلاتر (مرشحات) الفوتوشوب. حيث من الممكن ضبط الإعدادات لتخصيص النتيجة النهائية ويمكن تطبيقها على عدة طبقات. ابدأ بتحويل التصميم إلى عنصر ذكي Smart Object للحفاظ على التصميم الأساسي ومنع تطبيق التعديلات عليه مباشرة وللاستفادة من القدرة على ضبط إعدادات الفلاتر بسهولة. اذهب إلى القائمة Filter > Filter Gallery وطبّق تأثير Reticulation الموجود ضمن مجموعة تأثيرات Sketch. اضبط قيمة الكثافة Density إلى 40 ثم اضبط قيمتي المستويات Level إلى الصفر. انقر على أيقونة تأثير جديد New Effect Layer ثم أضف تأثير Torn Edges. اضبط قيمة توازن الصورة Image Balance إلى 24 والنعومة Smoothness إلى 1 والتباين Contrast إلى 17 ثم حرّك المزلاج للحصول على أفضل مظهر حبحبة. يمكن تطبيق تأثير توهج داخلي عبر النقر المزدوج على طبقة التصميم. غيّر الإعدادات إلى Normal والتعتيم Opacity إلى 100%، اللون الأسود، الحواف Edge، ثم اضبط مزلاجي Choke وSize لابراز الخطوط الخارجية للتصميم بشكل مناسب للحروف المطبوعة.
  2. قمت منذ أسبوعين بتصميم شعار لصاحب متجر حلويات ولكن للأسف الزبون اختار تصميمًا آخر. بكل الأحوال استمتعت جدًّا في تصميم هذا الشعار وقد أحببت النتيجة النهائية ولذلك سأقدم لكم درس بسيطًا وصغيرًا عن عملية تصميم هذا الشعار. هذه هي صورة النتيجة النهائية التي سنصمّمها باستخدام برنامج الإليستريتور لذلك دعونا نبدأ على الفور بفتح برنامج أدوبي إليستريتور. هذا التصميم سيتم عبر ثلاث خطوات رئيسية، مظهر الخلفية الدائرية للشعار، شكل الحلوى المرسومة وأخيرًا اللافتة التي تمر عبر الشعار والذي سنكتب عليه اسم الشركة. الخطوة 1: لنبدأ باستخدام أداة الدائرة Ellipse Tool لرسم دائرة مثالية عبر الضغط على مفتاحي Shift وAlt أثناء سحب الشكل باستخدام الفأرة، هذين المفتاحين يحافظان على الدائرة متناسقة ومركزيّة. تاليًا سنضيف حدودًا بقيمة 8pt بلون #C9C4A8. وبالنسبة للون التعبئة سنستخدم الرمادي الداكن باللون #333. الخطوة 2: والآن سنضاعف عنصر الدائرة عبر الضغط على Ctrl + C و Ctrl + F. هذا الأمر سينسخ الدائرة ويلصقها مباشرة فوق العنصر المحدّد. قم بتصغير حجم هذه الدائرة الجديدة عبر سحب صندوق التحديد المحيط بالعنصر للداخل قليلًا مع المحافظة على الضغط على Shift وAlt. والآن لننتبه للحدود حيث سنقوم بمنحها اللون #E8CBC5 وقيمة سماكة 2pt. افتح نافذة أدوات الحدود Stroke وطبّق ميزة الخط المتقطّع مع شرطات بقيمة 12pt. الخطوة 3: نستطيع أن نبدع في هذا الجزء من التصميم. سنستخدم أداة النجمة Star Tool لرسم عنصر التعزيز الداخلي حيث نستطيع أن نحصل على نتائج مدهشة. بكل الأحوال وللمحافظة على بساطة وجمالية هذا الدرس قررت تبسيط التصميم قدر الإمكان علمًا أنه يمكنك دائمًا تعديل الخطوات بما يناسب ذوقك وإبداعك. استخدم أداة النجمة Star Tool وانقر في أي مكان على لوح الرسم. في صندوق الحوار الخاص بهذه الأداة أدخل القيم التالية: نصف القطر الأول 200px، نصف القطر الثاني 170px، النقاط 20. الآن قم بتوسيط هذه النجمة مع الدوائر المرسومة سابقًا وامنحها حدودًا بقيمة 6pt وذات اللون المستخدم في الخط المنقط #E8CBC5. الخطوة 4: من أجل الظل سنقوم بمضاعفة عنصر النجمة وإرسال النسخة للخلف عبر النقر بالزر الأيمن عليها واختيار القائمة Arrange->Bring to Front. حدّد هذه النسخة مجدّدًا وزِد حجمها قليلًا وامنحها اللون #1A1A1A الذي سيكون عبارة عن رمادي داكن. والآن حرّكه قليلًا للأسفل عبر تحديده والضغط على السهم السفلي من لوحة المفاتيح مرتين. الخطوة 5: والآن سنصمم شكل قالب الحلوى. بداية يأتي شكل الورق الحافظ للقالب. سنبدأ مع مستطيل كقاعدة للورق وسنقوم بتعديله حتى نحصل على النتيجة المطلوبة. اختر أداة المستطيل Rectangle Tool وانقر في أي مكان على لوح الرسم. وفي صندوق الحوار اختر القيم التالية: العرض 290px، الارتفاع 145px، وامنح المستطيل لون تعبئة #84C2CF. الخطوة 6: لتحويل الشكل إلى شبه منحرف باستخدام أداة التحديد المباشر Direct Selection Tool حدّد النقطة السفليّة اليسرى للعنصر وحرّكه لليمن أربع مرّات باستخدام السهم اليمين من لوحة المفاتيح أثناء الضغط على مفتاح Shift لمنحك مساحة إضافية. كرّر العملية مع النقطة السفلية اليمنى كما يجب. الخطوة 7: من أجل قاعدة العلبة الورقية سنستخدم أداة الدائرة Ellipse Tool لإنشاء شكلٍ بيضويٍّ في منتصف قاعدة شبه المنحرف (فعّل الأدلّة الذكية لتساعدك على القيام بتحديد مكان التموضع) أثناء الضغط على مفتاح Alt للمحافظة على مركزية تموضع الشكل. اسحب الشكل البيضوي حتى يصل إلى حدود شكل شبه المنحرف. حدّد كلا الشكلين ثم استخدم لوحة Pathfinder لدمج unite الشكلين معًا. الخطوة 8: ومن أجل الشرائط على العلبة سنستخدم تقنية بسيطة والتي تعتمد على التناظر وأدوات Pathfinder. سنبدأ برسم شكلين سيُمثّلان الشرائط على نصف العلبة فقط باستخدام أداة القلم Pen Tool. أعطِ هذه الشرائط اللون #AED6E0. والآن حدّد كلا الشكلين واجمعهما في مجموعة واحدة group بالاختصار Ctrl + G. الخطوة 9: ضاعف الشكل المركّب بالاختصارين Ctrl + C وCtrl + F ثم اعكس التصميم عبر الضغط على النسخة الجديدة بالزر الأيمن واختيار القائمة Transform–>Reflect. وفي النافذة التي ستظهر اختر الخيار العمودي Vertical ثم اضغط موافق. والآن حرّك هذا العنصر إلى الجهة اليمنى من العلبة مع الضغط باستمرار على المفتاح Shift للمحافظة على المحاذاة حتى يصل العنصر إلى الموقع الصحيح على الجهة اليمنى للعلبة. حدّد كلا العنصرين وأدمجهما معًا من لوحة Pathfinder عبر الخيار unite. الخطوة 10: ضاعف شكل شبه المنحرف الذي يقع تحت الشرائط مستخدمين ذات التقنية التي استخدمناها خلال الدرس ثم اجلبه إلى المقدمة عبر الضغط بالزر الأيمن على النسخة الجديدة واختيار القائمة Arrange–>Bring to Front. حدّد هذا العنصر مع عنصر الشرائط ثم اختر crop من لوحة Pathfinder. سيقوم هذا الأمر بقص الشرائط تحديدًا بحسب حجم ورق العلبة تمامًا ولن يكون هناك أجزاء ظاهرة خارج حجم العلبة. ولكن ما زال هناك المزيد من العمل على العلبة والشرائط للوصول إلى الشكل الصحيح. الخطوة 11: الخطوة الأخيرة في تصميم العلبة الورقية هي برسم شكل بيضوي تحت قاعدة شكل شبه المنحرف ثم لوّنه بلون الشرائط ذاته #AED6E0 واجمع العنصر عبر تحديد كافة العناصر والضغط على Ctrl + G. لا تقلق حيال الجزء العلوي من العلبة لأن المثلجات التي سنرسمها فوقها ستغطي هذه الحافة تمامًا. الخطوة 12: سنقوم الآن بتصميم الغطاء الجليدي ببضع خطوات بسيطة وسهلة. ابدأ برسم الشكل الرئيسي للغطاء الجليدي عبر استخدام أداة الدائرة Ellipse Tool. ثلاث أشكال بيضوية عادة ستفي بالغرض. سنقوم بقص الجزء السفلي من الشكل العام للأشكال الثلاثة. الخطوة 13: ارسم مستطيلًا يغطي الجزء السفلي من الأشكال البيضوية الثلاثة المتداخلة باستخدام أداة المستطيل Rectangle Tool. حدّد المستطيل مع أحد الأشكال البيضوية ثم طبّق الخيار Minus Front من لوحة Pathfinder لقص مساحة المستطيل من الشكل البيضوي. كرّر هذه العملية مع باقي الأشكال البيضوية مع ترك الشكل البيضوي المسطّح للمحافظة على استدارة بسيطة على الحافة السفلية للأشكال البيضوية ثم أدمج جميع الأشكال باستخدام unite من لوحة Pathfinder. الخطوة 14: ضاعف الشكل الجديد من Ctrl + C و Ctrl + F ولوّن النسخة الجديدة باللون #E8CBC5. صغّر حجم الشكل الأصلي قليلًا عبر استخدام مستطيل التحديد المحيط بالشكل والمحافظة على الضغط على Shift وAlt أثناء التصغير للمحافظة على تناسب الشكل ومركزية عملية التصغير. حرّك هذا الشكل قليلًا نحو اليسار باستخدام السهم الأيسر من لوحة المفاتيح لتبدو الحدود عريضة قليلًا جهة اليمين. الخطوة 15: سنستخدم أداة القلم Pen Tool لرسم شكلين يمثلان الحواف الداخلية للشكل الجليدي انطلاقًا من الحواف الخارجية لإعطاء منظر وهمي يدلّ على اللولبية. الخطوة 16: سنصمم الآن ثمرة الكرز التي ستوضع في الأعلى. استخدم أداة الدائرة Ellipse Tool لرسم شكل بيضوي في أي مكان على لوح الرسم بالأبعاد: العرض 80px والارتفاع 80px. لوّن هذا الشكل باللون #D78995. ومن أجل تأثير الظلال ضاعف الشكل باستخدام Ctrl + C و Ctrl + F ولوّن النسخة باللون #C74366. ضاعفها مرة أخرى ثم صغّر حجم النسخة الأخيرة قليلًا وحرّكها باتجاه الجهة العليا اليسرى. حدّد النسختين المتداخلتين واستخدم Minus Front من لوحة Pathfinder لقص الشكل العلوي من السفلي والإبقاء على شكل هلال فقط في الجزء السفلي الأيمن. صغّر حجم هذا الهلال وحرّكه ودوّره حتى تحصل على مظهر ظل الثمرة من الجهة السفلية لها. ارسم شكلًا بيضويًّا باستخدام الأداة Ellipse Tool ولوّنه باللون #E8CBC5 ثم حرّكه فوق ثمرة الكرز ليبدو كلمعان إضاءة فوق الثمرة. والآن ارسم شكل عود الثمرة باستخدام القلم وضع شكلًا بيضويًّا صغيرًا تحته يبدو كظل له نفس لون الظل أسفل الثمرة. اجمع كل الأشكال التي تكوّن الثمرة ثم ضع الثمرة فوق قالب الحلوى. الخطوة 17: وسنقوم الآن برسم رشّات الحلوى اللذيذة فوق قالب الحلوى. استخدم أداة المستطيل مستدير الزوايا Rounded Rectangle Tool لرسم مستطيل صغير ثم اصنع عدة نسخ منه. ثم بعثرهم ودوّرهم في مختلف الاتجاهات لمنحهم مظهرًا عشوائيًّا. لونّهم باللون الأزرق الفاتح #84C2CF والوردي الداكن #D78995. اجمعهم في مجموعة واحدة ثم ضعهم فوق قالب الحلوى. قم بتجميع عناصر قالب الحلوى (العلبة والمثلجات والكرز والرشّات) معًا بالطريقة المثالية لشكل قالب الحلوى ثم حدّدهم جميعًا واجمعهم في مجموعة واحدة. ضع قالب الحلوى في وسط الشعار تمامًا وفي المقدمة. الخطوة 18: هذا ما سيبدو عليه التصميم عند هذه اللحظة ويبقى لدينا مهمة أخيرة وهي اللافتة والنص المكتوب عليها. الخطوة 19: سنصمم هذه اللافتة باستخدام التناظر وأدوات Pathfinder وهو نفس الأسلوب الذي استخدمناه في تصميم شرائط علبة الحلوى. لنبدأ برسم نصف اللافتة بمساعدة أداة القلم Pen Tool وتأكّد من الضغط على مفتاح Shift أثناء رسم الخطوط المستقيمة في الجهة اليمنى وهذا مهم للغاية حتى نتمكن من عكس نسخة مطابقة للشكل الذي نرسمه لنحصل على النتيجة المثالية في النهاية. بعد أن تنتهي من رسم النصف المطلوب من اللافتة استخدم النسخ Ctrl +C واللصق Ctrl + F للتأكّد من أن النسخة الجديدة في وضعية محاذاة مع النسخة الأصلية. اعكس النسخة عبر الضغط عليها بالزر الأيمن واختيار القائمة Transform->Reflect. ثم اختر من النافذة المنبثقة الخيار العمودي Vertical وانقر موافق. حرّك النسخة لليمين مع الضغط على المفتاح Shift للمحافظة على المحاذاة إلى أن تتطابق النسخة اليمنى مع النسخة الأصلية اليسرى تمامًا عند حدودهما المشتركة. هذه الطريقة هي ذاتها التي استخدمناها طوال الدرس، لا شيء جديد بالنسبة لك. الآن حدّد النسختين معًا ثم اختر الخيار Unite من لوحة Pathfinder لدمج الشكلين في عنصر واحد. الخطوة 20: استخدم أداة القلم Pen Tool لرسم إحدى حواف اللافتة. حدّد هذا العنصر واذهب إلى لوحة التدرجات Gradient لتطبيق الإعدادات التالية: للون الأول اختر اللون #F0EBCE ثم اختر اللون #C9C4A8 للون الثاني. انقر على مزلاج اللون الأول وأدخل القيمة 50% عند خانة الموقع Location، هذا سيجعل بداية اللون الأول عند المنتصف تقريبًا من جهة اليمين. ثم أدخل القيمة 25 عند إعدادات الزاوية Angle. إننا نقوم باستخدام هذه التقنية من التدرجات اللونية لمنح التصميم مزيدًا من العمق ومظهرًا ثلاثي الأبعاد. الخطوة 21: ضاعف هذا العنصر الأخير الذي أنشأناه ثم اعكسه وضعه عند النهاية الأخرى للافتة ثم حدّد العناصر الثلاثة. الخطوة 22: سنضيف المزيد من العمق للافتة عبر مضاعفة الأشكال الثلاثة المحدّدة مسبقًا وتحريكها بنقرتين للأسفل عبر مفتاح السهم السفلي من لوحة المفاتيح. ثم امنح هذه النسخة التي في الأسفل اللون #E0ABA1 وتأكّد من أنها مرسلة أسفل الشكل الأساسي عبر النقر عليه بالزر الأيمن ثم اختيار القائمة Arrange–>Send to Back. الخطوة 23: حدّد جميع عناصر اللافتة واجمعها بالاختصار Ctrl + G. اجعل عنصر اللافتة فوق جميع عناصر الشعار الأخرى وعدّل حجمه إن اقتضت الضرورة. الخطوة 24: أرجوا أنك راضٍ حتى هذه اللحظة عن النتيجة. الآن انقر على عنصر اللافتة نقرة مزدوجة حتى تدخل إلى الأجزاء المجموعة داخل العنصر. استخدم أداة القلم Pen Tool لرسم حدود عبر أعلى وأسفل اللافتة. امنح هذه الحدود سماكة بقيمة 5pt ولونّها باللون #C9C4A8. الخطوة 25: حدّد الحدود السفلية التي أنشأناها للتو ثم ضاعفها. حرّكها بنقرتين للأعلى باستخدام مفتاح السهم العلوي من لوحة المفاتيح ثم اختر أداة المسار Path Tool. انقر على الخط الجديد الذي حرّكناه للتو ثم ابدأ الكتابة. اختر اللون #D78995 للخط. أنا اختر الخط Lobster 1.4 لصاحبه Pablo Impallari وهو مناسب جدًّا لتصميمنا هذا. عليك أن تدرك أن نوعية الخط الذي ستستخدمه هنا سيغير شكل التصميم النهائي جذريًّا، لذلك لا تتردد في تجربة عدّة خطوط لتختار الأنسب منها بالنسبة لك. الخطوة 26: الخطوة الأخيرة لإنهاء التصميم هي بمضاعفة النص ومنح النسخة الجديدة اللون #C74366. ثم حرّكها قليلًا للأعلى واليسار لإضافة تأثير نصي مميز في النهاية. أرجوا أن يكون هذا الدرس قد أعجبكم وأن تكونوا قد استفدتم منه لمعرفة كيفية استخدام تقنيات الأشكال الأساسية والرسم بالقلم وكذلك استخدام الألوان وغيرها من أدوات الإليستريتور. ترجمة -وبتصرّف- للمقال: How to create a cupcake shop badge emblem style logo لصاحبه: Loic Ginet
  3. سنتعلّم في هذا الدرس كيفية استخدام تقنيات رسم الأشكال المختلفة وأساليب التلوين والكتابة والأنماط المختلفة في برنامج الإليستريتور لتصميم شعار خيالي لمدينة دبي. سنرسم رموزًا تعبيرية لأهم معالم المدينة بالإضافة إلى وضع بعض الأنماط على اسم المدينة وإدراج صور شعارات المدينة السياحية والدولة. افتح برنامج أدوبي إليستريتور وأنشئ مستندًا جديدًا بأبعاد 1600x1200، سنعتمد هذا الشعار للويب لذلك سندع نظام الألوان RGB والدقة 72ppi. استخدم أداة رسم الأشكال البيضوية وارسم دائرة مثالية مع الاستمرار بالضغط على مفتاح Shift أثناء سحب الشكل للمحافظة على تساوي الأبعاد وبالتالي الحصول على دائرة مثالية. اجعل حجم هذه الدائرة يغطي النصف الأعلى من لوح الرسم. استخدم أداة رسم المنحنيات Arc Tool وارسم قوسًا يبدأ من النقطة اليسرى للدائرة وينتهي في أسفل لوح الرسم بالتوازي مع منتصف الدائرة. لتتمكن من القيام بذلك بدقة وسهولة قم بتفعيل الأدلّة الذكية من الاختصار Ctrl+U واتبع الخطوط الخضراء التي ستقدّم لك المساعدة في الحصول على المطابقة أثناء الرسم. انقر بالزر الأيمن للفأرة على القوس واختر القائمة Transform > Reflect ومن نافذة Reflect اختر الخيار العمودي Vertical ثم انقر على زر COPY للحصول على نسخة معكوسة من القوس عموديًّا. حرّك النسخة الجديدة مع الاستعانة بالأدلّة الذكية إلى الجهة المقابلة من التصميم. استخدم أداة القلم Pen Tool لرسم الشكل التالي اعتبارًا من منتصف الدائرة تقريبًا. كرّر العملية السابقة لإنشاء نسخة معكوسة عن هذا الشكل وحرّك تلك النسخة إلى مكانها الصحيح في الجهة المقابلة. حدّد كلا الشكلين وافتح لوحة Pathfinder ثم اختر الخيار Unite لدمج هذين الشكلين في شكل واحد. استخدم أداة النص Text Tool لكتابة عبارة "مدينة دبي" مع مراعاة الحجم الكبير المتناسب مع حجم الشعار. اختر خطًّا عريضًا، أنا اخترت هنا خط Motken Noqta II. والآن استخدم مجدّدًا أداة القلم لرسم هذا الشكل أيضًا بذات الطريقة أسفل اسم المدينة. كرّر العملية ذاتها من إنشاء نسخة معكوسة وحرّكها إلى موضعها الصحيح ثم أدمج الشكلين معًا في شكل واحد. سنبدأ الآن برسم معالم المدينة، وسيكون برج خلفية أعلى برج في العالم أول ما سنبدأ به. استخدام أداة القلم لرسم شكل تخطيطي تقريبي يشبه البرج. وضعه فوق النصف العلوي من الدائرة. ارسم الآن باستخدام أداة القلم أيضًا شكلًا يمثّل انعكاس الإضاءة داخل شكل البرج للجهة اليسرى. لوّن شكل البرج الأساسي بلون أسود وأبقِ الشكل الداخلي باللون الأبيض. سنرسم الآن شكلًا رمزيًّا لفندق برج العرب. استخدم أداة القلم لرسم الخطوط الخارجية لشكل الفندق الخارجي. ويجب أن يكون أقصر من شكل برج خليفة. زِد حجم الحدود من لوحة الحدود Stroke واجعلها 8 ثم ارسم شكل انعكاس الإضاءة في الجزء الأيسر من المبنى أيضًا مع رسم الشكل العلوي المميز للفندق، وارسم شكلًا بيضويًّا مضغوطًا في الأعلى يمثّل مهبط الطائرات. لوّن شكل الفندق بالأسود وشكل الإضاءة بالأبيض. استمر بذات الطريقة والأسلوب وارسم أشكالًا إضافية تمثّل أهم مباني ومعالم المدينة الأخرى. يجب الانتباه إلى توافق الارتفاعات بشكل متناسب مع الواقع إلى حد ما، كما يجب التنبّه إلى المحافظة على وحدة جهة انعكاس الإضاءة لجميع المباني. حدّد شكل الشريط الملتوي العلوي واذهب إلى لوحة الحدود Stroke ثم زِد حجم الحدود لنحو 12. لوّن هذا الشكل باللون الأسود. أنشئ نسخة عنه وصغّر حجمها قليلًا واجعل لونها أبيض واستخدم أداة التحديد المباشر Direct Selection Tool لتحريك النقاط السفلية من الجزء العلوي من الشريط للداخل قليلًا لمنح شعور وجود ظلال كثيفة أسفل الشكل العام للشريط. زِد حجم الحدود بذات الطريقة والقيمة للشريط السفلي. سنقوم بإنشاء ظلال بطريقة مختلفة هذه المرّة وذلك لتتعلموا كيفية استخدام الطرق المختلفة للقيام ببعض الأمور. حدّد شكل الشريط واذهب للقائمة Effect > Stylize > Drop Shadow نحن بصدد تصميم شعار مسطّح لذلك لا نريد استخدم أية توهّجات حول الأشكال أو ظلال متلاشية لذلك اجعل قيمة Opacity عند 100% وقيمة Blur عند 0، وبما أننا جعلنا ظلال الشريط العلوي للأسفل تحديدًا فيجب علينا أن نطبّق التناسق بين عناصر التصميم لذلك اجعل قيمة المحور x عند 0 وقيمة المحور y عند 10، وسيكون اللون هو الأسود. سنقوم بتجهيز النص الآن. كبّر حجم الخط للنص إلى 175. انقر على زر Warp لتفتح خيارات التحويل الخاصة به. اختر من قائمة Style الخيار Bulge ثم ضع الخيار Bend عند -6%. حدّد النص واذهب إلى القائمة Object > Path > Offset Path ضع القيمة 8 عند خيار Offset واضغط OK. ألغِ تجمّع الشكل الجديد عبر الزر الأيمن للفأرة والخيار Ungroup ثم حدّد الشكل الإضافي الأكبر من النص الأصلي ولوّنه بلون مختلف وبدون لون للحدود. لوّن النص الأساسي باللون الأبيض والحدود بالأسود وزِد حجم الحدود لإبرازها. ارسم هذا الشكل فوق النص السفلي من النص. يمكنك رسم هذا الشكل باستخدام أداة القلم أو باستخدام رسم مستطيل والتعديل عليه للوصول إلى هذا الشكل. أنشئ نسخة عن الشكل الأساسي للنص عبر Ctrl+C للنسخ وCtrl+F للصق ثم حدّد النسخة الجديدة مع الشكل الأسود الذي يغطي نصف النص السفلي واختر Intersect من لوحة Pathfinder. لوّن الشكل الجديد بلون رمادي فاتح. الشكل العام للشعار بدأ يتضّح أكثر فأكثر. لوّن الدائرة بتدرج لوني من الأزرق إلى البرتقالي الفاتح. ارسم شكلًا هندسيًّا بنمط فن الأرابيسك الذي يرمز إلى الأصالة العربية والإسلامية للمدينة. يمكنك تعلّم كيفية رسم مثل هذه الأشكال من درس فن الأرابيسك. سنقوم الآن بدمج أشكال الشعار الخارجية والتي تتضمن الدائرة والقوسين. حدّد جميع هذه الأشكال ثم انقر بزر الفأرة الأيمن واختر Join وبذلك سيتم وصل القوسين وتشكيل شكل موّحد يتضمن ما بينهما. حدّد الدائرة والشكل الجديد ثم انقر على خيار Unite من لوحة Pathfinder ليتم توحيد جميع هذه الأشكال ضمن شكل واحد. لوّن الشكل الكلي بتدرج لوني مطابق للتدرج المستخدم من قبل. أصبح هذا الشكل فوق شكل الأرابيسك لذلك اختفى نموذج الأرابيسك ولاستعادته قم بإرسال الشكل الكلي الجديد للخلف عبر النقر بالزر الأيمن للفأرة واختيار القائمة Arrange > Send to Back أضِف حدودًا سوداء للشكل الكلي الجديد وبحجم 10pt. استخدم أداة التحديد المباشر Direct Selection Tool واختر النقطة السفلية للشكل وحرّك للأعلى لتضغط الشكل عموديًّا. ومن شريط خيارات الأداة في الأعلى اختر من قسم Convert الزاوية الحادة. أضِف مستطيلًا مستدير الزوايا من خلال استعمال أداة رسم المستطيلات مستديرة الزوايا وضعه في منتصف الشريط السفلي بشكل يمتد من أعلى وأسفل الشريط. لوّنه باللون الأبيض وأضِف له حدودًا مطابقة لحدود الشريط باللون الأسود. احصل على شعار دبي السياحي من البحث في الإنترنت من أحد المصادر المجانية ثم أدرجه داخل المستطيل الأخير. أضِف نصًّا جديدًا بلون أسود وبخط عادي عريض واكتب عبارة " تأسست 1833 " ثم اجعل النص منحنيًّا بذات انحناءة الشريط وضعه داخل الشريط السفلي وعدّل الحجم بما يتناسب مع حجم الشريط. والآن أضِف نصًّا جديدًا "مدينة المستقبل" وضعه بإعدادات متناسبة ضمن الشريط العلوي مع وضع ثلاثة نجوم على كل من طرفي الشريط. استخدم أداة القلم لرسم زاويتي إشعاع بيضاء أسفل شكل الشعار الكلي. احصل على شعار دولة الإمارات وأدرجها في المساحة الفارغة في أسفل شكل الشعار الكلي. هذا هو شكل الشعار النهائي ويمكن إنشاء شعارات لمدن أخرى على ذات النمط والأسلوب مع تغيير رموز معالم المدن وشعاراتها. ومع تعديل الألوان وإلغاء التدرجات اللونية سنجعل الشعار مسطّحًا بالكامل ونجعله بنمط مختلف، طبعًا لكل منّا أسلوبه التصميمي المميز وقد يضطر المصمم إلى إجراء الكثير من التعديلات بما يتناسب مع رغبة العميل أو الرؤية العامة للمشروع الذي يعمل عليه.
  4. يُدرك كل مصمّم جرافيك أنّ مهمّة اختيار تركيب ومزج الألوان وتناسقها هي واحدة من أهم أجزاء عمليّة التّصميم، سواء أكان ذلك التّصميم موجّه للطّباعة أم للعرض على شبكة الويب. لا يوجد أي تركيبة ألوان عالميّة وموحّدة بإمكانها أن ترضي جميع العملاء. بالنّسبة لبعض المصمّمين فإنّ عمليّة تركيب الألوان هي مسألة التّجربة وتحديد الأخطاء ثم التجربة مجدّدًا وهكذا، إلى غاية الحصول على التّركيبة المناسبة، ولكن اعتماد هذه الطّريقة يعني إهدار الكثير من الوقت الثمين. الوقت الذي يُعتبر سلعةً هامة في عالم تصميم الجرافيك والذي يسير بخطوات متسارعة. إلاّ أنّه يُمكن التّقليل من ذلك الوقت عن طريق الاعتماد على بحوث ودراسات متخصّصة ومناسبة، وكذلك من خلال استخدام الذّوق الذي تتمتّع به كمصمّم أو حدسك السّليم تجاه الأنماط. كيف تفهم أساسيات عجلة الألوان Color Wheelقبل كلّ شيء، من المهم أن تعرف أساسيّات عجلة الألوان، ويجب على كلّ مصمّم أن يطّلع عليها عن ظهر قلب. الضّوء الأبيض هو مزيج من كل ألوان الطّيف، والتي تنقسم إلى ثلاث مجموعات أساسيّة هي: الأحمر، الأزرق والأصفر، ومن خلال المزج بين تلك الألوان الثلاثة بإمكانك أن تركّب أي لون تتخيّله ويمكن للعين البشرية أن تراه. وحتّى تكون قادرا على خلق تركيبات ألوان جميلة وجذّابة يجب عليك أوّلا أن تعرف عجلة الألوان Color Wheel، حيث سأحاول شرحها لك بطريقة سهلة خالية من التّعقيدات. الألوان الأحادية monochromatic colorsتجعلك تستخدم لون واحد من مجموعة ألوان مختلفة، على سبيل المثال: بإمكانك استخدام تركيبة هذه الألوان لتصميم موقع معيّن : الّلون الأساسي الذي قمنا باستخدامه في الصورة السابقة هو الّلون الأخضر، الأخضر الفاتح (50% أبيض) والأخضر الغامق (50% أسود). واستخدام الألوان الأحادية monochromatic colors في التصاميم يضيف لها رونقًا واحترافية، فيكون التصميم بسيطًا لا تعقيد فيه (خاصة إذا كان التصميم يستخدم قليلا من الإضافات والتأثيرات إلا أن ذلك قد يجعل منه تصميما مملًا ومنفرًا. الألوان المكملة Complementary colors من أكثر تركيبات الألوان جاذبيّة هي تلك التي تُظهر التّناقض وتلفت الانتباه. وتنتج تلك النّوعية من خلال المزج بين الألوان التي تكون متقابلة في الدّائرة اللّونيّة، حيث تتميز بكونها ألوانا جريئة، مثيرة للاهتمام وجذّابة بصريا. تأكّد خلال تركيبك للألوان الخاصة بتصاميم عملائك أن تختار تلك التي تظهر بشكل جميل حين تقوم بمزجها، بعض التّركيبات سينتج عنها ألوانا جدّ صارخة، حاول أن تتجنّبها. الألوان التماثلية Analogous colors الألوان التّماثلية Analogous colors هي الألوان التي تصطف بجانب بعضها البعض علي عجلة الألوان الأساسية، وهي شبيهة بالألوان الأحادية monochromatic colors في كونها مناسبة جدا للتّصاميم المهنية والتّجارية، كما أنّها ملفتة للانتباه باعتبارها تضيف نوعا من التباين والجاذبية على التّصميم. الألوان التّماثلية سهلة الاستخدام ودائما تظهر بشكل جميل. الألوان المثلثية Triadic colors الألوان المثلّثية Triadic colorsهي ألوان مستقلة موجودة على العجلة والتي تشكل مثلّثا بمجرد الربط فيما بينها، ويتميز هذا النمط من الألوان في كونه يخلق نوعا من الجماليّة والتوازن. إرضاء العملاء باستخدام تركيبات لونية صحيحة ومناسبة كما ذكرنا سابقا فإنّه لا يمكننا إقناع جميع العملاء باستخدام نموذج ألوان معيّن، يجب أن تعرف أولا مؤسّسة عميلك (إذا كان التصميم مثلا خاص بمؤسّسته)، وقبل أي شيء آخر يجب أن تعرف ما تقوم به الشركة والمنتجات أو الخدمات التي تقدّمها، ذلك سيعطيك فكرة أولية حول نوعيّة الألوان التي ستختارها، وأيضا لا تنسى أن تطلع على مجموعة من تصاميم لشعارات ناجحة. المطاعم، الوجبات السريعة والمنتجات الغذائيةبالنّسبة للشّركات التي تركّز على الغذاء والطعام، حاول أن تستخدم اللّونين الأحمر والأصفر بكثرة، لأنها تعتبر ألوانًا جذّابة وسهلة الالتصاق بذهن المتلقي (الشخص الذي يراه)، بالإضافة إلى أنه يُنصح باستخدام الألوان الحارة والصّلبة، لأن اللونين الأصفر والأحمر يحفزان على الشعور بالجوع من خلال تسريع عمليّة الأيض، الأمر الذي يؤدّي إلى فتح الشهية ورفع من نسبة الطلب على الأكل أكثر مما ينبغي، تجنب استخدام اللون الأزرق والأرجواني للمطاعم نهائيا، لأنها تعمل على التخفيف من شهية الأكل لا شعوريا. أجسامنا تتفاعل سلبيا مع اللون الأزرق والأرجواني، أما الأخضر والبني فهما لونين مناسبين للاسترخاء و الأطعمة غير الرسمية (casual) كالمقاهي مثلا، كذلك جرّب أن تستخدم الألوان المكمّلة والألوان المثلثية. هذه مجموعة من لوحات الألوان الجذابة والتي يمكن استخدامها للمطاعم، الوجبات السريعة والمنتجات الغذائية: مساحيق التجميل ومواد التنظيفهنا نختار الألوان التي تعبر عن الأنوثة، النعومة والنّظافة. ألوان الباستيل مثل الأبيض، الأرجواني، الأزرق الفاتح، والزهري الفاتح هي اختيار رائع يمكنك استخدامه. تجنّب الألوان الحارّة وغير الناعمة، كما بإمكانك استخدام الألوان الأحادية والألوان الحيادية لأنها تدل على النظافة والبساطة. هذه مجموعة من لوحات الألوان الجذابة والتي يمكن استخدامها لمساحيق التّجميل ومواد التّنظيف: المؤسسات الحكومية، المؤسسات العامة، المنظمات الحكومية وغير الحكوميةعند قيامك بتصميم لإحدى المؤسّسات الحكومية، أو المؤسسات العامة أو لإحدى المنظمات، عليك أن تأخذ بعين الاعتبار أنها يجب أن تظهر كمؤسسات محترمة، جديرة بالثقة وذات كرامة. لذا اختر ألوانا تكون إيجابية وجميلة في نفس الوقت، كاللون الأخضر والأزرق. تمنح هذه الألوان الجميلة نوعا من الإيجابية وتعطي صورة عن المؤسسة أنها صلبة، قوية وجديرة بالثقة. المنظّمات الحكومية وغير الحكومية تفضل أن تستخدم الأحمر، الأبيض والأزرق في تصاميم شعاراتها مثل ما هو مستخدم في العلم الأمريكي وهي أيضا علامة على القومية والنزاهة. حاول استخدام الألوان الأحادية والتماثلية وقلل من استخدام الألوان المتباينة (الألوان المكملة). هذه مجموعة من لوحات الألوان الجذابة والتي يمكن استخدامها للمؤسّسات الحكومية، المؤسسات العامّة، المنظّمات الحكومية وغير الحكومية: الشّعارات أو التّصاميم الجرافيكية الخاصّة بالمؤسّسات التّعليمية، شركات التّأمين والمستشفيات أيضا تتبنّى ذات القاعدة. الفنادق، المنتجعات ومنشآت الضيافة الأخرىعند قيّامك بتصاميم تخص الفنادق والمنتجعات ركز على الشعور بالراحة، الاسترخاء والضيافة واختر الألوان الترابية والطبيعية. اللون البني، الأخضر والأزرق هي من أكثر الألوان التي توحي بالاسترخاء والهدوء، تجنب الألوان الصّارخة كما بإمكانك استخدام الألوان الأحادية monochromatic colors. لكن حاول أن تستخدم الألوان بحد أدنى. الأسود، الأبيض، الفضي والذهبي هي الأخرى اختيارات رائعة لتصاميم الفنادق والمنتجعات، خاصة إذا كانت من تصنيف خمس نجوم وكانوا يرغبون في الاستفادة من الترف والرقي. الخلاصةتعتبر الألوان طريقة جيدة لجذب انتباه المشاهدين، إلا أن استخدام الكثير منها سيصرف القرّاء، لذلك حاول التقليل قدر الإمكان من استخدامها واكتف فقط باستخدام من 2-4 ألوان. عمليّة مزج وتركيب الألوان ليست مجرّد عملية تتم حسب مزاج المصمم، وإنما تتم من خلال البحث والدراسة المتأنية، وكذلك من خلال معرفة أساسيات عجلة الألوان والتركيب، كلّ ذلك سيمكنك من إنشاء الآلاف من تركيبات الألوان الرّائعة والمبهرة. ترجمة -وبتصرّف- للدّرس Guide to Choosing Color Combinations When Building Sites For Clients لصاحبه James Richman. حقوق الصورة البارزة: Designed by Freepik.
  5. ما نحتاجه لرسم شعار زهرة عن طريق برنامج إنكسكيب هو أداة الدائرة وأداة النص Text tool وأداة التحرير Node tool من شريط الأدوات، وأوامر قائمة المسار Path من الشريط العلوي وكلا من لوحة التعبئة والتلوين Fill and stroke ولوحة المحاذاة والاصطفاف Align and distribute والأمر Duplicate لنخرج بهذه النماذج المختلفة للشعار. خطوات رسم شعار الزهرة من شريط الأدوات الأيسر سنرسم دائرة بأبعاد متساوية بالضغط على Ctrl أثناء الرسم ونقلل شفافيتها Opacity من لوحة التعبئة والحدود. ملاحظة: إن لم تكن لوحة التعبئة والحدود موجودة في يمين الشاشة يمكنك إظهارها عن طريق الاختصار Shift+Ctrl+F أو من قائمة Object في الشريط العلوي. كرر الدائرة عن طريق تحديدها ثم بالزر الأيمن نختار Duplicate أو من لوحة المفاتيح نضغط الاختصار Ctrl+D، ثم نحرك الدائرة المكررة أفقيا مع الضغط على Ctrl أثناء التحريك للمحافظة على اتجاهها، إلى أن تتكون لنا بتلة الزهرة في شكل التقاطع بين الدائرتين. من قائمة المسار Path نختار الأمر Intersection لنحصل على شكل البتلة، مع كون البتلة محددة سنضغط عليها مجددا لتظهر أسهم التدوير وليظهر مركزها في وسطها، سنسحب المركز + إلى الطرف السفلي للبتلة مع الضغط على Ctrl أثناء السحب للمحافظة على اتجاهها. نكرر البتلة وندورها عن طريق أسهم التدوير إلى اليمين مرتين مع الضغط على Ctrl أثناء التدوير، ثم نكرر البتلة الجديدة وندورها مرتين مجددا، ثم نفعل الشيء نفسه مع جهة اليسار. حصلنا على الزهرة الأساسية من خمس بتلات، عن طريق التعديل عليها سنحصل على النماذج الخمسة للشعار. النموذج الأول نختار البتلة الأولى مع الثانية ونكررهما ثم من قائمة المسار سنختار الأمر Intersection لتنشأ لنا بتلة صغيرة نلونها بلون مخالف لنميزها عن غيرها. سنكرر نفس العملية مع بقية البتلات حيث سنختار البتلة الثانية مع الثالثة ونكررهما ومن قائمة المسار نختار أمر Intersection وهكذا نفعل الشيء نفسه مع البتلة الثالثة والرابعة، والرابعة والخامسة؛ حتى تنشأ لنا بقية البتلات الصغيرة. بعد أن حصلنا على شعار الزهرة المطلوب سنلونها حسب رغبتنا ليكتمل الشعار، وقد اخترنا هنا هذه القيم اللونية للبتلات الأساسية على ترتيبها من الأولى إلى الخامسة بعد جعل قيمة الشفافية 100: 9e9d24ff b9b82aff e0df79ff b9b82aff 9e9d24ff وهذه القيم اللونية للبتلات الصغيرة على ترتيبها من اليمين إلى اليسار: bd0026ff 9d0020ff 89001bff bd0026ff يمكنك نسخ القيمة التي تريدها ثم لصقها في خانة RGBA في تبويب التعبئة Fill من لوحة التعبئة والحدود أو اختيار القيمة اللونية التي ترغب بها. باستخدام أداة النص Text tool سنكتب اسم الشعار الذي نرغب به تحت الزهرة ثم سنحاذيها مع البتلة الثالثة (الوسطى) من لوحة المحاذاة والاصطفاف عاموديا، وبهذا نكون انتهينا من النموذج الأول. النموذج الثاني نحدد جميع أجزاء النموذج الأول عن طريق سحب مؤشر الفأرة حولها، ثم نكررها ونسحب النسخة المكررة إلى أحد جانبيه، ثم نتخلص من البتلات الصغيرة ذات التدرج الأحمر. نكرر البتلة الأولى ثم من قائمة المسار نختار الأمر Outset ثلاث مرات لتوسيع البتلة بنفس الشكل والأبعاد، ويمكننا تطبيق الأمر عن طريق الاختصار Ctrl+)، ثم مع بقاء التحديد للبتلة المكررة نختار البتلة الثانية ثم من قائمة المسار نختار Difference. سنفعل نفس الأمر مع البتلة الثانية والثالثة حيث سنكرر البتلة الثانية ونوسعها ثلاث مرات كالسابق ثم نختار المكررة مع البتلة الثالثة (الوسطى) ونتبع الأمر Difference. نفعل الشيئ نفسه مع البتلة الأخيرة مع البتلة الرابعة وكذلك بين البتلة الرابعة مع الثالثة (الوسطى). ستبقى زوائد للبتلة الوسطى، وسيظل هناك تقاطع بين البتلتين الثانية والرابعة في جزئيهما السفليين، وحتى نزيل القطعة الزائدة من البتلة الوسطى سنختارها ثم من قائمة المسار نختار الأمر Break apart لتجزئة البتلة ثم نحدد القطع الزائدة في الأسفل ونحذفه من زر الحذف في لوحة المفاتيح. للتخلص من التقاطع بين البتلتين الثانية والرابعة سنكرر البتلة الرابعة ونوسعها عن طريق الأمر Outset ثلاث مرات كما فعلنا مع سابقاتها ثم نختارها هي والثانية ومن قائمة المسار نختار الأمر Difference. سنكرر البتلة الأولى ونوسعها كسابقاتها ثم نختارها هي والبتلة الرابعة ونختار الأمر Difference للتخلص من القطعة الزائدة أسفلها وحتى تكون الفراغات بين جميع البتلات متساوية. بهذا نكون حصلنا على شكل النموذج الثاني، ويبقى تلوينها وسنختار هنا تلوينها بالتدرج الخطي Linear gradient من لوحة التعبئة والحدود. قيمة لوني التدرج هي: b3ffabff 12fff7ff يمكنك وضع القيمة التي ترغب بها ولا تنس تحريك شريط A من لوحة التعبئة والحدود إلى أقصى اليمين للتخلص من شفافية اللون في حال كنت ترغب بذلك. النموذج الثالث سنكرر النموذج الأول مجددا ونضعه على الجانب الأيمن، ثم سنقوم بتحديد البتلات الأساسية الخضراء فقط عن طريق الضغط على Shift أثناء التحديد لتحديدها معا، ثم من قائمة المسار نختار الأمر Unionلنوحدها. نختار البتلة الحمراء الأولى ونكررها ثم نوسعها مرتين عن طريق الاختصار Ctrl+) ثم نحددها هي والبتلات الخضراء التي صارت قطعة واحدة ثم نختار الأمر Difference. وسنكرر الأمر نفسه مع بقية البتلات الحمراء. سنقوم بتكرار البتلة الحمراء الأولى مجددا وتوسعتها عن طريق الاختصار Ctrl+) مرتين كالسابق ثم نحدد البتلة المكررة مع البتلة الحمراء الثانية ومن قائمة المسار نختار Difference. ونفعل الشيء نفسه مع البتلة الثانية والثالثة، ثم نكرر البتلة الرابعة ونوسعها ثم نختارها هي والثالثة ونختار الأمر Difference. نكرر البتلة الحمراء الأخيرة مجددا ونوسعها مرتين كالسابق ثم نختارها هي والبتلة الثانية ونطبق الأمر Difference للحصول على فراغات متساوية بين جميع البتلات. وبهذا نكون حصلنا على النموذج الثالث للشعار، وسنقوم بتجزئة البتلات الخضراء لنتمكن من تلوين كل قطعة على حدة عن طريق الأمر Break apart من قائمة المسار. القيم اللونية التي اخترناها للبتلات الأساسية بترتيبها من الأولى إلى الخامسة: 800026ff bd0026ff e31a1cff bd0026ff 800026ff القيم اللونية للبتلات الصغيرة مرتبة من اليمين إلى اليسار: fd8d3cff feb24cff feb24cff fd8d3cff النموذج الرابع نكرر النموذج الأول مجددا ونقوم بحذف البتلات الصغيرة جميعها. نكرر البتلة الأولى ونلونها بلون أفتح واخترنا له القيمة f4f4d4ff ونجعل لها حدا من تبويب رسم الحد Stroke paint (تجد القيمة اللونية للحد في الصورة). نختار من شريط الأدوات أداة التحرير Node tool ثم نحذف العقدة node في الطرف الملاصق للبتلة الثانية ونسحب بمؤشر الفأرة طرف البتلة إلى الداخل. نضغط مجددا على البتلة المكررة ليظهر لنا مركزها ثم نقوم بتحريك المركز إلى طرف البتلة حتى يتم تدوير بقية النسخ التي سنكررها حول نفس المركز. لحذف الزوائد من البتلات الأصلية، سنكرر البتلة الثانية ثم نختار النسخة المكررة مع البتلة الأولى ونختار Difference من قائمة المسار، ثم نفعل الشيء نفسه مع البتلة الثالثة والثانية حيث نكرر البتلة الثالثة ونختار النسخة المكررة مع البتلة الثانية ونتبع نفس الأمر، وبهذا نكون حصلنا على النموذج الرابع وسنتركه هنا بنفس اللون. النموذج الخامس والأخير سنقوم هذه المرة بتكرار النموذج الثالث وكل ما علينا فعله للحصول على شكل النموذج الخامس، هو إزالة التعبئة باختيار علامة x في تبويب التعبئة، وإضافة حدا باللون الذي نرغب به عن طريق تبويب رسم الحد. وبهذا نكون حصلنا على النماذج الخمسة لشعار الزهرة
  6. هناك العديد من المرشّحات أو ما نُطلق عليه عادة نحن معشر المصمّمين اسم الفلاتر Filters وهي أدوات مساعدة تقوم بمهام رائعة وهناك فلاتر أساسية توجد بطبيعة الحال ضمن قائمة Filters في البرنامج، كما أنه هناك فلاتر يمكن تحميلها من الإنترنت وإضافتها على البرنامج. سنقوم في هذا الدرس باستخدام أكثر من فلتر لنشكّل تأثير تموّج لانعكاس شعار أكاديمية حسوب على أمواج الماء. نبدأ أولاً بفتح ملف جديد في الفوتوشوب وقد اخترت الحجم 1024×683 لهذا الدرس. سنقوم باستخدام أداة سطل الدهان Paint Bucket Tool أو نضغط على مفتاح G ثم نلوّن الصورة باللون الأسود. والآن سنستخدم صورة الأمواج المائية وقد اخترت هنا الصورة التالية الرائعة التي التقطتها MALIZ ONG وسنقوم بإدراجها ضمن الملف وتعديل حجمها لتتناسب مع حجم العمل. بعد ذلك سنذهب الى القائمة: Layer > New Adjustment Layer > Hue and Saturation وسندخل القيم التالية: Hue = 0Saturation = -71Lightness = 0 Layer > New Adjustment Layer > Levels أدخل القيم: 0 - 0.5 - 255. Layer > New Adjustment Layer > Brightness and Contrast أدخل القيم: Brightness = 0Contrast = -35 والآن نحفظ الملف باسم "Hsoub-Water.PSD" وانتبه يجب أن تكون صيغة الملف PSD. والآن سنقوم بإدراج الشعار. Filter > Distort > Displace أدخل القيم وتأكد من اختيار جميع الخيارات الموجودة تماماً كما في الصورة: وعند الضغط على OK سيفتح نافذة لاختيار ملف وهنا نختار الملف الذي حفظناه قبل قليل "Hsoub-Water.PSD". والآن انسخ طبقة الشعار نسخة ثانية ثم طبق الفلتر على طبقة الشعار الأصلية وليس المنسوخة من القائمة: Filter > Blur > Gaussian Blur وضع القيمة 3. وستكون النتيجة كما في الصورة: والآن أدمج طبقتي الشعار معاً بتحديد الأولى ثم اضغط على Shift وحدد الثانية ثم اضغط Ctrl+E. ثم طبق خصائص المزج لطبقة الشعار Overlay. ثم ننقر مرتين على طبقة الشعار لتفتح نافذة التأثيرات ونطبّق التأثير Color Overlay وندخل القيمة 70% مع المحافظة على خصائص المزج داخل النافذة كما هي Normal. والآن نفتح طبقة جديدة فوق كل الطبقات ونلونها بالكامل باللون الأسود ثم ننقر مرتين على الطبقة لأجل التأثيرات ونضع الإعدادات كما في الصور: لتكون النتيجة حتى اللحظة: وأخيراً نضيف طبقة جديدة فوق كل الطبقات ونلونها بالكامل باللون الأزرق بحسب القيم في الصورة: ثم نغير خصائص المزج للطبقة إلى Overlay. والنتيجة النهائية هي: بإمكانكم تجربة الأمر مع شعاراتكم الخاصة وتجربة تغيير الإعدادات كما تشاؤون واستمتعوا بالنتائج المذهلة.
  7. انضمّوا إلي في هذه المحاولة الصغيرة لإنشاء علامة تجارية مؤهّلة وبارزة لشكل رأس أسد مُصمّم كشعار فكتور بالكامل باستخدام برنامج إليستريتور. وسوف نتعلّم أيضًا كيفية تخصيص خطٍّ مدهش بالفعل وجعله مترابطًا كليًّا مع تصميم شعارنا. الإلهام لقد كنتُ أعبثّ في الإليستريتور وقطعة من الورق في محاولة لتصميم رسم لطيف المظهر لأسد. فخطرت لي فكرة في لحظة بأن أقدّم درسًا تعليميًّا لكم يا أصدقائي حول تصميم شعار بسيط. وهذه هي الصورة التي سنقوم بتصميمها في هذا الدرس. الدرس سنبدأ الآن بفتح برنامج إليستريتور. في كثير من التصاميم البسيطة لسنا مضطرين للقيام برسم التصميم المبدئي أو المخطط الأساسي على ورقة قبل البدء بالتصميم على برنامج إليستريتور، بما أن التصميم بسيط وغير معقّد فمن الأفضل تصميمه مباشرة على برنامج إليستريتور بدلًا من إضاعة الوقت على المسودات. لهذا يجب علينا التركيز على إليستريتور وحده. الخطوة 1 افتح ملفًّا جديدًا في إليستريتور واختر الأبعاد التي تناسبك فهي غير مهمة في الواقع. اختر أداة الدائرة Ellipse Tool عبر الضغط على مفتاح L وارسم شكلًا بيضويًّا معقولًا شبيهًا بالصورة في الأعلى. الخطوة 2 ارسم دائرة أخرى في مكان آخر على لوح الرسم واسحب النقطة اليمنى إلى اليمين باستخدام أداة التحديد المباشر Direct Selection tool. أضِف هذا الشكل إلى لوحة الفرش Brush palette كفرشاة جديدة واختر خيارات Art Brush. وتأكّد من صحة اتجاه الفرشاة. الخطوة 3 اضغط B لاختيار أداة الفرشاة Brush tool لرسم خُصل رفيعة من الفرو حول رأس الأسد. لا تقلق حيال المناطق الداخلية للأشكال، إنما ركّز فقط على إنشاء الخطوط الجديدة. الخطوة 4 عند الانتهاء من إضافة حدود الفرشاة قم بتحديدها جميعًا ثم اذهب إلى القائمة: Object > Expand Appearance لتحويلها جميعًا إلى أشكال جامدة. حدّدها جميعًا مجدّدًا مع الشكل البيضوي في الأسفل ثم اختر Unite من لوحة Pathfinder. الخطوة 5 لعلّ هذا هو الجزء الأصعب من الدرس حيث سيتم تحديد أساس وجه الأسد في هذه الخطوة. وقد ترتكب الكثير من الأخطاء أثناء محاولتك رسم هذا الجزء، لذلك أنصحك باستخدام مسودّة لإنشاء الشكل الدقيق الذي تريده. التقنية المستخدمة هنا هي رسم نصف وجه الأسد ثم تطبيق خيارات التناظر لإكمال شكل الوجه. استخدم أداة القلم Pen Tool وابدأ بالرسم ثم لوّن الشكل باستخدام اللون #F5F5DC. الخطوة 6 بعد الانتهاء من رسم الشكل الصحيح انسخه وألصقه باستخدام Ctrl+C و Ctrl+F. حدّد هذا العنصر ثم اعكسه بالضغط عليه بالزر الأيمن ثم اختيار القائمة: Transform > Reflect ثم اختر الخيار العمودي Vertical في النافذة التي ستظهر ثم اضغط OK. كل ما تبقى علينا فعله هو محاذاة هذا العنصر مع العنصر الآخر وتوحيد هذين العنصرين عبر تحديدهما ثم اختيار Unite من لوحة Pathfinder. الخطوة 7 اختر أداة القلم Pen Tool وابدأ برسم الخطوط الخارجية لإحدى العينين ولوّنها باللون #DCDEBF. الخطوة 8 استخدم أداة الدائرة Ellipse Tool لرسم دائرة مثالية عبر الضغط على مفتاح Shift أثناء الرسم. ضعها في موقع مشابه لما في الصورة في الأعلى. الخطوة 9 حدّد الدائرة والشكل المحيط بها وانسخهما ثم ألصقهما عبر Ctrl+C و Ctrl+F. حدّد النسخ الجديدة واعكسها عبر القائمة من الزر الأيمن Transform > Reflect. ثم اختر الخيار العمودي Vertical من النافذة المنبثقة ثم اضغط OK. كل ما تبقى عليك القيام به هو محاذاتهما مع بعضها البعض. يمكن محاذاتهما مع التصميم ككل عبر جمع Group العينين وتوسيطها بالنسبة إلى لوح الرسم للمحافظة على التناظر. الخطوة 10 استخدم سلسلة من الدوائر لرسم شوارب الأسد. أعطِ هذه الأشكال ذات اللون المستَخدم في عرف الأسد. الخطوة 11 استخدم أداة القلم Pen Tool لرسم نصف شكل الجزء السفلي من فم الأسد. والآن استخدم ذات التقنية التي استخدمتها في الخطوات السابقة وانسخ وألصق نسخة من الشكل ثم اعكسها وحاذِها مع الشكل الأساسي ثم أدمج الشكلين معًا. لوّن الشكل النهائي باللون المستخدم في الوجه. الخطوة 12 لكسر عملية التناظر التي طبّقناها طوال الوقت استخدم أداة التحديد المباشر Direct Selection Tool ثم عدّل مواقع نقاط الجزء الأيمن من شكل الفم السفلي. الخطوة 13 من جديد استخدم أداة القلم لرسم شبه منحرف مستدير الزوايا وخصلتي فراء واقعيتين أعلى الشكل. حدّد كلا الشكلين ثم طبّق Minus Front من لوحة Pathfinder. الخطوة 14 اصنع نسخةً عن الشكل واعكسها ثم ضعها في الجهة اليمنى من وجه الأسد. الخطوة 15 لقد انتهينا من تصميم شكل العلامة التجارية وسنبدأ العمل على تصميم الخط المناسب لشعارنا. سنستخدم خط Banana Brick Font لصاحبه Artmaker. بعد الانتهاء من تحميله وتثبيته على حاسوبك اكتب كلمة ROAR بالأحرف الكبيرة باستخدام هذا الخط. الخطوة 16 بعد الانتهاء من الكتابة حدّد النص الذي كتبته ثم قم بتوسيعه عبر الاختصار Ctrl+Shift+O من لوحة المفاتيح. الخطوة 17 لملء الشقوق التي تجعل من هذا الخط فريدًا من نوعه ولكن غير لائقة في هذه الحالة لهذا الشعار سنستخدم بعض الأشكال المستطيلة التي سنقوم بمحاذاتها جنبًا إلى جنب مع الجوانب الداخلية للحروف ثم أدمج النص مع هذه الأشكال باستخدام لوحة Pathfinder. الخطوة 18 قد نضطر لاستخدام أداة التحديد المباشر Direct Selection Tool لتصحيح أية بقايا أو نقاط غير مرغوبة. لا تنسَ أن تكمل الأشكال ذات الخطوط والمسارات المفتوحة باستخدام أداة القلم Pen Tool. الخطوة 19 آخر الشقوق على حرفي R يجب أن تزال باستخدام أداة التحديد المباشر لتحريك النقطة للأعلى حتى تتداخل مع الخط في الأعلى. احذف النقطة الإضافية لليمين وأغلق العنصر باستخدام أداة القلم. الخطوة 20 والآن وبعد أن قمنا بتنظيف الخط استخدم أداة التحديد المباشر لتحديد كافة النقاط التي في الأعلى ثم اضغط على Convert selected anchor points to smooth من شريط الأدوات العلوي. الخطوة 21 حدّد النقاط السفلية للنص ثم زِد حجم أرجل الحروف لنحو 2px لجعل الحروف قابلة أكثر للتمييز. سيتوجب عليك أن تشمل النقطة الداخلية السفلية من حرف O والمحافظة عليها موحدة. عند هذه النقطة ستقوم بتتبع مسارات خطوط النص يدويًّا للتأكد من عدم وجود أي تلامس بين الخطوط الخارجية للأحرف. الخطوة 23 أخيرًا استخدم أداة المستطيل Rectangle Tool لرسم مربّع مثالي عبر الضغط على مفتاح Shift أثناء سحب الشكل. حاذِه مع أسفل حروف النص ثم اجعل الزوايا العلوية مستديرة لمنحه ذات المظهر للحروف. النتيجة النهائية أتمنى أن تكونوا قد استمتعتم في هذا الدرس وتعلمتم شيئًا مفيدًا أو أكثر أثناء إنشاء شعار. يمكنكم الحصول على ملف الدرس بصيغة EPS من خلال التوجه إلى الصفحة الأصلية للدرس. ترجمة -وبتصرّف- للمقال: How to create a Lion inspired vector logo design in Illustrator لصاحبه: Loic Ginet.
  8. اتبع الخطوات في هذا الدرس لإنشاء تصميم دبوس شعار لقناع المصارعة الحرّة. سنقوم بإنشاء تصميم الشعار بالفكتور باستخدام أشكال وعناصر مختلفة قبل سحب التصميم بالكامل إلى قالب لطباعته كدبوس أو زر بقياس 25مم. سنقوم بتصميم الشعار بناءً على الأقنعة المستخدمة في المصارعة الحرة المكسيكية. عبر دمج مجموعة من الأشكال المختلفة وإضافة بعض الألوان العريضة نستطيع رسم قناع رائع بحجم مُصغّر بحيث نستخدمه كزر شارة. افتح برنامج إليستريتور وارسم شكلًا بيضويًّا على لوح الرسم. دوّر الشكل البيضوي قليلًا ثم حدد وحرّك النقطة اليسرى للخارج باستخدام أداة التحديد المباشر Direct Selection Tool. استخدم أداة تحويل النقاط Convert Anchor Point tool لإزالة منحنيات البيزير من النقطة الحادة ثم استخدم أداة إضافة النقاط Add Anchor Point tool لإضافة نقطة إضافية إلى الجزء السفلي الأيسر من المسار. حرّك هذه النقطة الجديدة للداخل قليلًا ثم دوّر المنحنيات قليلًا. حدّد شكل الدمعة الذي صممناه للتو واذهب إلى القائمة: Object > Transform > Reflect واختر الخيار العمودي Vertical. ضع النسخة على مسافة مناسبة لتُكوّن هذه الأشكال عيني القناع. ارسم دائرة صغيرة وضعها بين هذين العنصرين بحيث تتداخل المسارات بشكل تام. انتقل إلى نمط الخطوط الخارجية عبر الاختصار CMD+Y وكبّر المنظور لتتمكن من قص المسارات باستخدام أداة المقص Scissors tool. استخدم أداة التحديد المباشر Direct Selection tool لحذف المسارات غير المرغوبة ثم صِل جميع النهايات المفتوحة لتشكيل خط ناعم واحد. ارسم شكلين بيضويين وضعهما بشكل متداخل مع جزء العينين لإنهاء ما تبقى من خطوط القناع الخارجية. حدّد الأشكال الثلاثة وادمجها معًا من خيار الدمج Merge في لوحة Pathfinder. ارسم شكلًا بيضويًّا صغيرًا وحرّك النقطة العلوية للأسفل لتضييق الشكل. دوّر الشكل وضعه كفتحة للعين ثم اصنع نسخة معكوسة وضعها في الجهة المقابلة. استخدم أداة المُضلّعات Polygon لرسم مثلث وذلك بالضغط على مفتاح السهم السفلي من لوحة المفاتيح لتخفيف عدد النقاط. حدّد المثلث ثم اذهب إلى القائمة: Effect > Stylize > Round Corners وأدخل القيمة 1مم في خانة نصف القطر. استمر بتحديد المثلث واذهب إلى القائمة: Object > Envelope Distort > Make with Warp وحرّك مزلاج الانحناء لنحو 22% للتلاعب بشكل المثلث. الآن اذهب إلى القائمة: Object > Expand وحدّد خيار Object فقط لجعل التأثير دائمًا. ارسم مستطيلًا مستدير الزوايا ليكون الفم ثم امنحه انحناءه صغيرة باستخدام أداة التشويه Envelope Distort tool. تذكّر أن توسّع expand هذا التأثير لتحويله على شكل قابل للتعديل. الخطوط الأساسية للشكل العام اكتملت وسنتّجه الآن للتلوين. امنح شكل القناع الرئيسي اللون الأحمر ثم أضِف حدودًا بقيمة 0.5pt مع درجة لون أحمر داكنة أكثر. امنح عناصر الوجه لون تعبئة أزرق عميق ثم أضِف ذات الحدود الحمراء الداكنة لهذه العناصر. حدّد الخط الخارجي الرئيسي ثم اذهب إلى القائمة: Object > Path > Offset Path أدخل القيمة -0.4mm في نافذة الخيارات. امسح لون التعبئة من الشكل الجديد واستبدل الحدود بحدود بقيمة 0.25pt وفعّل خيار التنقيط وضع القيمتين 1.5pt و1pt في الفراغات الأولى. حدّد عناصر الوجه الداخلية ثم طبّق ذات العملية الأخيرة Offset Path مع وضع القيمة 0.4mm هذه المرة ثم امنحها ذات خيارات التنقيط للحدود الجديدة. أضِف دائرة بلون سماوي ليتّضح لنا كيف سيبدو شكل القناع النهائي. استخدم الاختصار ]+CMD+Shift لإرسال الدائرة خلف عناصر القناع الأخرى. أنشئ مستندًا جديدًا من أجل تصميم قالب الشارة بقياس 35x35mm. باستخدام أداة الدائرة Circle tool انقر على لوح الرسم. أدخل المقاس 35x35mm لإنشاء الدائرة بهذا المقاس واستخدم لوحة المحاذاة Align لتوسيط الدائرة وسط المستند. ارسم ووسط دائرتين بقياس 25x25mm و 23x23mm ثم انقر بالزر الأيمن على هاتين الدائرتين واختر الخيار Make Guides. عليك أن تأخذ بالاعتبار أن الدائرة الكبيرة 35x35mm ستكون حدود النزيف التي ستلتف للخلف لتشكيل دبوس الشارة. لوّن هذه الدائرة بلون الخلفية الزرقاء. الدائرتان الصغيرتان ستُشكلان حجم الدبوس وهوامش الأمان لتجنب ضياع التصميم عند الحواف. اضبط حجم وموضع القناع داخل هوامش الأمان هذه. التصميم أصبح جاهزًا للطباعة. يمكنك أخذ التصميم إلى فوتوشوب لقص العمل بحسب الهوامش وإضافة تأثير البروز وذلك لمعاينة النتيجة النهائية التي سيظهر بها العمل. ترجمة -وبتصرّف- للمقال: How To Create a Mexican Lucha Libre Mask Pin Badge لصاحبه: Chris Spooner.
  9. اتبع الخطوات في هذا الدرس لتتعلم كيفية تصميم شعار ملوّن ومنوّع بنمط رسومات الأيقونة. هذا النوع من الفن ثلاثي الأبعاد في تصميم الأيقونات أصبح شعبيًّا ومطلوبًا على مستوى العالم. اليوم سنرى كيف يمكن تصميم هذا النوع من الرسومات باستخدام الإليستريتور عبر استخدام مجموعة من الأدوات والتقنيات. عادةً ما أفضّل تصميم الشعار بأشكالٍ ذات علاقة بالشركة أو بالعلامة التجارية بصورة توضيحية، ولكننا اليوم سنتعلم استخدام التقنيات لتصميم أيقونة عامة. يتميز هذا الرسم بالعديد من الاتجاهات في التصميم وهي الأكثر شعبية اليوم كالتصميم ثلاثي الأبعاد والتدرّجات اللونيّة والاختلاف في الألوان. افتح ملفًّا جديدًا في الإليستريتور. استخدم أداة رسم الدوائر Circle tool وابدأ برسم الأشكال الأساسية للأيقونة. ارسم دائرةً صغيرةً داخل دائرةٍ كبيرةٍ ثم أضف دائرةً أصغرَ بين حدود الدائرتين. كبّر المشهد قليلًا ثم اضغط CMD+Y لتنتقل إلى عرض الخطوط فقط. سيساعدك هذا على محاذاة الأشكال بدقةٍ متناهيةٍ وبدون أي تداخل بين الأشكال. استخدم أداة المقص Scissors tool لقص أي مسار عند موضع التقاء الخطوط ثم حدّد الأجزاء غير المطلوبة واحذفها. كبّر المشهد أكثر هذه المرة وحدّد النقطتين المفتوحتين لكل المسارات ثم انقر بالزر الأيمن ثم اختر Join. كرّر هذه العملية لجميع لخطوط التي تم قصّها سابقًا حتى تكون جميع الخطوط موصولةً ومستمرّة. اصنع نسخةً عن هذا الشكل حيث سنحتاجه لاحقًا. ارسم دائرةً أخرى فوق الشكل يمر عبره وبحدودٍ متقاربةٍ من حدود الشّكل الأساسي. استخدم أداة المقص Scissors tool لقصِّ النقاط في موقع التقاء الخطوط ثم احذف الأجزاء الإضافيّة الخارجة من الشكل الأساسي لتبقى الخطوط المتواجدة داخل حدود الشكل الأساسي فقط. استمر في رسم خطوطٍ إضافيةٍ داخل الشكل عبر رسم دوائرَ مختلفةِ الأحجام وقص واحذف الأجزاء الإضافية باستخدام أداة المقص Scissors tool. استخدم أداة القلم Pen tool وانقر على النقطة المفتوحة للخط لرسم مسار مستمر. ارسم خطًا خشنًا حول الشكل حتى تصل إلى نقطة النهاية للخط وتغلق المسار ثم كرّر العملية لباقي الخطوط. حدّد كل خط من هذه الخطوط مع الشكل الأساسي ثم اختر Divide من لوحة Pathfinder. انقر بالزر الأيمن واختر Ungroup، ثم احذف الخطوط الخارجية من الشكل الأساسي. لوّن هذا الجزء حتى تميّزه. كرّر العملية لجميع الأجزاء ولوّنها بألوان عشوائية. استخدم أداة التدرّج اللوني Gradient tool لتحويل هذه الألوان الجامدة إلى تدرّجات لونية. حدّد الألوان بشكل متتابع من لوحة الألوان حيث سنجعل التدرّج الأول من الأحمر إلى البرتقالي والثاني من الأصفر إلى الأخضر وهكذا. عدّل نمط اتجاه التدرّج إلى دائري Radial ثم اضبط اتجاه الألوان لتتدفق بسلاسة عبر التصميم. الشكل يبدو رائعًا ولكننا نستطيع أن نُحسّن ذلك عبر إضافة بعض الظلال بذكاء، ارسم دائرةً متقاطعةً مع الشكل الأول. حدّد هذه الدائرة مع الجزء الأول واختر Intersect من لوحة Pathfinder. كرّر العملية لباقي الأجزاء وامنح هذه الأشكال الجديدة تعبئةً سوداء مع تخفيف Opacity إلى 10% وتغيير خصائص المزج إلى Multiply. أنت تتذكر بأننا صنعنا سابقًا نسخةً عن الشكل الأساسي، الآن سنحتاجها لتتداخل مع الشعار. ضع هذا الشكل فوق الشعار الملوّن بدقّة متناهية. أعطِ هذا الشكل تعبئةً بيضاءَ مع خصائص مزج Multiply ثم اذهب إلى القائمة: Effect > Stylize > Inner Glow عدّل الإعدادات إلى Multiply واللون الأسود و20% opacity وأخيرًا 5mm للتمويه Blur. التدرّجات المتنوعة المُضافة إلى الشكل وعناصر الظلال بالإضافة إلى التوهّج الداخلي حَسّنت من جمالية الشكل ومنحته بُعدًا إضافيًّا ليبدو ثلاثي الأبعاد. ترجمة -وبتصرّف- للمقال: How To Create a Colorful Logo Style Icon in Illustrator لصاحبه: Chris Spooner.
  10. هناك اتجاه كبير حاليًّا لدى العديد من المصممين لتصميم معظم الشعارات والشارات بهذا الأسلوب القديم، وهذا ليس غريبًا حيث أن هذا الأسلوب رائع والشعارات والشارات المُصَمّمة بهذا الأسلوب مذهلة وجميلة للغاية وخُصوصًا تلك القائمة على الدوائر المُزخرَفة. سنقوم بوضع البنية الأساسية لشِعارنا الذي سنُصممُه ببرنامج الإليستريتور ثم سنمنحه تأثير المظهر القديم والمهترئ وللقيام بذلك سنُضطر للجوء لبعض اللمسات الرائعة من برنامج فوتوشوب. الشعار الذي سنقوم بتصميمه يعود لمركز رياضي خيالي لبناء الأجسام. فهو يجمع بين الكثير من الصفات النموذجية للشعارات القديمة والحلقات السوداء والبيضاء إضافة إلى بعض التفاصيل كالنجوم والنقاط. النص يتماشى مع المسار الدائري للشعار وفي الوسط يقبع الرمز الذي يشير بكل وضوح لما يُروّج له الشعار ككل. افتح برنامج Adobe Illustrator وارسم دائرة كبيرة. انسخ CMD+C وألصق في المقدمة CMD+F نسخةً عنها، صَغّرها قليلًا مع الضغط على ALT وShift ثم لوّنها بالأسود مع حدود بيضاء. اضغط CMD+F لِلَصق نسخة أخرى وصَغِّر حجمها وبدّل لونها للأبيض. ألصق نسخة أخرى وصغّرها قليلًا أكثر لمنح الانطباع بالحلقة السميكة. ألصق نسختين من الدوائر وغيّر أحجامها بشكل مناسب لإضافة زوج من الحدود الرقيقة داخل وخارج الحلقة البيضاء. ضع دائرة أخرى في وسط الحلقة تمامًا بالحجم ثم اضبط إعدادات الحدود كما يلي: الحجم 4pt، Round Cap، Bevel Join، وفعّل الخطوط المتقطّعة Dashed Line، أول Dash بقيمة 0pt وأول Gap بقيمة 17pt. وبالنسبة للفجوة Gap تحديدًا استخدم مفاتيح الأسهم لزيادة قيمتها أو لتخفيفها حتى تتساوى المسافة بين الدوائر. في مكان آخر على لوح الرسم، ارسم سلسلة من الألواح العريضة باستخدام أداة المستطيل مستدير الزوايا Rounded Rectangle Tool. كبّر حجمها تباعًا مع المحافظة على المسافة بينها. استخدم أداة المستطيل Rectangle Tool لإضافة المقابض ثم انسخ وألصق ثم دوّر سلسلة الألواح لإنهاء أيقونة الأثقال البسيطة. لوّن جميع أشكال الأثقال باللون الأبيض ثم اجمعها Group وضعها في مركز دوائر الشعار الأساسي. انسخ وألصق إحدى الدوائر من الشعار وامسح ألوان التعبئة والحدود. في قائمة أداة النص اختر خيَار النص على المسار Type on Path وانقر على الدائرة. أدخل عبارة "Powerhouse Gym" واختر الخط المناسب. الخطوط من نوعية Slab-Serif عادة ما تكون قويّة وتمنحك الشعور بالرجولة، أنا اخترت خط Boton لاستخدامه في هذا الشعار. بدلًا من ضبط عملية تسيير الخط على المسار اذهب للقائمة: Type > Type on a Path > Type on a Path وعدّل المسافات هناك. هذه الإعدادات تُوَلّد فجوات أكثر بحيث يدفع المسار الحروف معًا كما لو كانت تتدفق حول المنحني. استخدم أداة التحديد المباشر Direct Selection Tool لتضبط بدقة المقابض الصغيرة لمنتصف أعلى النص. استخدم الأدلّة لتتأكد من أن الكلمات تبدأ وتنتهي بنفس الزاوية. انسخ وألصق دائرة النص واستبدل النص بالعبارة "Reach your potential". استخدم المقبض الصغير لضبط النص ليكون على الطرف الخارجي من الدائرة ومتجه لأسفل الشعار. في إعدادات الكتابة على المسار Type on a Path اضبط المحاذاة إلى المسار Align to Path على خيار الصعود Ascender ثم أدخل التعديلات المناسبة بالنسبة للحجم للتأكد من أن النص ممتد بشكل مثالي على طول منتصف الحلقة السوداء. ستُنهي زوج من النجوم تصميم النص بحيث توضع بين العبارتين العلوية والسفلية. اصنع واحدة ثم غيّر حجمها ثم ضعها في موضعها الصحيح، انسخ وألصق في المقدمة نسخة عنها ثم حرّك النسخة أفقيًّا مع الضغط على Shift حتى تضعها في موضعها الصحيح. إصدار الفكتور لشعارنا أصبح جاهزًا. لقد جعلت أدوات الإليستريتور من السهل إنشاء البنية العامة مع المحافظة على قابلية التعديل والتكبير والتصغير للتصميم. سننهي التصميم باستخدام بعض الخامات المذهلة في برنامج الفوتوشوب. من الممكن أن نستورد أي خامة ونقوم بكافة التعديلات اللازمة من لوحة Pathfinder ولكننا لن نحصل على ذات التأثير للخامات الحقيقية في الفوتوشوب. ألصق الشعار من الإليستريتور في مستند فوتوشوب مؤقت وغيّر الحجم داخل المستند. استخدم فرش الجرونج الشهيرة اليدوية من موقع WeFunction وأضف بقع الجرونج البيضاء على طبقة فوق طبقة الشعار. انقر على مُصَغّر الشعار في لوحة الطبقات مع الضغط على مفتاح CMD لتحديد الشعار ثم اضغط CMD+Shift+I لعكس التحديد واحذف كل البقع الفائضة. قم بتنعيم تأثير الجرونج وذلك بضبط مستوى Opacity الخاص بالطبقة. هذه اللمسة البسيطة تعطي الشعار المظهر القديم والبالي لشعار حقيقي أو ملصق أو شارة. ترجمة -وبتصرّف- للمقال: How To Create a Retro Badge-Emblem Style Logo لصاحبه Chris Spooner.
  11. اتبع هذا الدرس خطوة بخطوة لتتعلم كيفية إنشاء شعار من الشرائط المرسومة ببرنامج الإليستريتور مع التدرجات اللونية والتأثيرات. سوف نرسم الشكل كتصميم فكتور لنسمح بتغيير حجمه بسهولة وسنصمم مقاطع مسطحة وأحادية للحفاظ على تنوع الشعار. عادة ما يتضمن مشروع تصميم الشعار الكثير من البحوث من أجل تطوير العلامة التجارية التي تعكس الشركة، ولكن في هذا الدرس سوف نركّز فقط على المهمة العملية لرسم شعار رائع المنظر في الإليستريتور. سيكون التصميم عبارة عن شريط مستمر غير متقطّع ملتف باستمرار بشكل لولبي. افتح برنامج Adobe Illustrator وارسم مستطيل رفيع طويل على لوح الرسم. تذكّر أن الأبعاد الأوليّة لتصميم الشعار غير مهمة لأننا نعمل على الفكتور ما يسمح لنا بتغيير الحجم بكل حرّية فيما بعد وذلك على عكس الفوتوشوب الذي لا نستطيع معه أن نعدّل حجم الشعار بعد تصميمه بدون فقدان الدقة والجودة والوضوح. انسخ CMD+C وألصق في المقدمة CMD+F نسخة عن المستطيل ثم حدد النقطتين في أعلى المستطيل الجديد بأداة التحديد المباشر Direct Selection. استمر بالضغط على Shift وحرّك هاتين النقطتين إلى اليمين لنُشَكّل انحرافًا في الشكل. حدد كلا الشكلين وانسخ ثم ألصق النسخ الجديدة في المقدمة. حرّكها أفقيًّا نحو اليمين لتُشَكّل تتمةً للشريط ثم انقر بالزر الأيمن واختر من القائمة: Arrange > Send to Back حتى يصبح الرسم متتابعًا. كبّر منظور العمل ثم اضغط CMD+Y لتفعيل الخطوط الخارجية. حدد المستطيلين الجديدين وارصفهما بعناية ليتطابقا مع النسخ الأصلية. كرر العملية لتمديد الشريط ثم أضف مستطيل مائل واحد على الحافة اليسارية للانتهاء من الشريط. انسخ أحد المستطيلات المائلة ثم اذهب للقائمة: Object > Transform > Reflect وحدد الخَيَار Vertical لعكس الشكل إلى الجهة المعاكسة. ضع الشكل المعكوس على الحافة اليمنى للشريط وبذلك ننتهي من رسم التصميم العام للشعار. جهّز مخطط ألوان الشعار بنفسك أو حمّل أحد المخططات الجاهزة الرائعة من الإنترنت مثل موقع ColourLovers.com وابدأ باستبدال ألوان التعبئة والحدود بالألوان الجديدة النابضة بالحياة. سنصمم إصدار خاص بالألوان المسطحة للشعار لاحقّا أما الآن فسنلوّن الشعار بتدرجات لونية رائعة تجعل الشعار حيويًّا. اصنع نسخة من الشعار ثم لوّن كل جزء بتدرج لوني خاص. سنختار اللون القاتم الأصلي في بداية كل تدرج لوني ونجعل نهاية التدرج هو اللون التالي في ترتيب الألوان. إن القيام بمزج الألوان في كل تدرج لوني بشكل متتالي بحسب ترتيب الألوان يعطي انطباعًا عن الاستمرارية في الشريط بينما الألوان القاتمة للمستطيلات الخلفية تعطي مظهرًا ثلاثي الأبعاد للشعار. في آخر جزء اختر اللون الأفتح من مخطط الألوان ولكن أضف مظهر الظلال عليه بجعل بداية التدرج اللوني يبدأ بلون أكثر قتامةً بقليل من اللون الأصلي. انقر واسحب أداة التدرج اللوني Gradient لتضبط زاوية تدفق الألوان في التدرجات اللونية لكل مستطيل على حدة لتحقيق أفضل مزج ممكن للألوان. حدد كلًّا من المستطيلات العمودية الخلفية وأعطها التدرج اللوني الأقرب لأقرب مستطيل منها بنفس الطريقة واختر الألوان بأداة القطّارة eyedropper. لتحافظ على تقنية الخداع البصري والإيهام بالشعور ثلاثي الأبعاد يجب أن تجعل تدرجات ألوان هذه المستطيلات أكثر قتامة من مثيلاتها الظاهرة في المقدمة وذلك لتمثيل الضوء والظل. انتهينا من تصميم الشعار ويبدو رائعًا بألوانه الحيوية فالتدرجات اللونية وتأثيرات الإضاءة والظلال تجعل هذا الشعار غاية في الحيوية. ارسم دائرة في مكان ما على لوح الرسم واجعلها بتدرج لوني من الأسود إلى الشفافية. اضغط الشكل عبر سحب المقبض السفلي للأعلى حيث سيكون هذا الشكل ظلالًا لبقية الأشكال. خفف مستوى الظهور opacity إلى 15% ثم ضعه تحت أسفل حافة أحد المستطيلات. استمر بالضغط على ALT و Shift أثناء سحب الشكل لصنع نسخ ووضعها أسفل جميع المستطيلات. تأثير الظلال الذي رسمناه للتو يمنح الشعار مظهرًا ثابتًا وراسخًا على الأرض. هذا هو الإصدار الأول الكامل من الشعار ولكننا سنصمم بسرعة الإصدار المسطح والأحادي للحفاظ على التنوع في الشعار. إن الشعار المسطح مفيد عند استخدام الأحجام الصغيرة من الشعار حيث لن تظهر التدرجات اللونية بشكل واضح ولن يشكل وجودها أي تأثير أو فرق. اصنع نسخة عن الشعار وأزِل كل التدرجات اللونية والظلال تاركًا الألوان الجامدة فقط بدون أي تأثيرات. الشعار الأحادي اللون مفيد عند وضع الشعار في الخلفيات غير العادية حيث سيضيع الشعار الأساسي. استبدل كل الألوان باللون الرمادي مؤقتًّا. الشعار سيفقد كل وضوح له بدون القيام ببعض التعديلات. حدد الأشكال المائلة ثم اذهب للقائمة: Object > Path > Offset Path أضف قيمة صغيرة offset بمقدار 0.3mm. حدد كافة الأشكال الإضافية الجديدة واصنع مسارًا مركّبًا Compound Path. والآن قم بتحديد المستطيلات العمودية في المقدمة مع المستطيل الأخير المائل في المقدمة أيضًا واصنع مسار مركب جديد Compound Path. حدد مع الضغط على Shift كلا المسارين المركبين واختر Subtract من لوحة Pathfinder لنَقُصّ الأشكال الإضافية offset من المستطيلات الأصلية ولترك تأثير حدود فارغة. أصبح الشعار أحادي اللون جاهزًا وبالإمكان تمييزه وباستطاعتنا استخدام أي لون نريده الآن. وبهذا نكون قد انتهينا من تصميم الشعار وأصبحنا جاهزين لتسليمه للعميل. الصيغة الأولية تبدو عظيمة مع كل هذه التدرجات اللونية والتأثيرات وستحتفظ بجودتها عند تعديل حجمها. أما الصيغتين المسطحة وأحادية اللون فهي تحافظ على تعددية استخدامات الشعار ونسخه في أي مكان. ترجمة -وبتصرّف- للمقال: Create a Cool Ribbon Style Logo Graphic in Illustrator لصاحبه Chris Spooner.
  12. تحالف IGN هو شبكة IGN على YouTube للألعاب واللاعبين (IGN هو من أشهر المواقع التي تعنى بالألعاب). سنصمم هذا الشعار الخاص بأسلوب عسكري يمكن استخدامه لألعاب إطلاق النار والحروب مثل لعبة Call of Duty و Battlefield. وسيكون هذا الشعار هو شارة رقيب محاطة بإكليل غار مع لافتتين كبيرتين في الأعلى والأسفل وسنقوم بتصميم كل ذلك من الصفر بواسطة أدوات الفكتور في الإليستريتور. سنبدأ مع شارة الرقيب، ارسم مربعًا أسود على لوح الرسم ثم استمر بالضغط على shift ودوّره بزاوية 45 درجة. استمر بالضغط على Alt و Shift أثناء النقر وسحب المربع لتُشَكّل نسخة عنه. ضعه بشكل يصبح فيه أول شكل من أشكال الرتبة ثم قم بمقاطعة الشكلين بواسطة Intersect من لوحة Pathfinder. من القائمة: Object > Envelope Distort > Make with Warp ضع الخَيَار Arc في Style وعموديًا بقيمة -20% في Bend لتحقيق انحناءة بسيطة في الشكل. استخدم مستطيلًا مؤقتًّا مع أداة Subtract من لوحة Pathfinder لقطع أطراف شكل الرتبة والحصول على حواف مستقيمة. اصنع نسختين عن الشكل بسحبه مع الضغط على Alt و Shift وستلاحظ أن الانحناء ليس مثاليًا من حيث المحاذاة لذلك قم بتعديل الانحناء حتى تصبح المسافات بين الأشكال متساوية. ارسم دائرة وحدّد 3 نقاط من أصل الأربعة باستخدام أداة التحديد المباشر Direct Selection واحذفها لتبقى ربع دائرة. دوّر ربع الدائرة بزاوية 45 درجة ثم زِد سماكة حدودها حتى تتطابق مع سماكة أشكال رتبة الرقيب. حدد ربع الدائرة مع أحد أشرطة الرتبة ثم انقر نقرة إضافية على شريط الرتبة ليصبح هو العنصر المفتاح ثم قم بمحاذاة العناصر عموديًا. إن جعل شريط الرتبة العنصر المفتاح سيمنعه من الحركة من مكانه. حدد ربع الدائرة وعدّل حجمها لتصبح بعرض شرائط الرتبة ثم اذهب للقائمة: Object > Transform > Reset Bounding Box استخدم المقبض السفلي للمربع المحيط بربع الدائرة لتمدد الشكل وتصنع انحناءة أكبر. كبّر وعدّل بالأحجام حتى تتطابق الحدود تمامًا ثم ارسم مستطيلات صغيرة لملء الفجوات. اذهب إلى القائمة: Object > Expand واختر Stroke لتحول المسار إلى شكل جامد. ارسم تحديدًا حول العناصر واختر Merge من لوحة Pathfinder لمزج جميع الأشكال الفردية معًا. اذهب إلى القائمة: Object > Path > Offset Path أدخل القيمة 8mm. انقر بالزر الأيمن ثم اختر Ungroup وبذلك أصبحت عناصر رتبة الرقيب منفصلة يمكن تحديدها أو حتى جمعها مجددًا. أدمج كل الأشكال المجزأة من المسارات الإضافية معًا ثم أرسل الخطوط الخارجية للخلف (زر أيمن ثم Arrange > Send to Back) واحذف أو عدّل النقاط التي تصنع مناطق غير مرغوبة. في مكان آخر على لوح الرسم ارسم شكلًا بيضويًا بأداة ellipse. استخدم أداة Convert Anchor Point من لوح أدوات القلم Pen لإنشاء نقطة في الأعلى. أعطِ هذا الشكل حدودًا سوداء بقيمة 2 pt. دوّر الشكل قليلًا ثم انسخ CMD+C وألصق في المقدمة CMD+F لتصنع نسخة عنه. Object > Transform > Reflect لتعكس اتجاه رسم الشكل الثاني. اجمع الشكلين Group ثم اسحب نسخة منها مع الضغط على ALT و Shift بشكل متباعد باتجاه الأعلى على لوح الرسم. حدّد الشكلين ثم من القائمة: Object > Blend > Make ثم: Object > Blend > Blend Options لضبط العدد تحت خطوات محددة حتى تبدأ الأوراق بالتداخل. اذهب إلى القائمة: Object > Envelope Distort > Make With Warp وحدد الخيار Arc عموديًا بقيمة -100% لتحقق انحناءة للأوراق حتى تشكّل نصف دائرة. اذهب إلى: Object > Expand وحدد الخيار Object ثم استخدم أداة التحديد المباشر لتحديد واحذف زوجين من الأوراق في قمة الشكل وبذلك لن تتشكل دائرة كاملة متصلة فيما بعد. أنسخ وألصق وأقلب اتجاه النسخة لتصبح بنمط دائري. اجمع Group هذه العناصر معًا. عدّل حجم وموضع أوراق الغار فوق رتبة الرقيب. اجعل بعض الأوراق تتداخل مع أطراف الرتبة. أضف مسار تعويض Offset Path بقيمة 3mm لعناصر الأوراق. ألغِ تجمّع الأشكال Ungroup لتحديد عناصر مسار التعويض Offset Path كل على حدة من الأوراق الأساسية. أدمج (Merge) مسارات التعويض offset path معًا من لوحة Pathfinder لإعطاء شكل تعبئة سوداء كاملة. اضغط CMD+[ لتغيير ترتيب العناصر وإرسال مسار تعويض تحت الإكليل والشعار. استخدم أداة ellipse لرسم دائرة تشمل الفجوات في منتصف التصميم ثم اضغط ]+CMD+Shift لإرسالها إلى أسفل العناصر جميعها. حدد شكل الخلفية الأسود من شعار الرقيب ثم اذهب إلى: Object > Path > Offset Path ضع القيمة 3mm في الخيارات. أعطِ شكل مسار التعويض تعبئة بلون أبيض لتمييزها عن الخلفيات السوداء. في مكان آخر قم برسم مستطيلات لتشكيل لافتة بسيطة. أعطِ هذه الأشكال تعبئة بيضاء بحدود سوداء. استخدم أداة القلم Pen لملء الفجوات بأشكال سوداء لإعطاء انطباع عن حواف مثنية. قم بتقريب المشهد واستخدم الأدوات الذكية Smart Guides بالضغط على CMD+U للمطابقة على النقاط الموجودة. أعطِ هذا الشكل انحناءً طفيفًا باستخدام أداة Envelope Distort. ضع هذا الشكل أعلى تصميم الشعار وقم بمحاذاتها وسطيًا مع العناصر الموجودة. زيّن اللافتة ببعض النصوص أو بشعار مع بعض النجوم لتملأ المساحات الفارغة من اللافتة. اجلب أشكال رتبة الرقيب للمقدمة بالضغط على [+CMD+Shift ثم أضف حدودًا سوداء بقيمة 5pt . التداخل المناسب سيساعد على إنشاء تأثير ترتيب وتراص مثير للاهتمام وتثبّتُ الأشكال معًا. ارسم لافتة أخرى وإنما هذه المرّة اجعلها أطول ومنحنية بالاتجاه المعاكس وقم بمحاذاتها مع أسفل الشعار مستخدمًا لوح المحاذاة Align palette. اضبط ترتيب العناصر لتتداخل اللافتة مع عناصر الشعار. في مكان على لوح الرسم اكتب كلمة Alliance بخط من اختيارك استخدمت خط Franchise ولكن لتتناسب مع الموضوع العسكري أضفت خطوطًا محددة لخلق تأثير stencil (الرسم باللوح المثقوب وهو معتمد لدى معظم الجهات العسكرية). استخدم خط stencil الأصلي لإظهار الفواصل بين الحروف بشكل واضح لذا كن حذرًا عند محاذاة خطوط الحدود لتتدفق بسلاسة عبر كل حرف. حدد كل المسارات ثم اذهب إلى: Object > Expand لتحويلها إلى أشكال جامدة. حوّل النص إلى شكل خطوط بالضغط على CMD+Shift+O ثم ألغِ تجمع الأحرف ungroup ثم ألغِ تجمع الخطوط. أنشء مسارين متراكبين منفصلين للحروف والخطوط باستخدام الاختصار CMD+8. حدد كلاهما ثم اخرج الخطوط من النص باستخدام لوح Pathfinder وتحديدًا أداة Subtract من ذاك اللوح. ضع النص فوق اللافتة السفلية وأضف انحناء عبر أداة Envelope Distort ليتناسب انحناؤها مع شكل اللافتة. أنهِ التصميم بوضع سلسلة من الأيقونات في المساحة الفارغة المتبقية من شعار الرقيب. استخدمت أشكال جاهزة قمت بتحميلها من الإنترنت وبهذا ينتهي تصميم هذا الشعار. شارة الرقيب الكبيرة والنصوص المميزة بأسلوب الكتابة العسكرية عبر اللافتات وأوراق الغار، كل هذا ساعد على تشكيل شعار أنيق دائري مميز. ترجمة -وبتصرّف- للمقال: How To Create a Military Style Emblem Logo Design لصاحبه Chris Spooner.
  13. قامت شركة أدوبي مؤخراً بإضافة أدوات التصميم ثلاثي الأبعاد على برنامج فوتوشوب (Adobe Photoshop). وهذه الأدوات ممتازة لإنشاء نماذج ثلاثية الأبعاد مع إضاءة واقعية جداً ومواد مختلفة مثل المعادن، البلاستيك والخشب. إنّ الكروم هو أحد التأثيرات التي تتم محاكاتها بواسطة الفوتوشوب مع مختلف التدرّجات وأنماط الطبقات، ولكن ميزة التصميم ثلاثي الأبعاد في إصدارات CS6 وCC تسمح لك بتحقيق نتائج تتجاوز التقنيات التقليدية المُستخدمة سابقاً. سنستخدم أولاً برنامج أدوبي إليستريتور (Adobe Illustrator) لتصميم شعار رائع، ثم سنصدّره إلى الفوتوشوب لتحويله إلى نموذج ثلاثي الأبعاد مع إضافة اللمعان وتأثير الكروم النهائي. في هذا الدرس سيكون عملنا الفني هو إنشاء شعار بتأثير كروم السيارات لعبارة (RocketEagle)، إن هذه العلامة التجارية خيالية وقد تم تطبيق أسلوب فن ديكو Art Deco على أجنحتها وأنماطها. سنستغل أدوات الإليستريتور القويّة لبناء التصميم المسطّح، ومن ثمَّ سنصدّره إلى الفوتوشوب لتحويله إلى نموذج ثلاثي الأبعاد مع بروزات متعددة (لاحظ أن الشكل الدائري في المنتصف بارز أكثر من الأجنحة). ثم يأتي الجزء المثير في هذا التصميم وهو توليد تأثيرات الإضاءة والمواد لإنتاج تأثير الكروم المذهل. بالإمكان تصميم الشعار الأساسي المُسطّح بواسطة الفوتوشوب بالتأكيد ولكنني أرى أنّ أدوات الرسم المتجه (Vector) في الإليستريتور أسهل استخداماً في تصميم وإنشاء الشعارات. ارسم دائرة ثم كررها مرتين واجعل حجمهما أصغر باتجاه المركز بالتدريج. أضف الحرف الأول من علامتك التجارية R في المنتصف. بالنسبة لنوع خط الحرف R فقد استخدمتُ الخط الفني الرائع المسمّى Metropolis 1920. قم بتحويل النص إلى شكل بالضغط على الزر الأيمن واختيار إنشاء خطوط خارجية Create Outlines. قم بتعديل حجم ومحاذاة النص مع أصغر الدوائر، ثم قم بزيادة سماكة حدود الدائرة بحيث تصبح سماكتها متشابهة مع سماكة النص، اذهب إلى قائمة: Object > Expand واختر خيار Stroke لإضافة حدود خارجية لهذه الدائرة السميكة الحدود أصلاً داخل الشكل الحلقي. استخدم أداة التحديد المباشر Direct Selection لتعديل تمدد أجزاء النص المتداخلة مع الدائرة وجعلها ضمن حدود هذه الدائرة. قد نحتاج نقاط ارتكاز إضافية في بعض المناطق للحفاظ على الشكل الأصلي للحرف. تأكّد من أن تكون الأجزاء الممتدة من النص داخل حدود الدائرة، ومن ثم حدد خطوط الدائرة والنص معاً واستخدم أداة بناء الأشكال Shape Builder tool لتنسيق الأجزاء وذلك للحصول على خط مستمر وبدون تقطيع بين الدائرة والنص. اختر Unite من لوحة إيجاد المسار Pathfinder لمزج ما تبقى من العنصرين المنفصلين حتى يتكوّن شكل موحّد. في مكان آخر على لوح الرسم استخدم أداة القلم Pen tool لإنشاء خطوط ممتلئة بزاوية 45 درجة كما في الصورة. هذا الشكل سيكون الجزء الداخلي من الجناح. فعّل Smart Guides الأدلة الذكية من قائمة: View > Smart Guides ثم ارسم مستطيلاً صغيراً. استمر بالضغط على مفتاح ALT أثناء سحب نسخة واستخدم الأدلة الذكية الخضراء لمحاذاتها بشكل ممتاز. اضغط على CMD+D عدة مرات لتكرار العملية. ملاحظة: ما هو اختصار CMD+D. إن مفتاح CMD في الويندوز هو Ctrl وفي ماكنتوش هو Command ⌘ ضع سلسلة المستطيلات في مجموعة واحدة Group ثم اجعلها تستدير بزاوية 45 درجة. ضعها فوق الجزء الداخلي لشكل الجناح واستخدم اختصار ]+CMD+Shift لإرسالهم إلى أسفل جميع الأشكال. استخدم تقنية التكرار ذاتها وارسم سلسلة من المستطيلات الأفقية الطويلة لتُشكّل ريشات الجناح الرئيسي. ارسم مربع مؤقت ودوّره بزاوية 45 درجة، ثم ضعه على أطراف الأجنحة. اختر هذا الشكل مع جميع مستطيلات الجناح واستمر بالضغط على ALT أثناء التحريك مع أداة Shape Builder وذلك لتقليم نهايات الأطراف. ضع ريشات الجناح في مجموعة Group ثم استخدم الاختصار ]+CMD+Shift أو اضغط على الزر الأيمين واختر: Arrange > Send to Back لإرسال تلك الريشات إلى أسفل بقية الأشكال. اختر كامل الجناح وضعه في مجموعة Group ثم اذهب إلى قائمة: Object > Transform > Reflect فعّل خيار Vertical ثم اضغط Copy كما في الصورة. استمر بالضغط على مفتاح Shift أثناء تحريك الجناح داخل الجهة المقابلة. حرّك الجناحين إلى داخل أسفل وسط الشعار لإخفاء الأشكال الزائدة حيث تتداخل الأجنحة في الوسط. استخدم أداة المضلّعات Polygon لإنشاء شكل واستخدم الأسهم في لوحة المفاتيح لجعل عدد الأضلاع خمسة. حرّك الضلع السفلي إلى الأسفل أكثر بواسطة أداة التحديد المباشر Direct Selection مع الاستمرار بالضغط على مفتاح Shift لتمديد الشكل. ارسم خطّاً إضافياً أسفل المركز مستخدماً الأدلة الذكية Smart Guides لإطباق ومحاذاة المسار. دوّر الشكل 180 درجة وبذلك يمكن استخدامه كريشة ذيل. اختر أداةالدوران Rotate وانقر لوضع النقطة المحورية (التي يتم الدوران حولها باعتبارها مركز الشكل) في وسط الضلع المستقيم العلوي. استمر بالضغط على مفتاح Alt أثناء سحب الشكل لصنع نسخة أخرى بدرجة دوران مختلفة عن الأصلية. والآن حدد الشكل الجديد واضغط CMD+D لتكرار العملية الأخيرة وصنع ريشة ذيل أخرى. قلل حجم الشكل الأوسط قليلاً ثم اضغط CMD+D مرتين لتكرار عملية التصغير على الشكل الأخيرة مرتين وبذلك تصبح الأشكال أصغر تدريجياً. قم بإرسال الشكل الأوسط إلى أسفل مجموعة أشكال الذيل ثم قم بذات العملية مع الشكل الأخير وبذلك تصبح أشكال الريش متداخلة بشكل صحيح. حدد الأشكال الثلاثة وانسخها نسخة معكوسة بالاتجاه الآخر. استخدم الشكل الأوسط الكبير لمحاذاة النصفين تماماً، ثم احذف الشكل الأوسط الكبير المكرر. ضع ريشات الذيل في مجموعة Group ثم حركها إلى داخل الشعار الرئيسي بدون أن ننسى بأن نضعهم خلف بقية أشكال الشعار الأخرى. استخدم لوحة المحاذاة Align Panel لوضعهم بشكل مستقيم ومحاذاتهم مع المركز. أعطِ إحدى الدوائر نقرة إضافية لتصبح مفتاح الكائن وبذلك لن يمكن تحريكها من مكانها. ارسم مربع أعلى تصميم الشعار وحدد النقطتين العلويتين بواسطة Direct Selection وحرّكهم معاً إلى المنتصف بواسطة أداة تغيير الحجم Scale. ارسم الخطوط الخارجية لرأس النسر مستخدماً أداة القلم Pen tool وبنقرات مفردة بدون استخدام مقابض البيزيير Bezier (هي التي تحّول الخط المستقيم إلى منحني) وبذلك يتم إنشاء خطوط مستقيمة. قم بدمج هذين الشكلين بواسطة باني الأشكال Shape Builder أو أدوات إيجاد المسار Pathfinder tools. قم بتحديد الرأس ثم اذهب إلى قائمة: Object > Path > Offset Path وأدخل القيمة (4mm-). اسحب الضلع السفلي للشكل الداخلي نحو الأسفل بواسطة Direct Selection حتى يبرز من تحت الشكل الأصلي. استخدم خيار إزالة المقدمة Minus Front من Pathfinder لقص الأشكال الداخلية من الشكل الأصلي ثم ضع الرأس بمحاذاة مركز الشعار وعليك القيام بذلك بالعين المجردة فقط لأن هذا الرأس هو عبارة عن شكل غير متناظر. قم بتحديد كافة الأشكال التي تُكَوِّن الشعار واضغط على زر Unite من Pathfinder. احذف الشكل الداخلي الصغير بواسطة Direct Selection وذلك لصنع صورة ظلال أحادية اللون للتصميم بالكامل. اذهب إلى القائمة: Object > Path > Offset Path وأدخل القيمة 3mm لإنشاء خط خارجي إضافي. طبق النمط الافتراضي وهو اللون الأبيض للتعبئة والأسود للحدود ومن ثم أرسل الشكل إلى أسفل مجموعة الأشكال. حدد جميع الأشكال في تصميم الشعار باستثناء الحرف في وسط الشعار (استخدم Shift وانقر عليه لإزالته من التحديد) ثم انقر على أداة الطلاء الحي Live Paint لإنشاء مجموعة Live Paint Group. اذهب إلى أداة تحديد الطلاء الحي Live Paint Selection tool وارسم تحديداً حول الكائن كلّه. طَبّق لوناً عشوائياً على كل الكائن. اذهب إلى قائمة: Object > Expand واختر فقط خَيَار Object ليتم تطبيق تأثير الطلاء الحي Live Paint بشكل دائم. قم بإلغاء المجموعات من خلال الضغط بالزر الأيمن واختيار Ungroup وقم بذلك على جميع المجموعات حتى لا يعود هذا الخَيَار متاحاً وتصبح جميع العناصر منفصلة تماماً وغير مجمّعة. حدد أحد الأشكال ثم اذهب إلى قائمة: Select > Same > Fill Color قم بدمج كل الأشكال معاً بالضغط على خَيَار Unite من Pathfinder. حدد أحد المسارات ذات الحدود من التصميم واذهب إلى قائمة: Select > Same > Stroke Color والآن اذهب إلى قائمة: Object > Expand ولكن هذه المرّة اختر Stroke وذلك لتحويل هذه الحدود إلى أشكال. انقر على خَيَار Unite من Pathfinder لدمج كل قطاعات الخطوط الخارجية الصغيرة في شكل مستمر متّصل موّحد. أضف الأشكال الملونة إلى التحديد وانقر على زر إزالة المقدمة Minus Front من Pathfinder لإخراجها خارج الخطوط. حدد العناصر المتشابهة التي تشكّل أجزاء مختلفة من التصميم ثم اختر Make Compound Path من القائمة المنبثقة جرّاء الضغط على الزر الأيمن للفأرة. مجموعات الأشكال هذه تضم ثلاثة أقسام مختلفة من الأجنحة، نصفي طبقات ريش الذيل الثلاثة، الأجزاء الصغيرة التي تشكّل الحرف في الوسط، الخ. هذه هي مجموعات الأشكال التي ستحتاج إلى تمديدها بنفس العمق عندما نعالج الإعدادات ثلاثية الأبعاد فيما بعد. إنّ القطع موجودة في مجموعات منفصلة للمسارات المركبة، اختر (Release to Layers (Sequence من قائمة أدوات الطبقات Layers. ابحث عن شكل الخطوط الخارجية الرئيسية من ضمن الطبقات، ثم استخدم Direct Selection لحذف الأجزاء الداخلية وترك جسم الشكل. لم يعد بإمكانك رؤية التصميم بوضوح بسبب اختفاء الخطوط وبقاء الأشكال المتماثلة اللون فقط ولكننا نعلم أن بقية الأشكال ما زالت موجودة. هذه الخطة تضمن حصول شعارنا ثلاثي الأبعاد على قاعدة أساسية صلبة. اذهب إلى قائمة: File > Export واحفظ الملف بصيغة ملف فوتوشوب PSD. تأكد من اختيار Write Layers قبل النقر على OK. افتح الملف الذي صدّرناه للتو بصيغة PSD باستخدام برنامج الفوتوشوب ولاحظ كيف أن كل مجموعات الأشكال موضوعة على طبقات مختلفة. كبّر الملف بواسطة أداة القص Crop وضع الطبقة الجديدة في أسفل اللوحة للتعبئة كخلفية مؤقتة. حدد كل طبقة بشكل دوري واختر New 3D Extrusion from Selected Layer من قائمة 3D. عندما تنتهي من تحويل كافة الطبقات إلى كائنات ثلاثية الأبعاد اذهب إلى قائمة: 3D > Merge 3D Layers وبذلك يكون من السهل الوصول إلى جميع الكائنات في مشهد واحد ثلاثي الأبعاد. تحت لوحة 3D اختر المشهد Scene من قائمة العناصر واستخدم أدوات التصفّح Navigation tools الموجودة أعلى لوحة أدوات الفوتوشوب لتدوير محيط العمل حتى تستطيع رؤية عمق الكائنات الثلاثية الأبعاد. في لوحة 3D حدد الطبقة الأولى ثم اضغط على Shift مع النقر على الطبقة الأخيرة لتحديد جميع الطبقات ثم عدّل عمق التمدد إلى 5px في لوحة الخصائص Properties panel. ستتوزّع جميع القطع المختلفة في أرجاء المكان، لذلك حدد كل طبقة على حدة وبدّل قيمة المحور Z إلى الصفر. حدد كل طبقة فردياً وعدّل عمق التمدد لإعطاء كل قطعة داخل الشكل ثلاثي الأبعاد سماكة معينة. خط الشكل الأكبر هو الشكل الأنسب للبدء بمد القاعدة من أجل الشعار. مدّد بقية الأشكال بقيم مختلفة لإضافة العمق إلى النموذج. ولأننا نريد الحفاظ على واجهة التصميم بشكل صحيح فإنه يجب وضع قيم سلبية للتمدد إلى الخلف بدلاً من التمدد إلى الأمام. عندما تصبح جميع الأشكال ممدّدة فإن التصميم سيبدو رائعاً حقاً بالأبعاد الثلاثية. أسلوب فن ديكو (The Art Deco) يبدأ بالظهور بشكل تدريجي ما إن تظهر أجزاء هذا النموذج تدريجياً. إنّ التصميم لا يبدو رائعاً بهذا اللون العشوائي، استمر بالضغط على Shift وانقر من أول طبقة مواد وحتى آخر واحدة لتختار كل واحدة على حدة، ثم طبّق مادة المعدن Metal Material من لوحة الخصائص Properties. قد لا يرضي الاختيار الافتراضي طموحاتك لأنه محدود جداً لكن باستطاعتك تحميل المزيد منها من موقع Adobe’s Downloadable 3D Content. على كل حال المادة التي ستختارها لن تبدو رائعة حتى ننتهي من إعدادات الإضاءة. (IBL) وهي اختصار لعبارة Image Based Lights وتعني الإضاءات المستندة على الصورة وهي تقنية توفر تأثيرات إضاءة أكثر واقعية. اختر Environment من لوحة3D ثم اختر Replace Texture ضمن خيارات IBL في لوحة الخصائص Properties. اختر صورة مع إضاءة رائعة كغروب الشمس مثلاً. أنا استخدمت هذه الصورة من موقع Unsplash. سوف تكون الصورة هي المشهد الذي سيتم وضع النموذج ثلاثي الأبعاد النهائي ضمنه لذلك يجب أن تتطابق الإضاءة والانعكاسات تماما مع محيطها. قلل شدة الضوء إلى نحو 45٪. اختر الضوء اللانهائي Infinite Light من لوحة 3D ثم حرّك المقبض لتغيير اتجاه الضوء. من الملفت أن الهبوط من زاوية مرتفعة سيجنبنا الحصول على انعكاسات برّاقة وسينتج بعض الظلال الجميلة. قلل كثافة الضوء Intensity لنحو 50% ونعّم الظلال Shadows إلى 60%. انقر على كل الطبقات في لوحة 3D مع الضغط على مفتاح Shift مجدداً لتحديدهم جميعهم. وفي مربع الإعدادات قم بتغيير الإسقاط إلى الأمام والخلف ثم بدّل إعدادات Bevel Width إلى 3%، Bevel Angle إلى 45- درجة، Inflate Angle إلى 45- درجة وأخيراً Inflate Strength إلى 2%. هذا سيضيف بعض الشطوب الرقيقة إلى الحواف وينعّم واجهة القطع ثلاثية الأبعاد، مما يساعد في توليد المزيد من الانعكاسات الخاصة بتأثير الكروم. باستطاعتك تهذيب جزء IBL المنعكس باختيار Environment من لوحة 3D. مع تفعيل أداة التحديد Selection tool انقر واسحب العالم الثلاثي الأبعاد حتى تجد الموضع المناسب الذي تظهر فيه الانعكاسات على السطوح اللامعة بشكل رائع. اختر المشهد من لوحة 3D وقم بتدوير العرض في كل مكان حتى تحصل على الإطار النهائي للصورة مستخدماً أدوات 3D من أعلى قائمة الأدوات Toolbar ثم اذهب إلى قائمة: 3D > Render للبدء بتصيير الشعار إلى الصورة النهائية. أنا أفضّل أن تتركه يعمل طوال الليل لأن هذه العملية تستغرق عدة ساعات لتكتمل. بإمكانك أن تتحكم بإعدادات التصيير Render من: Preferences > 3D لتضبط الدقة النهائية. بعد الانتهاء من عملية التصيير Render، قم ببعض المعالجة والتعديلات مثل المستويات Levels مثلاً فذلك سيعزز تأثير الكروم بالفعل وقم بإضفاء مزيد من البريق واللمعان لانعكاسات الضوء Highlights وزيادة السواد للظلال. ومن الممكن أن نحسّن التباين بنسخ وتصيير الصورة في طبقة جديدة وتغيير وضعية المزج Blending Mode إلى ضوء ناعم Soft Light. كما يمكن تقليل شفافية هذه الطبقة لتخفيف التأثير. وهذه هي النتيجة النهائية لهذا الدرس: قمتُ بإنشاء نموذج ثلاثي الأبعاد مصغّر في ملف باستخدام السماء في نفس الصورة واستخدمت IBL لمطابقة الألوان طوال الوقت مع نسخة الشعار التي صنعناها أصلاً ببرنامج إليستريتور Illustrator. إن التصيير ثلاثي الأبعاد أنتج تأثير كروم متألق بطريقة أفضل بكثير من تقنيات أنماط الطبقات التي من الممكن استخدامها بدلاً منها. هناك ميزة أخرى في تقنية 3D الخاصة بالفوتوشوب وهي أنه بإمكاننا تغيير دوران وتموضع النموذج حتى يتناسب مع أي تطبيق كغطاء محرك السيارة مثلاً. فقط تأكد من اصطفاف النموذج بشكل ممتاز قبل الضغط على زر التصيير Render. ترجمة -وبتصرّف- للمقال: How To Create a 3D Chrome Badge in Photoshop لصاحبه Chris Spooner.
  14. من الممتع في بعض الأحيان تصميم شعار لزبون خيالي. فقط اختر أسلوب التصميم وابدأ العمل عليه من خلال أفكارك الخاصة بدون التجادل مع الزبون. هذا يعطيك فرصة مناسبة لتختبر أساليب تصميم عدة ورؤى خاصة بك لم تتح لك الفرصة سابقاً لتجربتها. في هذا الدرس سوف نتعلم كيف نصمم شعاراً لمحل حلاقة كلاسيكي مستخدماً الأسلوب القديم المعروف. اتبع التعليمات خطوة خطوة لتشاهد كيفية صنع ووضع العناصر في الإليستريتور. هذا هو الشعار الذي سنقوم بتصميمه "Virgil’s Classic Barber Shop". لقد استعملت الأسلوب القديم الشائع وقتها مع أيقونات صغيرة تعبّر عن طبيعة العمل. سوف نقوم ببناء كل العناصر ونؤلف تنسيق الشعار ثم نضيف تأثير الخشونة عليهم لإضفاء الشعور بالزمن الذي مرّ عليها. سنبدأ بتصميم رسومات الأيقونات الصغيرة. انسخ صورة مقص حلاق قديم من موقع البحث عن الصور في جوجل ثم ابدأ برسم المسارات عليه. استخدم أداة Ellipse لتشكيل كامل المقبض. حدد الدائرتين المرسومتين وانقر على Subtract من لوحة Pathfinder لإنشاء الشكل المحصور بين الدائرتين مع إهمال قلب الدائرة الداخلية. واستبدل الحدود السوداء بتعبئة سوداء. تابع رسم المسار على شفرة المقص بأداة القلم Pen. قم بمداخلة المقبض الدائري مع الشكل الأخير لمنع ظهور فجوات. أزِل صورة المقص القديم ثم اذهب إلى القائمة: Object > Transform > Reflect انقر على Copy لإنشاء نسخة ثم قم بتدويره لتُشَكّل أيقونة مقصّ كامل. ارسم تحديداً حول الأشكال الأربعة ثم اختر Merge من لوحة Pathfinder لتدمجهم في شكل واحد. كرر عملية رسم المسارات ولكن هذه المرة لرسم موس الحلاقة. استخدم أداة القلم للنقر والسحب حول حدود صورة الموس. بإمكاننا رسم أيقونة الشاربين يدوياً. انقر واسحب أربع نقاط بأداة القلم Pen لتشكيل منحني ناعم أشبه بشكل دمعة. أغلق المسار بخط مستقيم مباشر ثم قم بمحاذاة دائرة مثالية لتتطابق مع حواف المنحني الناعم. حدد العنصرين واصنع نسخة معكوسة أفقياً. حرك النسخة نحو اليمين تاركاً مداخلة طفيفة بين النسختين ثم ادمجهما Merge من لوحة Pathfinder. في مكان آخر على لوح الرسم استخدم أداة المستطيل لرسم خط طويل رفيع. دوّره بزاوية 45° مع الضغط على Shift ثم انسخ CMD+C وألصق في المقدمة CMD+F لتصنع نسخة أخرى ثم دوّرها بزاوية معاكسة تماماً. عدّل حجم ومواضع الرسومات الصغيرة داخل العنصرين الأخيرين ثم أضف التاريخ لتعبئة الفراغات. لقد اخترت خط Clarendon الكلاسيكي لعنوان الشعار الرئيسي. اكتب اسم المحل وعدّله لإضافة مسافات صغيرة بين الحروف. عدّل المسافات بين الحروف بالطريقة التي تريدها وذلك لكل حرف على حدة عبر تحريك مؤشر الكتابة إلى الموقع المطلوب واستخدام مفتاح Alt مع مفاتيح الأسهم. لقد ألغيت الفراغ حول الفاصلة لمحاذاتها مع ساق حرف L. أدمج الكتابة مع عناصر التصميم وقم بمحاذاة كلاهما مع محور Y باستخدام لوحة Align. سنكتب السطر الثاني في تصميمنا والذي سنستخدم خط sans-serif Avenir لكتابته. قم بزيادة دقة Tracking بشكل دراماتيكي إلى 350 وعدّل حجم النص الجديد تحت الشعار بشكل متناسب وملائم. اضغط على Alt وShift واسحب دائرة من مركز الخطين المتقاطعين بأداة Ellipse. احذف النقطة السفلية بأداة التحديد المباشر Direct Selection ثم انقر على مسار نصف الدائرة المتبقي باستخدام خَيَار النص من أداة استخدم نوعية الخط الأخيرة نفسها لإدخال قائمة خدمات المحل ثم حرّك مقابض النص على أداة المسار Path tool إلى حواف المسار باستخدام Direct Selection. غيّر محاذاة النص إلى المنتصف لتحقيق محاذاة مثالية مع منتصف المنحني. زِد المسافة بين الكلمات ثم عدّل حجم ودوران وموضع الشاربين لجعله يفصل بين الكلمات. الشكل العام للتصميم أصبح مكتملاً. ارسم تحديداً حول جميع العناصر واذهب إلى القائمة: Object > Expand حدد فقط خَيَار Object لجعل كافة التعديلات دائمة. لإعطاء الشعار ذلك المظهر القديم المهترئ باستطاعتنا تخشين الحواف الحادة لإضفاء انطباع دمغة أو علامة مطبوعة. كبّر الشعار بشكل هائل لتملأ الشاشة. اذهب إلى القائمة: Effect > Distort & Transform > Roughen بتكبير حجم الشعار نستطيع تطبيق التأثير بتفاصيل أكثر والتي ستبدو تأثير اهتراء عادي عند تصغيره مجدداً. ضع الإعدادات التالية: Options = 0.2mmAbsolute Detail = 15/in Smoothستشاهد بعض التشوهات ولكن تأكد من أن الحروف الصغيرة لم تخرج عن الشكل. إنّ تأثير الخشونة سيضيف حواف غير منتظمة لجميع العناصر لتتناسب مع مظهر مجعّد لتأثير الحبر السائل المستخدم في أساليب الطباعة القديمة. حتى نمنح الشعار نموذجاً للمظهر القديم المهترئ انسخه إلى الفوتوشوب وسلّط عليه تأثير فرشاة grunge الدقيقة. قد يكون الشعار النهائي من أجل زبون خيالي ولكننا حصلنا على فرصة التصميم والعمل بأسلوب الحقبة القديمة الشعبية. من يعلم، إنّ إضافة مثل هذا الأسلوب إلى معرض صوركم قد يثير اهتمام زبائن حقيقيين ويقودكم إلى أعمال مشابهة. ترجمة -وبتصرّف- للمقال: Create a Trendy Vintage Style Barber Logo in Illustrator لصاحبه Chris Spooner.
  15. غالباً ما يعتقد البعض أنّ تصميم الشعارات عمل سهل وسريع، فما هو إلّا تصميم صغير تضع بجانبه كلمة أو كلمتين ليكتمل العمل. في الواقع الأمر أكبر من هذا بكثير، وهذا يجعل عمليّة تصميم الشعار أو الهويّة مهمّة لا تخلو من التحدّيات. سنلقي نظرة على بعض قواعد تصميم الشعارات، وسنطّلع على عدد من الإرشادات التي يجب الالتزام بها لتصميم شعارات احترافيّة، وسنشاهد معًا التّطبيق العمليّ لهذه الإرشادات في تصميم شعار يمكن استخدامه في أرض الواقع. كان من السّهل وضع قائمة بالقواعد الّتي يجب اتّباعها في تصميم الشّعار، ولكن توخّيًا للفائدة اخترت أن أبيّن ذلك من خلال تصميم شعار لشركة خياليّة لاستضافة المواقع تحت مسمّى Media Stack، وتعاملت مع المشروع على أنّه حقيقيّ (لا ينقصه إلا التّواصل مع العميل). لن يكون المقال بصورة درس متعدّد الخطوات، وإنّما سأوضّح بعض الأفكار التي تدور في ذهني وذلك من خلال عرض الطريقة التي ترجمت بها شخصيًّا خلاصة كل قاعدة في التصميم النهائي للشعار. اطرح الأسئلة لتكون نبذة جيدة عن التصميمأولى الخطوات التي يجب القيام بها عند تسلمك لمشروع تصميم شعار جديد، هي جمع المعلومات اللازمة عن الشركة، مثل ماهية عملها، الجمهور الذي تستهدفه، أهدافها والصورة التي سيعكسها الشعار عنها. يعتمد بعض المصممين في ذلك على استمارة إلكترونية يطرح من خلالها مجموعة من الأسئلة، في حين يتصل البعض الآخر بالعميل هاتفيًّا أو يتواصل معه عن طريق البريد الإلكتروني. مهما كانت الطّريقة التي ستتّبعها فعليك جمع أكبر كمية من المعلومات، إذ كلما زادت المعلومات المتوفّرة لديك كانت عملية تصميم شعار ملائم للزبون أكثر سهولة ويسرًا، والأهم من ذلك أنّك ستصمم شعاراً يمثل الشركة بالصورة الصحيحة واللائقة. نظراً لكون المشروع خياليًّا فإنّ جميع المعلومات عن شركة Media Stack هي من نسج الخيال، ولكني توخيت جعل المشروع نموذجيًّا لشركة صغيرة إلى متوسّطة. تلخص النبذة هوية شركة Media Stack وطبيعة عملها والصورة التي ترغب في عكسها إلى زبائنها. يمكن الاستفادة من كل هذه المعلومات في تكوين شعار فريد يمثل الشركة بصورة لائقة. يبدأ التصميم اليومي بمسودةيعد استخدام المسودة أمرا مهما لإطلاق الأفكار المتعددة وإبرازها على الورق، وبلا شك فقد تولدت لديك بعض الأفكار الأولية بعد قراءتك للنبذة، وهذه هي فرصتك لتسجيل هذه الأفكار إضافة إلى الكلمات المفتاحية، الخربشات، المخططات، والأفكار الإبداعية. بدأت ببعض الخربشات التي استلهمتها من بعض الكلمات المفتاحية المتعلقة باستضافة المواقع، وفكرة أكداس الخواديم. برزت بعدها بعض الأفكار حول كيفية تمثيل كدس الخواديم بصورة بصرية. يمكن الاستفادة من شكل المستطيل الرفيع للخادوم، كذلك يمكن استخدام الحروف الأولى من اسم الشركة وهي M و S، أو يمكن استخدام بعض الأيقونات التي ترمز إلى الشّكات. كون فكرةيتمحور تصميم الشّعار حول تكوين الفكرة التي ستصف الشركة وقيمها بطريقة فنية، ولك الخَيار في أن تنهج في ذلك الأسلوب الواقعي أو التجريدي، إذ ليس من الضروري أن تصف الشعارات دائمًا وبصورة دقيقة ما تقوم به الشركة، وإنما يمكن التركيز على قيمة أو رسالة معينة. هنا ستظهر فائدة البحث الأولي الذي أجريته عن عمل الشركة حيث سيساعدك هذا على تكوين صورة فريدة وذات صلة بعمل الشركة. تمخضت المسودات عن فكرة رئيسة لشعار Media Stack وهي تمثيل كدس الخواديم على هيئة مجموعة من الصناديق، وبدلًا من رسم هذه الصناديق بطريقة اعتيادية قد تبدو مملة نوعًا ما، قررت إدخال بعض الإثارة إلى الرسم وجعل الفكرة أكثر تجردًا، وذلك بإدخال البعد الثالث وتفريغ الصناديق، الأمر الذي نقل الشّعار بعيدًا عن الشكل المسطّح للصّناديق، وساهم في تطوير علامة بصرية غير اعتيادية. يمكن مشاهدة الشّعار بطريقتين، الأولى باعتباره شكلًا متناظرًا، ولكن إن أمعنت النظر في الشعار فإنك ستشاهد الطبقات الثلاثة مكدسة فوق بعضها البعض. يكون الشكل كذلك ما يشبه السهم المتجه إلى الأعلى، ويمكن ترجمة ذلك بالنمو والتقدم نحو الأمام وسيمنح ذلك المزيد من القوّة إلى الشعار وبخاصة عند تقديم العروض إلى الزبائن. صمم الشعار على هيئة Vectorالآن، وبعد اختيار فكرة التصميم، ستبدأ فعلًا ببناء الشّعار على الحاسوب، وتصميم الشّعار بصيغة Vector من أهم القواعد التصميمية التي يجب عليك اتّباعها. تسمح التصاميم المُوجهة vector format بتغيير مقاسات التصميم بحرية دون المساس بجودته، بعكس الصور النقطية المكونة من البكسلات والتي يؤدي تغيير حجمها إلى تشويهها وفقدان وضوحها. يمكن استخدام الشّعار المصمّم بصيغة Vector لجميع الأغراض، سواء أوضعته بحجم صغير على وصل أو فاتورة، أم وضعته بحجم كبير في إعلان ضخم على جانب إحدى المباني الكبيرة. يعد برنامج Adobe Illustrator الأكثر شهرة في هذا المجال، أما صيغ الملفات الأكثر شهرة هي Ai، EPS، و PDF. قد لا يمتلك الزبون البرامج اللازمة للتعامل مع هذه الملفات، لذا يجب تزويده بالشّعار وبأحجام مختلفة على هيئة صور بصيغة JPEG أو PNG للاستخدام اليومي، وتزويد ملف بإحدى صيغ المتجهات للاستخدام الاحترافيّ. صمّمت شعار Media Stack بواسطة برنامج Adobe Illustrator، وهو برنامجي المفضل في مجال العمل على المتجهات. بدأت بمستطيل بسيط تلاعبت به بواسطة أداة التحديد المباشر Direct Selection Tool لإضفاء المظهر المائل عليه، وعن طريق مضاعفة المستطيل المائل وقلبه حصلت على الشكل النهائي للشعار. تمّ ضبط مواضع كل الأشكال بصورة دقيقة جدّاً، وذلك عن طريق تكبير العرض إلى الدّرجة القصوى واختيار نمط الحدود الخارجيّة (Outline mode (Ctrl+Y, CMD. تأكد أن الشعار متوازنكما هو الحال مع أي تصميم جرافيكي، يجب عليك أن تسعى إلى التوازن في التصميم وذلك بواسطة استخدام البنية المناسبة، إذ يجب أن تكون الشعارات المؤلفة من عنصرين أو أكثر متناغمة ومتناسقة، وأفضل الطرق التي يمكن اعتمادها هي الاستفادة من بعض الرّياضيات البسيطة، أو ترتيب الأشياء على خط واحد بكل بساطة. كان بالإمكان تحجيم عناصر الشّعار ووضعها بجانب بعضها البعض بصورة عشوائية، ولكن توخيا للتناغم والتناسق رسمت بعض الدلائل التي أحاطت بحواف وزوايا كل عنصر رئيسي في التّصميم، فتكونت لدي شبكة يمكن استخدامها في ضبط موضع النّص، وقد استفدت من ذلك في التأكد من أن خطوط الشّعار تنساب بصورة جيّدة نحو النّص. يعادل ارتفاع النّص ثلث ارتفاع الشّكل، والمسافة الفاصلة بين النّص والشّعار مساوية للمسافة بين نقطتين ضمن المساحة الداخليّة للشّعار. هل تستخدم المؤثرات في الشعار؟يحب البعض الشّعارات الشفافة أو ذات الألوان المتدرّجة، ويفضل البعض الآخر مبدأ العودة إلى الأساسيات ولا يرغب بوجود تلك الأمور البراقة في الشعار. أعتقد - شخصيًّا - أنه غالبا ما يمكن للشّعار أن يستفيد من هذه المؤثرات إذا كانت الطريقة التي سيستخدم بها تسمح بذلك. فإذا كان الهدف من الشّعار عرضه على الشّاشات على سبيل المثال، فإن وجود تدرج لوني هنا أو هناك قد يكون مفيدًا في إضافة بعض من العمق إلى التصميم ونقله إلى مستوى أعلى من الوضوح والبروز. وحتى لو كان الهدف من الشعار استخدامه في مستندات مطبوعة، فإن الطّبعات المتوفرة في يومنا هذا قادرة على إعادة إنتاج جميع التأثيرات التي تظهر على الشاشات بواسطة الحبر. ولكن يجدر بك التأكد من أن الشّعار سيبدو واضحاً بدون تلك المؤثّرات، أو عند تلوينه بلون واحد فقط، وذلك لضمان تعدد الاستخدامات. قررت إضافة تدرج لوني إضافي إلى شعار Media Stack وذلك لإبراز تأثير البُعد الثالث عليه، وهذا يجعل فكرة كدس العناصر فوق بعضها البعض أكثر وضوحًا. ستكون النّسخة ذات الألوان الكاملة النّسخة الرئيسة التي ستعرض على الشّاشة أو ستستخدم على أيّ مطبوعة ذات ألوان كاملة، وهناك نسخة أخرى بألوان مسطّحة خالية من التّأثيرات وهي مثاليّة للأحجام الصغيرة، أو للطّباعة بألوان محدّدة. الشعار الجيد يبدو جيدا في لون واحدتُعدّ صفة تعدد الاستخدام خير دليل على جودة الشّعار، فمن المفترض أن يتكيّف الشّعار مع جميع الحالات، وإحدى تلك الحالات هي استخدام الشّعار بلون واحد فقط. إذا كان الشّعار الذي تصمّمه معتمدًا بشكل كبير على الألوان والتّأثيرات التي تكون مظهره، فإنه سيكون شعارًا محدودًا في أرض الواقع. فكر في الكيفية التي سيظهر بها التصميم إذا ما استُخدِم كمُلصَق سيتم قصّه من البلاستيك، أو الطريقة التي سيُنقش بها على مُنتج ما. يتميّز الشّعار أحاديّ اللون بإمكانية عكس ذلك اللون ليتلائم مع جميع الخلفيّات، إضافة إلى إمكانيّة استخدامه فوتوغرافيًّا. صمّمت نسخة ذات لون واحد من شعار Media Stack إضافة إلى النسخة ذات الألوان الكاملة والنسخة ذات الألوان المسطّحة، وباستخدام بعض الخطوط الإضافية تمكنت من المحافظة على التأثير الذي أنتجته الألوان، أي أنّ الشعار قد حافظ على هيئته البصرية المتمثلة بالعناصر الثلاثة المنفصلة، على الرّغم من استخدام لون واحد في تكوينه. استخدم سيكولوجية الألوان في تصميمكيعد اللّون واحدًا من أهم مكونات عمليّة تصميم الشعارات والعلامات التجارية، إذ يتكون لدى الناس شعور أو فكرة معينة حول التصميم بمجرد النظر إلى ألوانه، لذا فمن الضروري أن يكون اختيارك لألوان التصميم اختيارًا حكيمًا. عند تحديد الألوان التي ستوظفها في تصميم الشّعار، فكر في الألوان التي ترتبط بالرسالة والقيمة التي تحاول إبرازها بواسطة التصميم. بعض الألوان ستساعد على تقوية هذه الرّسالة، وقد تعمل مجموعة معيّنة من الألوان بصورة أفضل من مجموعة أخرى، وهنا يأتي دور معرفتك بنظريّة الألوان. قد يبدو مزيجًا مؤلفا من ألوان معينة براقا وصارخا، وقد يبدو البعض الآخر باهتًا وداكنًا، لذا قد تكون مجموعة من الألوان ملائمة لتصميمك بشكل كبير، وقد تؤدّي مجموعة أخرى إلى إفساده. اخترت اللون الأزرق لشعار Media Stack، وذلك لأنه وبالإضافة إلى كونه لونًا جميلًا، فإنه يرمز إلى الثقة والتفاني، ما يجعله اللون الأكثر شيوعًا في مجال الأعمال. إذا لم يُطلب منك إعادة تصميم الشّعار من نقطة الصّفر، فمن الأفضل أن لا تغير اللون المستخدم في الشعار القديم، إذ أنه عنصر مهم في التعرف على الهويّة التجاريّة. تخيل فقط أن تغير شركة كوكاكولا لون العلب إلى الأزرق. هل تحتاج إلى إنشاء دليل للهوية التجارية؟يمكن تشبيه دليل الهويّة التجارية بدليل الاستخدام لشعارك الذي انتهيت من تصميمه أخيرًا، فهو يُرشد الزّبون إلى الطريقة المثلى في استخدام الشّعار. على سبيل المثال، قد يتضمن الدليل تفاصيل حول الحد الأدنى لأبعاد الشعار والتي في حال تجاوزها يصبح الشعار فاقدًا للوضوح، كذلك يمكن إرشاد الزبون إلى النُّسخ التي يجب استخدامها على الخلفيات الداكنة، ومتى يكون استخدام الشّعار ذي اللون الواحد مفضلا. كذلك يجب أن يتضمن الدليل قسمًا خاصا توضح فيه أنه لا يجوز ضغط، مط أو تغيير ألوان الشعار، وقد يتضمن الدليل كذلك تفاصيل عن الألوان المستخدمة في الشعار بصيغ Hex, RGB, CMYK و Pantone والخطوط المستخدمة في التصميم. بعض المعلومات الضرورية التي ستساعد على استخدام شعار Media Stack بصورة صحيحة في جميع وثائق الشّركة، وتتضمن هذه المعلومات عرضا لمجموعات الألوان الزرقاء والرمادية المستخدمة، وخط News Gothic المستخدم في الشّعار. من المفيد كذلك حماية التّصميم من خلال توضيح الطرق التي يمكن أن يستخدم بها والطرق التي يجب تجنّبها. قد تبدو هذه الأمثلة واضحة لنا نحن معاشر المصمّمين، ولكننا نعرف ما قد يحصل لأبنائنا عندما يضع الزّبائن أيديهم عليهم. ترجمة -وبتصرّف- للمقال A Guide to Creating Professional Quality Logo Designs لصاحبه Chris Spooner. حقوق الصورة البارزة: Designed by Freepik.
  16. هل تريد عمل شعار في دقائق معدودة بدون إنفاق المال؟ هذا ما سنتعلمّه في هذا الدرس، حيث سنقوم بعمل شعار بسيط باستخدام أدوات Adobe Illustrator الأساسية والخطوط والأيقونات المجّانيّة من موقعي dafont.com وmeanicons.com. يمكننا بالطبع تحميل العديد من الشعارات المجّانيّة من مواقع المخزون المجّاني مثل shutterstock.com ،graphicriver.net وcreativemarket.com، لكن سيكون من الممتع أكثر أن نصنع شعارنا الخاصّ بأنفسنا. ملاحظة: الحجم اختياري في هذا الدرس. 1. نبدأ برسم دائرة باستخدام (Ellipse Tool (L ونملأها باللون C=4 M=14 Y=24 K=0: 2. نقوم بنسخ الدائرة (Ctrl +C ثم Ctrl +F) ونملأها بلون آخر. اللون المستخدم هنا هو C=100 M=95 Y=30 K=15: 3. نقوم بنسخ الدائرة الزرقاء (Ctrl +C ثم Ctrl +F) ونملأها بنفس اللون المستخدم في الدائرة الأولى: 4. نرسم مستطيلا باستخدام (Rectangle Tool (M ونقوم بمحاذاته مع الدوائر. نحدّد المستطيل ثمّ نضغط المفتاح Shift والدائرة الوسطية (التي قمنا برسمها في الخطوة 3). وبينما لا تزال الأشكال محدّدة نضغط على الدائرة من جديد. بهذه الطريقة قد قمنا بتحديد الأشكال بحيث لا تتحرك وسيبقى المستطيل بمحاذاة الدوائر. نقوم بالضغط على زرّي Horizontal Align Center وVertical Align Center (نجدهما في شريط الأدوات العلوي): 5. نحدّد المستطيل ثم نضغط (E) لتفعيل خيارات التحويل (لن نلحظ أي تغيير هنا). نمسك بمقبض التحويل (Transformation Handle) الوسطي للجهة اليمنى، ثم نقوم بتحريكه إلى الأعلى بينما نضغط على مفتاح Ctrl. بعد أن نحصل على الشكل المطلوب بقوم بمحاذاته من جديد مع الدوائر. 5-أ. نقوم بنسخ هذا الشكل (Ctrl +C ثم Ctrl +F)، ثمّ نحدّد النسخة العلوية ونقوم بتحريكها باستخدام أسهم لوحة المفاتيح: 6. نرسم مستطيلا آخر. نقوم بتحديد المستطيل الجديد مع المستطيل الذي بتحريكه في الخطوة السابقة اثناء الضغط على مفتاح Shift، ثمّ نضغط على زرّ Minus Front من لوحة مستكشف المسارات (Window> Pathfinder Panel): 7. نكرّر الخطوتين (5-أ) و(6) ولكن على الجهة الأخرى من المستطيل الأصلي. ستصبح النتيجة كما في الصورة أدناه. نقوم بتحديد الشكلين الجديدين ثمّ نذهب إلى: Object > Arrange > Send to Back 8. نحدّد المستطيل العلوي ثم نذهب إلى: Object > Path > Offset Path نضع قيمة (Offset (-8pt، ونضغط OK: 8-أ. نملأ الشكل الناتج باللون C=7 M=75 Y=50 K=0: 9. نقوم بتحديد أحد الشكلين الصغيرين من الحافّة، ثم باستخدام أداة القلم (P) نقوم بوضع نقطة كما موضّح في الصورة أعلاه. نحرك هذه النقطة بواسطة أسهم لوحة المفاتيح حتّى نحصل على شكل شبيه بالشريط. عندما ننتهي من هذا نقوم بتكرار الخطوة (8) على الشكلين. نملأ الشكلين الجديدين بنفس اللون السابق (C=7 M=75 Y=50 K=0). نقوم بعمل تأثير ظل للشريط باستخدام أداة القلم (P) أيضًا. نقوم برسم شكل مثلّث يمثّل الجانب الآخر من الشريط، ثمّ نملأه باللون C=27 M=37 Y=45 K=0. نقوم بقص شكل الظل (Ctrl +X) ثمّ نحدد شكل الشريط ونلصقه خلفه (Ctrl +B) لكي يصبح الظل خلف الشريط: 10. نكرر نفس الخطوة على الجهة الأخرى. وبذلك انتهينا من صنع الشعار: مصادر مجانية11. نحتاج إلى إضافة نصّ ("!Free Delivery") وأيقونة سيّارة لكي نحصل على الشكل النهائي للشعار. سنستخدم نوع الخط (Lobster). يمكن تحميل أي نوع من الخطوط من www.dafont.com. يرجى الاطلاع على رخصة الاستخدام قبل استخدام الخط لأغراض تجارية: 12. نقوم بتدوير النص بعد كتابته عن طريق الضغط على زاوية مربّع النص: 13. نقوم بالذهاب إلى الموقع www.meanicons.com وتحميل حزمة الأيقونات المجّانيّة (Free icon Pack). (إذا اعجبتك الأيقونات في الحزمة المجانية يمكنك تحميل الحزمتين (Pro & Mean Packs) أو بإمكانك مشاركة الصفحة مع الآخرين). بعد تحميل حزمة الأيقونات نعود إلى برنامج Adobe Illustrator. 14. لمستخدمي إصدار البرنامج Adobe Illustrator CS6: أ. نذهب إلى القائمة: Window > Symbols Panel نقوم باختيار: Open Symbol Library > Other Library من خيارات لوحة الرموز (Symbols Panel). ب. نقوم بالبحث في جهاز الحاسوب عن ملف أيقونات meanicons الذي قمنا بتحميله ونختار الملف meanicons_ai_symbols.ai. جـ. بعد تنصيب الملف سنرى لوحة جديدة خاصّة بالأيقونات من meanicons.com كما في الصورة أدناه: 15. من لوحة الأيقونات نقوم باختيار أيقونة الشاحنة وسحبها إل منطقة العمل. ننقر بزرّ الفأرة الأيمن ونختار Break Link to Symbol من القائمة. نحدّد أيقونة الشاحنة ونقوم بنسخ اللون الأزرق الغامق من الدائرة باستخدام أداة القطّارة (Eyedropper Tool (I: 16. لمستخدمي الإصدارات الأقدم من Adobe Illustrator CS6: نقوم بفتح الملف meanicons.eps وفكّ مجموعة الأيقونات إذا احتجنا لذلك. نبحث عن أيقونة الشاحنة وننسخها (Ctrl +C) ثمّ نلصقها في منطقة العمل (فوق تصميم الشعار). نقوم بتحديد أيقونة الشاحنة ثم نقوم بنسخ اللون الأزرق الغامق من الدائرة باستخدام أداة القطّارة (Eyedropper Tool (I. 17. نرسم مستطيل صغير (M) ثمّ نقوم بتحديد الحافّة السفلية اليمنى للمستطيل باستخدام أداة الانتقاء المباشر (A)، ونحرّك هذه النقطة باتجاه اليسار باستخدام أسهم لوحة المفاتيح ليصبح الشكل كما في الصورة أدناه: 18. نقوم بنسخ هذا الشكل (Ctrl +C ثم Ctrl +F)، ثمّ نحرّك النسخة إلى الأسفل ونقلل حجمها باستخدام أداة التحديد (Selection Tool (V. ننسخ الشكل ونحرّكه إلى الأسفل من جديد: 19-نقوم بإدراج النص "Since 1879" في الأعلى. وبذلك نكون قد انتهينا: قد تظن أن صنع شعار كهذا هو أمر معقّد، لكن بعد عدّة ساعات من الممارسة سيصبح الأمر سهل جدّا. يمكنك إضافة السحر إلى تصاميمك باستخدام المصادر المجّانية المتوفّرة على الأنترنت. ترجمة -وبتصرّف- للدّرس Create a Badge using Free Resources.
  17. علم الألوان النفسي وقدرتها على الإقناع هو من أكثر جوانب التسويق إثارة للجدل والاهتمام. ويعود السبب إلى أن كثيرٌ من نقاشات هذه الأيام حول قدرة الإقناع بالألوان هي تخمينات وأدلة غير مؤكدة ومسوّقين يعملون على تضخيم العلاقة بين "الألوان والعقل". وللتخفيف من حدة هذا الاتجاه ومنح هذا العنصر الرائع حقاً من السلوك البشري المعاملة المناسبة، سنغطي اليوم مجموعة من أكثر الأبحاث موثوقية في نظرية الألوان والإقناع. مفاهيم خاطئة حول علم الألوان النفسيلماذا يستدعي علم الألوان النفسي الكثير من المناقشات، لكنه مدعومٌ بالقليل جداً من الحقائق؟ فالسبب كما تبيّن لنا الأبحاث يعود إلى مساهمة عناصرٍ مثل التفضيل الشخصي والخبرات والتنشئة والاختلافات الثقافية والمحيط. إلخ، في تشويش تأثير الألوان علينا. وبذلك فإن فكرة أن بعض الألوان كالأصفر أو الأرجواني لها القدرة على إثارة بعض المشاعر، هي بنفس مستوى دقّة قراءة بطاقة الحظ أو الأبراج الخاصة بك. ويزيد الأمر سوءًا بصور مبتذلة تلّخص علم الألوان النفسي بحقائق مدهشة كهذه: بالرغم من هذا لا تقلق. الآن قد حان الوقت لنلقي نظرة على أبحاث مدعومة لوجهات نظر حول دور الألوان في الإقناع. أهمية الألوان في التسويقفي البداية دعونا نتحدث عن العلامات التجارية، والتي تعدّ واحدة من أهم القضايا المتعلّقة بمفهوم الألوان والمجال الذي جعل العديد من المقالات تواجه مشاكل فيه. كانت هناك العديد من المحاولات لتصنيف استجابة المستهلك لمختلف الألوان: لكن حقيقة الأمر هي أن الألوان تعتمد بشكل كبير على التجارب الشخصية حتى تكون ترجمة عالمية لمشاعر معينة. لكن هناك رسالة أشمل في مفاهيم الألوان. على سبيل المثال، تلعب الألوان دوراً كبيراً إلى حدٍ ما في عمليات الشراء والعلامات التجارية. في دراسة تحمل عنواناً مناسباً وهو تأثير الألوان في التسويق، وجد الباحثون أن 90% من القرارات المفاجئة للمنتجات قد تعتمد على الألوان فقط (وفقاً للمنتج). وفيما يتعلّق بالدور الذي تلعبه الألوان في العلامات التجارية، فتظهر لنا النتائج من الدراسات مثل دراسة التأثير التفاعلي للألوان، أن العلاقة بين العلامات التجارية والألوان يتوقّف على مدى ملائمة لون الشيء المستخدم لعلامة تجارية معينة (وبمعنى آخر، هل "يتناسب" اللون مع الشيء المُباع). وأكّدت أيضاً دراسة الأحمر المثير والأزرق القويّ أن نية الشراء تتأثّر بشكل كبير بالألوان نظراً للتأثير الذي لديها على الطريقة التي يُنظر بها للعلامة التجارية. ما يعني أن الألوان تؤثر على الطريقة التي يرى بها المستهلكون هوية العلامة التجارية المعنيّة (على كل حال، من يريد أن يشتري دراجة نارية لشركة هارلي دافيدسون إن لم تعطي شعوراً أن الهارلي قوي ورائع؟). وكشفت دراسات أخرى أن عقولنا تفضّل العلامات التجارية المعروفة، مما يجعل الألوان مهمة جداً عند إنشاء هوية العلامة التجارية. بل أنه قد اُقترح في بحث الألوان والتطبيق أنه من الأهمية الأساسية للعلامات التجارية الجديدة أن تستهدف ألواناً للشعار تضمن فيها تميّزها عن باقي المنافسين الراسخين (إن استخدم جميع المنافسين الأزرق، فستبرز باللون الأرجواني). حين يأتي الأمر عند اختيار اللون "الصحيح"، وجدت الأبحاث أن ردة فعل المستهلك المتوقعة اتجاه اللون المناسب مع ارتباطه بالمنتج هي أهم بكثير اللون نفسه. وبالتالي إذا قام صاحب دراجة هارلي بشراء المنتج كي يشعره بالقوّة، فبالإمكان أن تفترض أن الإصدار ذو اللون الوردي واللامع منه لن تكون مبيعاته جيّدة. أجرت جينيفر آكر-العالمة النفسية وأستاذة جامعة ستانفورد-دراسات حول هذا الموضوع بالذات في بحثها أبعاد هوية العلامات التجارية، ووجدت دراساتها خمسة أبعاد أساسية تلعب دوراً في هوية العلامات التجارية: (قد تشترك العلامات التجارية في صفتين، لكن في الغالب تُهيمن عليها صفةً واحدة. آخر صيحات الموضة تبدو أنيقة، معدات التخييم تبدو صلبة). وأظهر بحث آخر أن هناك علاقة حقيقية بين استخدام الألوان ومفهوم العملاء لهوية العلامة التجارية. بعض الألوان تنحاز بصورة عامة إلى صفات محددة (على سبيل المثال، البني مع الصلابة، الأرجواني مع الرقيّ، والأحمر من الإثارة). لكن تقريباً كل دراسة أكاديمية عن الألوان والعلامات التجارية ستخبرك أن تكون ألوان علامتك التجارية تدعم الهوية التي تريد تصويرها أكثر أهمية بكثير من أن تحاول مجاراة الصورة النمطية المربوطة باللون. بالنظر إلى عدم الدقة في التصريحات الفضفاضة مثل "الأخضر يعني الهدوء". هناك نقصٌ في السياق، في بعض الأحيان يُستخدم للترويج لقضايا بيئيّة مثل موقع Timberland’s G.R.E.E.N standard، لكن في بعض الأحيان يهدف للترويج في المساحات المالية مثل موقع Mint.com. في حين أن اللون البني قد يكون مفيداً في المستلزمات الصلبة (مثل شركة Saddleback Leather)، وعندما يوضع اللون البني في سياق آخر فقد يُستخدم لخلق الدفء، يجذب المشاعر (عيد الشكر) أو لإثارة شهيتك (في كل دعايات الشوكولاتة التي شاهدتها من قبل). الخط الفاصل:لا أستطيع أن أعرض عليك إرشادات سهلة وواضحة لاختيار لون علامتك التجارية، لكن بإمكاني أن أؤكد لك أن السياق الذي تعمل فيه هو بالتأكيد اعتبارٌ أساسي. الذي يلعب دوراً في الإقناع هو ما تخلقه علامتك التجارية من مشاعر، طابع، وصورة. كن متأكداً من معرفة أن الألوان تلعب دوراً فقط عندما تتناسب مع هوية العلامة التجارية المطلوبة (على سبيل المثال، استخدام الأبيض لربطه بحب شركة أبل للتصميم البسيط والنظيف). ومن غير السياق، فاختيار لون على آخر لا معنى له، وهناك القليل من الأدلة لدعم نظرية أن "البرتقالي" سيجعل الناس على الصعيد العالمي يشترون المنتج أكثر من اللون "الفضي". تفضيلات الألوان حسب نوع الجنسالحسّ المناسب قد يفسر سبب أن أكثر السيارات باللون الأبيض، أسود، فضّي ورمادي ... لكن هل هناك شيءٌ يفسّر سبب عدم وجود أدوات كهربائية باللون الأرجواني في العمل؟ واحدة من أفضل الدراسات في هذا الموضوع هي دراسة جو هالوكس مهام الألوان. تعرض معلومات هالوكس بعض التفضيلات الواضحة في بعض الألوان بين الجنسين. من المهم أن نلاحظ أن بيئة الفرد -وخصوصاً مفاهيمه الثقافية- تلعب دوراً قوياً في فرض اللون المناسب للجنس، وهذا بدوره بإمكانه أن يؤثر على اختيارات الفرد. افترض، مثلاً، قد غطّت مجلة سميثسونيان تفاصيل أسباب أن اللون الأزرق يصبح لوناً للأولاد واللون الوردي يعتبر في النهاية لوناً للفتيات (وكيف اعتادت أن تكون العكس!). وهنا نتائج هالوكس للألوان الأكثر والأقل تفضيلاً لدى الرجال والنساء: الألوان المفضلة للرجال الألوان المفضلة للنساء الألوان الأقل تفضيلاً لدى الرجال الألوان الأقل تفضيلاً لدى النساء أهم النقاط البارزة في هذه الصور هي سيادة اللون الأزرق في كلا الجنسين (كان اللون المفضّل في كلا المجموعتين) وتفاوت المجموعتين في اللون الأرجواني. أدرجن النساء اللون الأرجواني ضمن أول الألوان تفضيلاً، لكن الرجال لم يدرجوه في قائمة الألوان المفضّلة. (قد يكون هذا السبب في عدم وجود أدوات كهربائية باللون الأرجواني، لأنه منتجٌ مرتبط بالرجال إلى حدٍ كبير؟) ويظهر بحث آخر في دراسات لمفاهيم الألوان وتفضيلاتها أنه عندما يتعلق الأمر بالعمق، الألوان الخفيفة ودرجة اللون فيبدو أن الرجال يفضّلون الألوان الغامقة بينما تفضّل النساء الألوان الهادئة. وكذلك الرجال في الغالب يختارون الألوان العميقة كمفضّلة لديهم (الألوان مع إضافات الأسود)، بينما النساء يتقبلون الألوان الخفيفة (الألوان مع إضافات الأبيض): المصدر: KISSmetrics. الصور تعرض التفاوت بين تفضيلات الرجال والنساء. ابقِ هذه المعلومات في بالك عند اختيار لوحة الألوان الأساسية لعلامتك التجارية. تقديم الاختلاف الكبير بين التفضيلات الذوقيّة المبيّنة أعلاه، يدفع إلى جذب الكثير من الرجال أو النساء إن شكّلوا النسبة الأكبر من مشتريك المفترضين. تنسيق الألوان وروابط التحويلأصبح موضوع الكشف عن "أفضل" لون لمعدلات الانتقال على المواقع شائعٌ في الآونة الأخيرة (بدأ هنا ولاحقاً هنا). وقد قدّموا بعض النقاط الممتازة، لأنه بالتأكيد صحيح أنه لا يوجد لون واحد مفضّل لاستخدامه في روابط التحويل. وضّح المبدأ النفسي المعروف بـ تأثير العزلة أن العنصر الذي "يبرز مثل قرحة الإبهام" فسيبقى في الذاكرة على الأرجح. وتبيّن البحوث بوضوح أن المشاركين قادرين على التعرّف وتذكّر العنصر أفضل بكثير عندما تبرز بوضوح عن محيطها. زر التسجيل بارز لأنه مثل "الجزيرة" الحمراء في البحر أزرق. وجدت الدراسات التالية الاستجابة الجمالية لدمج الألوان وتفضيلات المستهلكين من دمج الألوان أنه في حين أن الغالبية العظمى من المستهلكين الذين يفضّلون أنماط الألوان بنفس الدرجة، يفضّلون الألوان البارزة والمتناقضة للغاية. فيما يتعلّق بدمج الألوان (كما هو مبيّن في الرسم التوضيحي لـ KISSmetrics)، فهو يعني إنشاء هيكل بصري مكوّن من قاعدة ألوان أساسية وخلطهم بألوان تكميلية بارزة (أو بإمكانك استخدام ألوان ثلاثية): المصدر: KISSmetrics وهناك طريقة أخرى لدمج الألوان تكون باستخدام الخلفية، الأساس والألوان البارزة لإنشاء تسلسل هرمي (كما قد بيّن جوش من StudioPress في الأسفل) على موقعك والذي يُمرّن العملاء على اللون الذي يستطيعون الضغط عليه: المصدر: StudioPress لمَ هو مهم: مع أنك قد تشعر بأنك مصممٌ داخلي بعد قراءة هذا الجزء، إلا أن هذه الأشياء هي بالواقع مهمة جداً لتساعدك في فهم السبب خلف نسبة ارتفاع وهبوط الضغط على الروابط. وعلاوة على ذلك، سيساعد في إبعادك عن مثالية معدلات الانتقال على المواقع والذي يضلّل الكثير من الأشخاص. ضع في اعتبارك، على سبيل المثال، هذا المثال الذي غالباً ما يذكر عن زيادة عدد المنتقلين عبر الروابط بسبب تغيير لون الزر: زاد من تغيير لون الزر عدد المنتقلين عبر الروابط بنسبة 21 بالمئة، لكن هذا لا يعني أن اللون الأحمر يحمل نوعاً من أنواع السحر ليجعل الناس يضغطون عليه. ألقِ نظرةً فاحصةً على الصورة: من الواضح أن بقيّة الصفحة يتجه نحو اللون الأخضر، مما يعني أن الزر الأخضر سيندمج مع ما حوله. في خلال ذلك يوفّر اللون الأحمر التناقض البصري الشاسع (وهو لون مكمّل للأخضر). وجدنا دليل آخر عن تأثير العزلة في عدد لا يحصى من التجارب المتنوعة، متضمنة هذه التجربة التي أُجريت بواسطة باراس كوبرا والمنشورة في مجلة سماشينق (Smashing). كان كوبرا يختبر ليرى كيف يكون بإمكانه الحصول على أكبر عدد من التنزيلات لبرنامجه PDFProducer، وضمّن هذه الاختلافات التالية لتجربته: هل تستطيع تخمين أي المجموعات قد أدّت بشكل جيّد؟ (تلميح: تذكّر، تناقض الألوان مهمٌ جداً). هكذا كانت النتائج: وكما ترى، فالمجموعة #10 قد تفوّقت على الأُخريات بحدٍ كبير. بالتأكيد هي ليست مصادفة أنها كانت هي المجموعة الأكثر تفاوتاً بالألوان. ستلاحظ أن اسم البرنامج مكتوب بخط صغير وبلون رماديّ فاتح، لكن النص الإجرائي ("التحميل مجاناً") كان كبيراً وبلونٍ أحمر، مما يخلق التباين اللازم لرفع نسبة الضغط على الروابط. في حين أن هذه ليست سوى دراسة من عدة دراسات، إلا أنك يجب أن تبقي تأثير العزلة في بالك عند تجربتك للألوان لخلق التباين في تصميم موقعك وإرشاد المتصفحين للمناطق التي تحتوي على روابط. لماذا نحب "الموكا" لكننا نكره اللون " البني"؟ بالرغم من إمكانية النظر للألوان بطرقٍ مختلفة، كذلك أسماء هذه الألوان تهُمُّ أيضاً. وفقاً لهذه الدراسة، عندما يُطلب من الأفراد تخمين منتجات بأسماء ألوان مختلفة (مثل المكياج)، كانت تُختار أسماءً "فاخرة" في كثير من الأحيان. على سبيل المثال، وُجِدَ الموكا مفضلاً أكثر من البني بشكل ملحوظ-على الرغم من أن الباحثين قاموا بعرض نفس اللون للأفراد. وجدت دراسة إضافية أن نفس التأثير ينطبق على منتجات كثيرة، يصنّف المستهلكين أسماء طلاء الألوان الأكثر راحة للعين بشكل دقيق أكثر من أسماء نظيراتها. كما تَبيّن أيضاً أن أكثر أسماء الألوان الفريدة والغير معتادة تزيد من نية الشراء. على سبيل المثال، عندما يكون هلام الفول مسمىً بأسماء مثل رازماتاز، تكون مختارةً أكثر من أسماء هلام الفول الأخرى مثل صفار الليمون. قد وُجِدَ هذا التأثير أيضاً في المواد الغير غذائية مثل القمصان. وكغرابة ما تبدو عليه، فاختيار أسماء وصفية ووابداعية لا تنسى لوصف لونٍ معين (مثل اختيار "اللون السماوي" على "الأزرق الفاتح") قد يكون جزءاً مهماً للتأكد من أن لون المنتج يحقق تأثيراً كبيراً. ترجمة -وبتصرّف- للمقال: The Psychology of Color in Marketing and Branding لصاحبه GREGORY CIOTTI.
  18. سنحاول في هذا الدرس محاكاة تصميم برنامج التورنت الشهير uTorrent، باستخدام برنامج فوتوشوب وبخطوات بسيطة، ستكون هذه هي النتيجة النهائية بعد تطبيق وتتبع كامل خطوات الدرس: افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية: الأبعاد: 500x500pixels.الدّقة: Resolution 720Dpi.نمط الألوان: Color Mode RVB8bit.نرسم دائرة باللون #778286. باستعمال الاختصار (CTRL+J) ننسخ الدائرة، ثم نضغط (Ctrl+T) للتعديل يدويا على الدائرة الثانية –مع الضغط على الزر Alt للحفاظ على تناسب قطر الدائرة-: نفتح نافذة خصائص الدمج Blending Options: ننسخ الدائرة الثانية (CTRL+J): نفتح نافذة خصائص الدمج وبتدرج اللونين 46ab4d # و#157916: نرسم دائرة بيضاء: نخفض قيمة Fill إلى الصفر: ثم من القائمة: Menu > Edit > Path Transformation > Wrap نعدّل على الشكل كما في الصورة: إلى خصائص الدمج: نضيف حرف U بخط nyala: ثم مستطيل أبيض فوق الجزء السفلي للحرف: وباستعمال أداة التحديد المستطيلة الشكل M) Marquee Tool): ثم نضغط (CTRL+J) لنسخ الجزء المحدد ووضعه في الأسفل: ثم (CTRL+E) لدمج طبقات الحرف U: نزيح الحرف حتى تتوسّط الدوائر: بعدها نذهب إلى خصائص الدمج: لنحصل على النتيجة التالية: بعد ذلك نضيف طبقة جديدة (CTRL+SHIFT+N)، ثم نضغط CTRL مع تحديد طبقة الدائرة الأولى: ثم نذهب إلى القائمة: Menu > Select > Modify > Contract نستعمل أداة طلاء اللون المتدرج (G) من الأبيض إلى اللون الشفاف: ثم إلى خصائص الدمج الخاصة بالدائرة الأولى –من أسفل ترتيب الطبقات-: بعد ذلك نذهب إلى خصائص الدمج الخاصة بالدائرة الثانية: يمكن إضافة خلفية زرقاء أو بأي لون آخر لإبراز الشعار أكثر، وهذا مثال عن النتيجة النهائية: ترجمة -وبتصرّف- للدّرس: Reproduire le logo de Utorrent avec photoshop.