7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Illustration

كيفية إنشاء لوحة ماركر في Adobe Illustrator

Scroll to top
Read Time: 13 mins

Arabic (العربية/عربي) translation by Ziad Mousa (you can also view the original English article)

في البرنامج التعليمي التالي ، سنوضح لك كيفية إنشاء رسم لوحة علامة التوضيح باستخدام الأشكال الأساسية ، لوحة ال Pathfinder  و لوحة ال Appearance في Adobe Illustrator. هذا برنامج تعليمي رائع لأولئك الذين لا يرتاحون لأداة القلم ويرغبون في تعلم بعض التقنيات المتقدمة.


الخطوة 1

اضغط على N + Command لإنشاء مستند جديد. أدخل 600 في مربعات  العرض والارتفاع ثم انقر فوق الزر "Advanced button". حدد RGB ، الشاشة (72ppi) وتأكد من أن مربع "Align New Objects to Pixel Grid" غير محدد قبل النقر فوق OK.

تمكين الشبكة (Show Grid<View) والتقطيع إلى الشبكة (Snap to Grid<View) . بالنسبة للمبتدئين ، ستحتاج إلى شبكة كل 5 بكسل. ما عليك سوى الانتقال إلى Edit> Preferences> Guides> Grid ، وأدخل 5 في المربع كل Gridline و 1 في مربع Subdivisions. يجب عليك أيضًا فتح لوحة المعلومات (Window> Info) للحصول على معاينة مباشرة بحجم ومكان الأشكال الخاصة بك. لا تنسى ضبط وحدة القياس على وحدات البكسل من Edit> Preferences> Unit> General. كل هذه الخيارات ستزيد بشكل كبير من سرعة عملك.


الخطوة 2

باستخدام أداة المستطيل (M) ، أنشئ شكل 430 × 270 بكسل ، ثم املأه بـ R = 49 G = 89 B = 137 وانتقل إلى Effect> Stylize> Rounded Corners. أدخل دائرة نصف قطرها 10px ، وانقر فوق OK وانتقل إلى Object> Path> Offset Path. أدخل a7px Offset وانقر فوق OK. حدد الشكل الناتج والتركيز على لوحة ال Appearance. أولاً ، استبدل الأزرق بـ R = 255 G = 222 B = 23 ثم افتح تأثير Rounded Corners الموجود وقلل نصف القطر إلى 7px. تأكد من أن هذا الشكل الأصفر لا يزال محددًا وانتقل إلى Object> Path> Offset Path. أدخل -3px Offset وانقر فوق OK. حدد الشكل الناتج والتركيز على لوحة الAppearance . أولاً ، استبدل الأصفر بـ R = 241 G = 90 B = 41 ثم افتح تأثير Rounded Corners الموجود وخفض نصف القطر إلى 5px.


الخطوه 3

أعد تحديد الأشكال الثلاثة التي تم تجهيزها في الخطوة السابقة وانتقل إلى Object> Expand Appearance. حدد الأشكال الناتجة ، افتح لوحة Pathfinder وانقر على زر Divide. انتقل إلى لوحة الطبقات ، افتح مجموعة الأشكال الناتجة وفك تجميعها (Shift + Control + G). في النهاية ، يجب أن يكون لديك مساران مركبان (أحدهما أزرق والأخر أصفر) وشكل برتقالي بسيط.


الخطوة 4

حدد المسار المركب الأزرق وقم بعمل نسخة أمامية (Control + C> Control + F). اختر أداة المستطيل (M)، وقم بإنشاء أربعة مربعات 20 px ، وقم بتعبئتها باللون الاسود و ضعها كما هو موضح في الصورة الثانية. حدد هذه المربعات السوداء وقم بتحويلها إلى مسار مركب (Object> Compound Path> Make).


الخطوة 5

أعد تحديد المسارين المركبين اللذين تم إنشاؤهما في الخطوة السابقة وانقر فوق الزر "التقاطع" من لوحة ال. حدد مجموعة الأشكال الناتجة وقم بتحويلها إلى مسار مركب (Object> Compound Path> Make). املأها بـ R = 70 G = 70 B = 70 و ركز على اللوحة الAppearance. أضِف حدًا بسطح 1 نقطة ، ثم اربطه إلى الداخل واضبط اللون على R = 35 G = 35 B = 35. أعد تحديد المسار المركب الأزرق والتركيز على لوحة Appearance. أولاً ، استبدل الأزرق ب R = 235 G = 235 B = 235 ثم قم بإضافة 1pt stroke. قم بمحاذاتها إلى الداخل واضبط اللون على R = 195 G = 195 B = 195.


