اذهب إلى المحتوى

طريقة عمل شارة باستخدام مصادر مجانية بواسطة Adobe Illustrator


Huda Almashta

هل تريد عمل شعار في دقائق معدودة بدون إنفاق المال؟

هذا ما سنتعلمّه في هذا الدرس، حيث سنقوم بعمل شعار بسيط باستخدام أدوات Adobe Illustrator الأساسية والخطوط والأيقونات المجّانيّة من موقعي dafont.com وmeanicons.com. يمكننا بالطبع تحميل العديد من الشعارات المجّانيّة من مواقع المخزون المجّاني مثل shutterstock.com ،graphicriver.net وcreativemarket.com، لكن سيكون من الممتع أكثر أن نصنع شعارنا الخاصّ بأنفسنا.

001.thumb.jpg.8e690fe8cdadd179c76803bcb2

ملاحظة: الحجم اختياري في هذا الدرس.

1. نبدأ برسم دائرة باستخدام (Ellipse Tool (L ونملأها باللون C=4 M=14 Y=24 K=0:

002.thumb.jpg.4583172643a36c46b156e2dfde

2. نقوم بنسخ الدائرة (Ctrl +C ثم Ctrl +F) ونملأها بلون آخر. اللون المستخدم هنا هو C=100 M=95 Y=30 K=15:

003.thumb.jpg.01075badec91e8b584b83fbe81

3. نقوم بنسخ الدائرة الزرقاء (Ctrl +C ثم Ctrl +F) ونملأها بنفس اللون المستخدم في الدائرة الأولى:

004.thumb.jpg.f8cadf832896b0026065bf540b

4. نرسم مستطيلا باستخدام (Rectangle Tool (M ونقوم بمحاذاته مع الدوائر. نحدّد المستطيل ثمّ نضغط المفتاح Shift والدائرة الوسطية (التي قمنا برسمها في الخطوة 3). وبينما لا تزال الأشكال محدّدة نضغط على الدائرة من جديد. بهذه الطريقة قد قمنا بتحديد الأشكال بحيث لا تتحرك وسيبقى المستطيل بمحاذاة الدوائر. نقوم بالضغط على زرّي Horizontal Align Center وVertical Align Center (نجدهما في شريط الأدوات العلوي):

005.thumb.jpg.a4948cc79e043d6ae1eb3faaf8

5. نحدّد المستطيل ثم نضغط (E) لتفعيل خيارات التحويل (لن نلحظ أي تغيير هنا). نمسك بمقبض التحويل (Transformation Handle) الوسطي للجهة اليمنى، ثم نقوم بتحريكه إلى الأعلى بينما نضغط على مفتاح Ctrl. بعد أن نحصل على الشكل المطلوب بقوم بمحاذاته من جديد مع الدوائر.

5-أ. نقوم بنسخ هذا الشكل (Ctrl +C ثم Ctrl +F)، ثمّ نحدّد النسخة العلوية ونقوم بتحريكها باستخدام أسهم لوحة المفاتيح:

006.thumb.jpg.330ac6f06bbec79a780d267a13

6. نرسم مستطيلا آخر. نقوم بتحديد المستطيل الجديد مع المستطيل الذي بتحريكه في الخطوة السابقة اثناء الضغط على مفتاح Shift، ثمّ نضغط على زرّ Minus Front من لوحة مستكشف المسارات (Window> Pathfinder Panel):

007.thumb.jpg.d150354ad808b0d34a09601f19

7. نكرّر الخطوتين (5-أ) و(6) ولكن على الجهة الأخرى من المستطيل الأصلي. ستصبح النتيجة كما في الصورة أدناه. نقوم بتحديد الشكلين الجديدين ثمّ نذهب إلى:

 Object > Arrange > Send to Back

008.thumb.jpg.652774dac8f26428be2092c7cd

8. نحدّد المستطيل العلوي ثم نذهب إلى:

 Object > Path > Offset Path

نضع قيمة (Offset (-8pt، ونضغط OK:

009.thumb.jpg.c6a3da47ad5ef0f58dce20df1c

8-أ. نملأ الشكل الناتج باللون C=7 M=75 Y=50 K=0:

010.thumb.jpg.481292b0eef558a9fc80efb8bd

9. نقوم بتحديد أحد الشكلين الصغيرين من الحافّة، ثم باستخدام أداة القلم (P) نقوم بوضع نقطة كما موضّح في الصورة أعلاه. نحرك هذه النقطة بواسطة أسهم لوحة المفاتيح حتّى نحصل على شكل شبيه بالشريط. عندما ننتهي من هذا نقوم بتكرار الخطوة (8) على الشكلين. نملأ الشكلين الجديدين بنفس اللون السابق (C=7 M=75 Y=50 K=0).

نقوم بعمل تأثير ظل للشريط باستخدام أداة القلم (P) أيضًا. نقوم برسم شكل مثلّث يمثّل الجانب الآخر من الشريط، ثمّ نملأه باللون C=27 M=37 Y=45 K=0. نقوم بقص شكل الظل (Ctrl +X) ثمّ نحدد شكل الشريط ونلصقه خلفه (Ctrl +B) لكي يصبح الظل خلف الشريط:

011.thumb.jpg.e49d68e8c9232e4e8ae778ce99

10. نكرر نفس الخطوة على الجهة الأخرى. وبذلك انتهينا من صنع الشعار:

012.thumb.jpg.243d5d1bd2832a6d1529ac2a2d

مصادر مجانية

11. نحتاج إلى إضافة نصّ ("!Free Delivery") وأيقونة سيّارة لكي نحصل على الشكل النهائي للشعار. سنستخدم نوع الخط (Lobster). يمكن تحميل أي نوع من الخطوط من www.dafont.com. يرجى الاطلاع على رخصة الاستخدام قبل استخدام الخط لأغراض تجارية:

013.thumb.jpg.64ccc1a0af3f7b388e9f9b156b

12. نقوم بتدوير النص بعد كتابته عن طريق الضغط على زاوية مربّع النص:

014.thumb.jpg.a8aab5392344acc46c89f01f11

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).

015.thumb.jpg.06c78518416ed61cb4e27d3505

ب. نقوم بالبحث في جهاز الحاسوب عن ملف أيقونات meanicons الذي قمنا بتحميله ونختار الملف meanicons_ai_symbols.ai.

016.thumb.jpg.a616099e51340ad1178d05b30f

جـ. بعد تنصيب الملف سنرى لوحة جديدة خاصّة بالأيقونات من meanicons.com كما في الصورة أدناه:

017.thumb.jpg.5f5e921b82fbca8b9ff350bceb

15. من لوحة الأيقونات نقوم باختيار أيقونة الشاحنة وسحبها إل منطقة العمل. ننقر بزرّ الفأرة الأيمن ونختار Break Link to Symbol من القائمة. نحدّد أيقونة الشاحنة ونقوم بنسخ اللون الأزرق الغامق من الدائرة باستخدام أداة القطّارة (Eyedropper Tool (I:

018.thumb.jpg.17704cea69b882ab1024e41f87

16. لمستخدمي الإصدارات الأقدم من Adobe Illustrator CS6:

نقوم بفتح الملف meanicons.eps وفكّ مجموعة الأيقونات إذا احتجنا لذلك. نبحث عن أيقونة الشاحنة وننسخها (Ctrl +C) ثمّ نلصقها في منطقة العمل (فوق تصميم الشعار). نقوم بتحديد أيقونة الشاحنة ثم نقوم بنسخ اللون الأزرق الغامق من الدائرة باستخدام أداة القطّارة (Eyedropper Tool (I.

17. نرسم مستطيل صغير (M) ثمّ نقوم بتحديد الحافّة السفلية اليمنى للمستطيل باستخدام أداة الانتقاء المباشر (A)، ونحرّك هذه النقطة باتجاه اليسار باستخدام أسهم لوحة المفاتيح ليصبح الشكل كما في الصورة أدناه:

019.thumb.jpg.cc41386873b6befaafc6fd19a2

18. نقوم بنسخ هذا الشكل (Ctrl +C ثم Ctrl +F)، ثمّ نحرّك النسخة إلى الأسفل ونقلل حجمها باستخدام أداة التحديد (Selection Tool (V. ننسخ الشكل ونحرّكه إلى الأسفل من جديد:

020.thumb.jpg.3127dff0ebabdc6636e7f8a917

19-نقوم بإدراج النص "Since 1879" في الأعلى. وبذلك نكون قد انتهينا:

021.thumb.jpg.d24273c619f32803b0832d5ede

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

ترجمة -وبتصرّف- للدّرس Create a Badge using Free Resources.


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

أفضل التعليقات

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



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...