الخطوة 6

حدد المسار المركب الأصفر وقم بعمل نسخة أمامية (Control + C> Control + F). اختر أداة المتطيل (M) ، وقم بإنشاء أربعة مربعات20 px ، وقم بتعبئتها باللون الاسود و ضعها كما هو موضح في الصورة الثانية. حدد كل المربعات السوداء وقم بتحويلها إلى مسار مركب (Object> Compound Path> Make).


الخطوة 7

أعد تحديد المسارين المركبين اللذين تم إجراؤهما في الخطوة السابقة وانقر فوق الزر "التقاطع" من لوحة Pathfinder. حدد مجموعة الأشكال الناتجة وقم بتحويلها إلى مسار مركب (Object> Compound Path> Make). املأها بـ R = 45 G = 45 B = 45 وركز على لوحة الAppearance. أضف 1pt stroke ، قم محاذاتها الى الداخل واضبط اللون على R = 25 G = 25 B = 25. أعد تحديد هذا المسار المركب الأصفر والتركيز على لوحة Appearance. أولاً ، استبدل الأصفر بـ R = 210 G = 210 B = 210 ثم أضف ضربة 1pt. محاذاة إلى الداخل وتعيين اللون في R = 185 G = 185 B = 185. 


الخطوة 8

حدد المستطيل المستدير البرتقالي ، وركز على لوحة الAppearance  واستبدل اللون المسطح المستخدم للتعبئة مع التدرج الخطي الموضح في الصورة التالية. حدد هذا الملء من لوحة Appearance وانتقل إلى Effect> Stylize> Inner Glow. أدخل الخصائص الموضحة أدناه وانقر فوق OK. استمر في التركيز على لوحة Appearance و أضف 3pt stroke  لهذا الشكل. حدده ، اضبط اللون على الأسود ، واجعله يساوي بعرض 3pt ، ثم قم بمحاذاته إلى الداخل وخفض العتامة إلى 5٪. أضف stroke ثاني لهذا الشكل باستخدام زر Add Stroke جديد من أسفل لوحة Appearance. حدد هذه الضربة الجديدة ، اضبط اللون باللون الأسود ، واجعله بعرض 1pt، وقم بحاذاته إلى الداخل وخفض العتامة إلى 10٪.


الخطوة 9

عطل Snap to Grid (View> Snap to Grid) ثم انتقل إلى Edit> Preferences> General وتأكد من تعيين زيادة لوحة المفاتيح على 1px. حدد المسار المركب الرمادي الذي تم تعديله في الخطوة الخامسة وانتقل إلى Object> Path> Offset Path. أدخل -1px Offset وانقر فوق OK. حدد الشكل الناتج وقم بعمل نسخة أمامية (Control + C> Control + F). حدد هذه النسخة وحركها بمقدار 1 بكسل للأسفل باستخدام السهم لأسفل من لوحة المفاتيح. أعد تحديد كل الأشكال التي تم إجراؤها في هذه الخطوة وانقر فوق زر Minus Front من لوحة Pathfinder. حدد مجموعة الأشكال الناتجة ، قم بإحضارها إلى الأمام (Shift + Control +]) وقم بتحويلها إلى مسار مركب (Object> Compound Path> Make). حدد هذا المسار المركب الجديد والتركيز على لوحة Appearance. أولا ، إزالة اللون من السكتة الدماغية. بعد ذلك ، حدد التعبئة ، واجعلها باللون الأبيض وقم بتغيير Blending mode إلى Soft Light.


الخطوة 10

مكَن الSnap to Grid من خلال (View > Snap to Grid). اختر أداة المستطيل(M) ، وقم بإنشاء شكل 430 × 270 بكسل وقم بتعبئته باللون الأبيض. ضع هذا المستطيل الجديد كما هو موضح في الصورة الأولى ، ثم أرسله إلى الخلف (Shift + Control + [) وانتقل إلى Effect> Stylize> Rounded Corners. أدخل دائرة نصف قطرها 10 بكسل ، وانقر فوق موافق وانتقل إلى Object > Expand Appearance. تأكد من تحديد الشكل الناتج والانتقال إلى Effect> Stylize> Drop Shadow. أدخل الخصائص الموضحة في الجزء العلوي ، النافذة اليسرى ، وانقر على موافق ، ثم انتقل مرة أخرى إلى Effect > Stylize > Drop Shadow. أدخل الخصائص الموضحة في الأسفل ، النافذة اليسرى ، انقر فوق موافق وانتقل مرة أخرى إلىEffect > Stylize> Drop Shadow. أدخل الخصائص الموضحة في الجزء العلوي ، والنافذة اليمنى ، وانقر على موافق ، وانتقل مرة أخرى إلى Effect > Stylize > Drop Shadow.أدخل الخصائص الموضحة في أسفل النافذة اليمنى ، ثم انقر فوق موافق.


الخطوة 11

اختر أداة المستطيل (M) ، وقم بإنشاء شكل 290 × 10px وقم بتعبئته باستخدام التدرج الخطي الموضح في الصورة التالية. عطل Snap to Grid من خلال (View> Snap to Grid). حدد هذا المستطيل و ضع نسختين في المقدمة (Control + C> Control + F> Control + F). حدد النسخة العليا وانقلها بمقدار 1 بكسل لأسفل. أعد تحديد كلتا النسختين واضغط على زر Minus Front من لوحة Pathfinder. املأ الشكل الناتج بـ R = 200 G = 200 B = 200.


الخطوة 12

أعد تحديد المستطيل الأول في الخطوة السابقة وقم بعمل نسختين في المقدمة (Control + C> Control + F> Control + F). حدد النسخة العليا وانقلها بمقدار 2 بكسل لأسفل. أعد تحديد كلتا النسختين واضغط على زر Minus Front من لوحة Pathfinder. املأ الشكل الناتج بـ 245 = ع = 245 ب = 245.


الخطوة 13

أعد تحديد المستطيل الأول في الخطوة الحادية عشر وقم بعمل نسختين في المقدمة (Control + C> Control + F> Control + F). حدد النسخة العليا وانقلها بمقدار 1 بكسل. أعد تحديد كلتا النسختين واضغط على زر Minus Front من لوحة Pathfinder. املأ الشكل الناتج بـ R = 155 G = 155 B = 155.


الخطوة 14

قم بتمكين Snap to Grid من خلال (View > Snap to Grid) و ركز على الجانب الأيمن من الشكل المصنوع في الخطوة السابقة. اختر أداة المستطيل (M) ، ثم قم بإنشاء شكل 5 × 10px ، ثم قم بتعبئته باستخدام التدرج الخطي الموضح أدناه ووضعه كما هو موضح في الصورة الأولى. ركز على هذا المستطيل الصغير وبدَل إلى أداة التحديد المباشر (A). حدد الجزء السفلي ، نقطة الربط اليمنى ، ثم اسحبها بمقدار 5 بكسل. في النهاية ، يجب أن يبدو شكلك كما في الصورة الثانية. حدده ، قم بعمل نسختين في المقدمة (Control + C> Control + F> Control + F) وقم بتعطيل Snap to Grid من خلال (View> Snap to Grid). حدد النسخة العليا وانقلها بمقدار 1 بكسل. أعد تحديد كلتا النسختين واضغط على زر Minus Front من لوحة Pathfinder. املأ الشكل الناتج بـ R = 155 G = 155 B = 155.


الخطوة 15

أعد تحديد الشكل الأول في الخطوة السابقة وقم بعمل نسختين في المقدمة (Control + C> Control + F> Control + F). حدد النسخة العليا وحركها 1 بكسل إلى اليمين. أعد تحديد كلتا النسختين واضغط على زر Minus Front من لوحة Pathfinder. املأ الشكل الناتج بـ R = 200 G = 200 B = 200. ركز على هذا الشكل الرقيق ، و استخدم أداة Delete Anchor Point Tool (-) وقم بإزالة نقطة الربط المحددة في الصورة الثالثة. في النهاية يجب أن يبدو شكلك كما في الصورة الرابعة.


الخطوة 16

قم بتمكين Snap to Grid من خلال(View > Snap to Grid). أعد تحديد الأشكال الثلاثة التي تم إجراؤها في آخر خطوتين وقم بتجميعها (Control + G). اختر هذه المجموعة الجديدة وانتقل إلى Object> Transform> Reflect. تحقق من الزر "Vertical" وانقر فوق الزر "Copy". سيؤدي ذلك إلى إنشاء نسخة للمجموعة المعكوسة أفقيًا. حددها ، اسحبها إلى اليسار و ضعها كما هو موضح في الصورة الثالثة. الآن ، حدد كلا المجموعتين مع الأشكال التي تم إنشاؤها في الخطوات 11 و 12 و 13 وقم بتجميعها (Control + G). حدد هذه المجموعة الجديدة و ضعها كما هو موضح في الصورة الخامسة.


الخطوة 17

بعد ذلك ، سننشئ العلامات. أولاً ، ستحتاج إلى شبكة كل 1 بكسل. ما عليك سوى الانتقال إلى Edit> Preferences> Guides & Grid and enter 1 in the Gridline every box. باستخدام أداة المستطيل (M) ، قم بإنشاء شكل 70 × 8px وقم بتعبئته باستخدام التدرج الخطي الموضح في الصورة التالية. تأكد من تحديد هذا الشكل الجديد و ركز على لوحة Appearance. حدد التعبئة واذهب إلى Effect> Stylize> Rounded Corners. أدخل نصف قطر 1 بكسل ، وانقر فوق موافق وانتقل إلى Effect > Warp > Arc Lower.أدخل الخصائص الموضحة في الصورة التالية ، وانقر فوق OK وانتقل إلى Effect> Warp> Arc Upper. أدخل الخصائص الموضحة أدناه ، وانقر فوق موافق وانتقل إلى Effect > Distort & Transform > Transform. أدخل البيانات الموضحة أدناه وانقر فوق OK. في النهاية ، يجب أن يبدو شكلك كما في الصورة التالية.


الخطوة 18

أعد تحديد الشكل المُنشأ في الخطوة السابقة ، و ركز على لوحة Appearance ، وتأكد من تحديد التعبئة وانقر فوق الزر Duplicate Selected Item (الذي يشير إليه السهم الأزرق الصغير). حدد هذا التعبئة الجديدة ، قم بتحرير التدرج الخطي كما هو موضح في الصورة التالية ثم افتح  Transform effect الحالي وأدخل الخصائص المبينة أدناه.


الخطوة 19

أعد تحديد الشكل الذي تم تحريره في الخطوة السابقة ، و ركز على لوحة Appearance ، وتأكد من تحديد التعبئة العليا وانقر فوق الزر Duplicate Selected Item. حدد هذه التعبئة الجديدة ، قم بتحرير التدرج الخطي كما هو موضح في الصورة التالية ثم قم بإزالة الTransform effect.


الخطوة 20

أعد تحديد الشكل الذي تم تحريره في الخطوة السابقة ، وركّز على لوحة Appearance وأضف تعبئة رابعة باستخدام زر Add New Fill (المشار إليها بالسهم الأزرق الصغير). حدد هذه التعبئة الجديدة ، اضبط اللون على R = 237 G = 28 B = 36 ، قم بتغيير وضع Blending إلى Overlay واذهب إلى Effect > Distort & Transform > Transform . أدخل الخصائص الموضحة في الصورة التالية وانقر فوق موافق.


خطوة 21

ركز على الجانب الأيمن من الشكل الذي تم تحريره في الخطوة السابقة. باستخدام أداة المستطيل (M) ، قم بإنشاء مربع 6px ، املأه بالتدرج الخطي الموضح أدناه و ضعه كما هو موضح في الصورة الأولى. قم بالتبديل إلى أداة التحديد المباشر (A) و ركز على الجانب الأيمن من هذا الشكل الجديد. حدد نقطة الربط العليا واسحبها بمقدار 1 بكسل لأسفل ثم حدد نقطة الربط السفلية واسحبها بمقدار 1 بكسل لأعلى. تأكد من أن الشكل لا يزال محددًا ، والتركيز على لوحة الAppearance  ، وحدد التعبئة وانتقل إلى Effect > Stylize > Rounded Corners. أدخل نصف قطر 1 بكسل ، وانقر فوق موافق وانتقل إلى Effect > Warp > Arc Lowe . أدخل الخصائص الموضحة في الصورة التالية وانقر فوق موافق.


خطوة 22

أعد تحديد الشكل الذي تم تحريره في الخطوة السابقة ، و ركز على لوحة Appearance ، وتأكد من تحديد التعبئة وانقر فوق الزر Duplicate Selected Item. حدد التعبئة السفلية وانتقل إلى Effect > Distort & Transform > Transform. أدخل الخصائص الموضحة أدناه وانقر فوق OK. كذلك ، قم بتحرير التدرج الخطي المستخدم لهذا الملء كما هو موضح في الصورة التالية. أخيرًا ، أرسل هذا الشكل للخلف من خلال (]+Shift + Control ).


الخطوة 23

باستخدام أداة المستطيل (M) ، قم بإنشاء شكل 6 × 2px وقم بتعبئته بالتدرج الخطي الموضح أدناه. ضع هذا المستطيل الجديد كما هو موضح في الصورة التالية وانتقل إلى Effect> Stylize> Rounded Corners. أدخل نصف قطر 1 بكسل ، وانقر فوق موافق وانتقل إلى Effect > Warp > Arc Lower . أدخل الخصائص الموضحة في الصورة التالية وانقر فوق موافق. أخيرًا ، أرسل هذا الشكل للخلف من خلال ([+Shift + Control).


الخطوة 24

قم بإعادة تحديد كل الأشكال التي تم حصرها وتحريرها في آخر سبع خطوات وقم بجمعها من خلال (Control + G). حدد هذه المجموعة الجديدة ، قم بعمل نسخة أمامية (Control + C> Control + F) واسحبها ببضع بكسلات لأسفل كما هو موضح في الصورة الثانية. ركز على هذه المجموعة الجديدة ، حدد الشكل الرئيسي واستبدل اللون الأحمر المستخدم للتعبئة العليا باستخدام الأسود البسيط. حدد هذه المجموعة الثانية ، قم بعمل نسخة في المقدمة (Control + C> Control + F) واسحبها بضع بكسلات كما هو موضح في الصورة الثالثة. ركز على هذه المجموعة الجديدة ، حدد الشكل الرئيسي واستبدل الأسود المستخدم للتعبئة العليا بلون أزرق فاتح (R = 39 G = 170 B = 225). تأكد من أن هذه المجموعة الثالثة لا تزال محددة وتذهب ببساطة إلى Object> Expand Appearance.


خطوة 25

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


الخطوة 26

ارجع إلى "Gridline كل 5px". لذلك ، انتقل إلى Edit> Preferences> Guides & Grid وأدخل الرقم 5 في مربع Gridline. اختر أداة المستطيل (M) ، وقم بإنشاء شكل 300 × 40px ، واملأها بالتدرج الخطي الموضح أدناه وخفض العتامة إلى 75٪. تأكد من تحديد هذا الشكل الجديد ، ثم إرساله إلى الخلف ([+ Shift + Control) وانتقل إلى Effect> Blur> Gaussian Blur. أدخل دائرة نصف قطرها 10 بكسل وانقر موافق.


الخطوة 27

اختر أداة المستطيل (M) ، وقم بإنشاء شكل 420 × 40px ، واملأها بالتدرج الخطي الموضح أدناه وخفض العتامة إلى 75٪. تأكد من تحديد هذا الشكل الجديد ، ثم إرساله إلى الخلف ( [+ Shift + Control) وانتقل إلى Effect> Blur> Gaussian Blur. أدخل دائرة نصف قطرها 5 بكسل وانقر موافق.


الخطوة 28

اختر أداة الكتابة (T) وأضف نص بسيط كما هو موضح في الصورة التالية. يمكنك استخدام الخط "Marker SD Italic" بالحجم الذي تم تعيينه على 20 نقطة ، وباللون عند R = 75 G = 75 B = 75. وأخيرًا ، بالنسبة للمسارات الحمراء الصغيرة ، ستحتاج إلى أداة الفرشاة (B) و pt 3. فرشاة خطية مستديرة.


في الختام

الآن تم إنجاز عملك. هنا كيف يجب أن تبدو. آمل أن تكون قد استمتعت بالبرنامج التعليمي اليوم ويمكن أن تطبق هذه التقنيات في مشاريعك الخاصة.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.