تابعنا في الدرس السابق عملية تصميم الشكل الأساسي والنأخذ وسنتابع في هذا الدرس عملية تصميم القابس

أنشئ القابس

13- يأتي الآن دور القابس. حدد القطع الناقص المبين في الصورة الأولى واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم حرك هذه النسخة إلى المقدمة Ctrl +Shift +]. حافظ على تحديد النسخة، أزل لون التعبئة الخاص بها ثم أضف حدًا بلون أحمر لهذا القطع الناقص. تأكد من أن القطع الناقص الأحمر لا يزال محددًا وانتقل إلى Object > Transform > Scale… فعّل الخيار Uniform وأدخل 94 في المربع Scale، ثم انقر على OK. باستخدام أداة رسم المستطيلات Rectangle Tool (M)، أنشئ مستطيلًا أزرق اللون بحجم 128 X 140. حافظ على تحديد هذا المستطيل، اضغط باستمرار على مفتاح Shift، انقر على القطع الناقص الأحمر الذي تم إنشاؤه في هذه الخطوة، حرر مفتاح Shift وانقر على القطع الناقص الأحمر ثانية. افتح بعد ذلك لوحة المحاذاة Align من Window > Align وانقر على زر Horizontal Align Center، ثم انقر على زر Vertical Align Center . حدد الآن المستطيل الأزرق واعمل نسخة عنه، ثم حرك هذه النسخة نحو اليسار بمقدار 10 بكسل. حدد بعد ذلك المستطيل الأزرق الأصلي وحركه نحو اليمين بمقدار 10 بكسل. وأخيرًا حدد المستطيلين الزرقاوين والقطع الناقص الأحمر الذين تم إنشاؤهم في هذه الخطوة، ثم افتح لوحة مستكشف المسارات Pathfinder من Window> Pathfinder وانقر على زر Intersect . ينبغي أن يبدو الكائن الناتج كما هو مبين في الصورة الأخيرة في الأسفل.

14- اختر أدارة رسم المستطيلات Rectangle Tool (M) وأنشئ مستطيلًا أحمر أبعاده 84 X 75. حدد الكائن الأزرق الذي تم إنشاؤه في الخطوة 13، اضغط باستمرار على مفتاح Shift، انقر على المستطيل الأحمر الذي تم إنشاؤه في هذه الخطوة، حرر مفتاح Shift وانقر على الكائن الأزرق ثانية. انقر على زر Horizontal Align Center من لوحة المحاذاة Align و انقر على زر Vertical Align Center . حدد بعد ذلك المستطيل الأحمر وحركه نحو الأسفل بمقدار 17 بكسل. حافظ على تحديد المستطيل الأحمر وانتقل إلى Object > Transform > Move… أدخل البيانات المبينة في الصورة الثانية وانقر على Copy، ثم استبدل لون الحدود الحالي للنسخة بالأرجواني. باستخدام أداة التحديد المباشر Direct Selection Tool (A) ومفتاح Shift حدد الناحية اليمنى العليا والناحية اليمنى السفلى من المستطيل الأرجواني، ثم حركهما نحو اليسار بمقدار 20 بكسل. حدد بعد ذلك نقطة الارتكاز اليسرى العليا من الكائن الأرجواني وحركها نحو اليمين بمقدار 10 بكسل. باستخدام أداة إضافة النقاط Add Anchor Point Tool (+) انقر على النقطة المعلّمة بالأصفر من الكائن الأرجواني وأضف نقطة ارتكاز جديدة. وأخيرًا اختر أداة تحويل النقاط Convert Anchor Point Tool (Shift +C)، انقر باستمرار على نقطة الارتكاز التي تمت إضافتها للتو واسحبها نحو اليسار.

15- حدد الكائن الأرجواني الذي تم إنشاؤه في الخطوة 14 وانقر نقرًا مزدوجًا على أداة الانعكاس Reflect Tool من لوحة الأدوات Tool. في مربع الحوار Reflect، فعّل الخيار Vertical وانقر على Copy. حافظ على تحديد النسخة، اضغط باستمرار على مفتاح Shift، انقر على المستطيل الأحمر الذي تم إنشاؤه في الخطوة 14، حرر مفتاح Shift وانقر على المستطيل الأحمر ثانية. افتح لوحة المحاذاة Align من Window > Align وانقر على زر Horizontal Align Right. حدد بعد ذلك الكائنين الأرجوانيين وانقر على زر Unite من لوحة مستكشف المسارات Pathfinder. حدد الآن الكائن الأزرق الذي تم إنشاؤه في الخطوة 13 واعمل نسخة عنه Ctrl +C, Ctrl +F. حافظ على تحديد النسخة، اضغط باستمرار على مفتاح Shift وانقر على الكائن الأرجواني الذي تم إنشاؤه في هذه الخطوة، ثم انقر على زر Intersect من لوحة مستكشف المسارات Pathfinder. ينبغي أن يبدو الكائن الناتج كما هو مبين في الصورة الأخيرة في الأسفل.

16- حدد المستطيل الأحمر الذي تم إنشاؤه في الخطوة 14 وانتقل إلى Object > Transform > Move… أدخل البيانات المبينة في الصورة الأولى وانقر على Copy، ثم استبدل لون الحدود الحالي للنسخة بالأصفر. باستخدام أداة التحديد المباشر Direct Selection Tool (A) ومفتاح Shift حدد الناحية اليمنى العليا والناحية اليمنى السفلى من المستطيل الأصفر، ثم حركهما نحو اليسار بمقدار 20 بكسل. حدد الآن نقطة الارتكاز اليسرى السفلى من الكائن الأصفر وحركها نحو اليمين بمقدار 17 بكسل. ركز على الصورة الثالثة، وباستخدام أداة إضافة النقاط Add Anchor Point Tool (+) انقر على النقطة المعلّمة بالأسود من الكائن الأصفر وأضف نقطة ارتكاز جديدة، ثم حرك هذه النقطة نحو اليمين بمقدار 8 بكسل. اختر الآن أداة تحويل النقاط Convert Anchor Point Tool (Shift +C)، انقر باستمرار على نقطة الارتكاز التي تمت إضافتها للتو واسحبها نحو الأعلى.

17- حدد الكائن الأصفر الذي تم إنشاؤه في الخطوة 16 وانقر نقرًا مزدوجًا على أيقونة أداة الانعكاس Reflect Tool من لوحة Tool . في مربع الحوار Reflect فعّل الخيارVertical وانقر على Copy. حافظ على تحديد النسخة، اضغط باستمرار على مفتاح Shift، انقر على المستطيل الأحمر الذي تم إنشاؤه في الخطوة 14، حرر مفتاح Shift وانقر على المستطيل الأحمر ثانية. افتح لوحة المحاذاة Align من Window > Align وانقر على زر Horizontal Align Right. حدد بعد ذلك الكائنين الصفراوين وانقر على زر Unite من لوحة مستكشف المسارات Pathfinder. ينبغي أن يبدو الكائن الناتج كما هو مبين في الصورة الأخيرة في الأسفل.

18- حدد الكائن الأزرق، أزل حدوده ثم قم بتعبئته بالتدرج الخطي المبين في الأسفل. حافظ على تحديد الشكل الناتج وانتقل إلى Object > Path > Offset Path… أدخل القيمة – 5 بكسل في حقل الإزاحة Offset وانقر على OK. تأكد من أن الشكل الذي تم إنشاؤه حديثًا لا يزال محددًا، حركه نحو الأعلى بمقدار 3 بكسل ثم استبدل اللون الحالي لهذا الشكل بتدرج خطي جديد كما هو مبين في الصورة الثانية. وأخيرًا طبّق تأثير الضبابية الغوصية Gaussian Blur بقيمة 1 بكسل على الشكل الناتج.

19- حدد الكائن الأرجواني وأزل حدوده، ثم قم بتعبئته باللون المكون من R=239, G=235, B=225. حافظ على تحديد الشكل الناتج وانتقل إلى Object > Path > Offset Path… أدخل القيمة – 2 بكسل في حقل الإزاحة Offset وانقر على OK، ثم استبدل اللون الحالي للشكل الذي تم إنشاؤه حديثًا باللون المكون من R=218, G=210, B=196. حدد بعد ذلك المستطيل الأحمر، أزل حدوده وقم بتعبئته بالتدرج الخطي الذي تراه في الصورة الأخيرة.

20- حدد الكائن الأصفر، أزل حدوده وقم بتعبئته بالتدرج الخطي المبين في الأسفل. حافظ على تحديد الشكل الناتج واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم استبدل اللون الحالي للنسخة بتدرج خطي جديد كالذي تراه في الصورة الثانية. ركّز الآن على الصورة الثالثة، باستخدام أداة التحديد المباشر Direct Selection Tool (A) اختر نقطة الارتكاز اليسرى المعلّمة بالأحمر من الشكل الذي تم إنشاؤه حديثًا وحركها نحو اليمين بمقدار 2 بكسل. حدد بعد ذلك نقطة الارتكاز اليسرى المعلّمة بالأزرق وحركها نحو اليمين بمقدار 8 بكسل. بنفس الطريقة، كرر العملية نفسها على الجهة الأخرى من الشكل الذي تم إنشاؤه حديثاً. ينبغي في النهاية أن يبدو الشكل الخاص بك مماثلًا تقريبًا للصورة الرابعة. حدد بعد ذلك الشكل الذي تم إنشاؤه حديثًا وطبّق عليه تأثير الضبابية الغوصية Gaussian Blurبقيمة 3 بكسل. حدد الآن الشكل الأول الذي تم إنشاؤه في هذه الخطوة واعمل نسخة عنه، ثم انقل هذه النسخة إلى المقدمة Ctrl +Shift +]. حافظ على تحديد هذه النسخة، اضغط باستمرار على مفتاح Shift وانقر على الشكل الذي طُبّق عليه تأثير الضبابية في هذه الخطوة، ثم انتقل إلى Object > Clipping Mask > Make Ctrl +7.

21- حدد الشكل الأول الذي تم إنشاؤه في الخطوة 19 واعمل نسخة عنه Ctrl +C, Ctrl +F. تأكد من أن النسخة لا تزال محددة وانتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات المبينة في الأسفل وانقر على OK. حدد الآن الشكل الذي طُبّق عليه تأثير الضبابية في الخطوة 18 واعمل نسخة عنه. أزل تأثير الضبابية عن هذه النسخة ثم انقلها إلى المقدمة Ctrl +Shift +]. حافظ على تحديد الشكل الذي تم إنشاؤه حديثًا، اضغط باستمرار على مفتاح Shift وانقر على الشكل الذي طُبّق عليه تأثير الظل في هذه الخطوة، ثم انتقل إلى Object > Clipping Mask > Make Ctrl +7. في النهاية، قم بإخفاء مجموعة القص خلف الشكل الأول الذي تم إنشاؤه في الخطوة 19.

22- باستخدام أداة رسم المستطيلات Rectangle Tool (M) أنشئ مستطيلًا أحمر أبعاده 7 X 11. اعمل نسخة عن هذا المستطيل Ctrl +C, Ctrl +F ثم انقل هذين المستطيلين إلى الموضعين المبينين في الأسفل. حدد بعد ذلك المستطيلين الحمراوين اللذين تم إنشاؤهما في هذه الخطوة، أزل حدودهما وقم بتعبئتهما بالتدرج الخطي الذي تراه في الصورة الثانية. أنشئ الآن باستخدام أداة رسم الخطوط المستقيمة Line Segment Tool () خطًا عموديًا بطول 193 بكسل وبحد أحمر دون تعبئة بقيمة 2 بكسل. حافظ على تحديد الخط، اضغط باستمرار على مفتاح Shift وانقر على الشكل الأول الذي تم إنشاؤه في الخطوة 18، حرر مفتاح Shift وانقر على الشكل الأول الذي تم إنشاؤه في الخطوة 18 ثانية (لتصحيح موقعه). افتح بعد ذلك لوحة المحاذاة Align من Window> Align وانقر على زر Horizontal Align Center ثم انقر على زر Vertical Align Top. وأخيرًا حدد الخط العمودي واستبدل لون الحدود الحالي بتدرج خطي ضمن الحدود كما هو مبين في الصورة الأخيرة.

23- اختر أداة رسم المستطيلات منحنية الزوايا Vertical Align Top، انقر ببساطة على لوحة الرسم، أدخل البيانات المبينة في الأسفل وانقر على OK، ثم انقل المستطيل الذي تم إنشاؤه حديثًا إلى الموقع الذي تراه في الصورة الأولى. حافظ على تحديد المستطيل الذي تم إنشاؤه حديثًا، أزل حدوده وقم بتعبئته بالتدرج الخطي المبين في الصورة الثانية. حافظ على تحديد المستطيل الناتج واعمل نسخة عنه، ثم حرك النسخة نحو الأسفل بمقدار 22 بكسل. تأكد من أن المستطيل الذي تم إنشاؤه حديثًا لا يزال محددًا، افتح لوحة التحويل Transform من window> Transform وأدخل القيمة 31 في المربع W. حدد الآن المستطيلين اللذين تم إنشاؤهما في هذه الخطوة وانتقل إلى Object > Blend > Blend Options… اتبع البيانات التي تراها في الصورة الأخيرة وانقر على OK، ثم انتقل إلى Object > Blend > Make.

24- اختر أداة الاختيار Selection Tool (V) مع الضغط على مفتاح Shift، حدد الأشكال الخمسة التي تراها في الصورة الأولى واعمل نسخة عنها Ctrl +C, Ctrl +F. ثم انقل هذه الأشكال إلى المقدمة Ctrl +Shift +] وانقر على زر Unite من لوحة مستكشف المسارات Pathfinder. حافظ على تحديد الشكل الناتج وانتقل إلى Effect >Stylize > Drop Shadow… اتبع البيانات المبينة في الصورة الثالثة وانقر على OK. وأخيرًا قم بإخفاء الشكل الناتج خلف الشكل الأول الذي تم إنشاؤه في الخطوة 18.

25- اختر أداة رسم المستطيلات Rectangle Tool (M) وأنشئ مستطيلًا أبعاده 21 X 150، ثم انقله إلى الموضع المبين في الأسفل. حافظ على تحديد المستطيل الذي تم إنشاؤه حديثًا، أزل حدوده وقم بتعبئته بالتدرج الخطي الذي تراه في الصورة الثانية. تأكد من أن المستطيل الناتج لا يزال محددًا وانتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات المبينة في الصورة الأخيرة وانقر على OK.

26- حدد القطع الناقص المبين في الصورة الأولى واستبدل لونه الحالي بتدرج شعاعي جديد كالذي تراه في الصورة الثانية. ينبغي أن يبدو المقبس الخاص بك في هذه المرحلة كما هو مبين في الصورة الأخيرة في الأسفل.

وبهذا نكون قد انتهينا من تصميم القابس وسنتابع ما تبقى من كامل التصميم في الدرس القادم.

ترجمة -وبتصرّف- للمقال How to Create a Realistic Outlet Adapter لصاحبه Bao Nguyen

سنقوم في هذه السلسلة بإنشاء مقبس جداري واقعي باستخدام برنامج الإليستريتور. ستتعلم كيف تنشئ الشكل الأساسي باستخدام العديد من المستطيلات والقطوع الناقصة وباستخدام لوحات Offset Path والمحاذاة Align وPathfinder. هل أنت مستعد للرسم؟ دعنا نبدأ!

أنشئ ملفًا جديدًا

1- افتح برنامج الإلستريتور ثم اضغط على Ctrl+ N لإنشاء ملف جديد. اختر Pixels من القائمة المنسدلةUnits ، أدخل 840 في حقل العرض width و 600 في حقل الارتفاع height ثم انقر على زر Advanced لفتح الخيارات المتقدمة. اختر RGB و Screen (72ppi) وتأكّد من إلغاء تأشير مربّع الخيار Align New Objects to Pixel Grid قبل أن تنقر على OK.

أنشئ الشكل الأساسي

2- اختر أداة رسم المستطيلات منحنية الزوايا Rounded Rectangle Tool وانقر ببساطة على لوحة الرسم. أدخل البيانات المبينة في الصورة في الأسفل، ثم انقر على OK. تأكد من أن المستطيل الذي تم إنشاؤه حديثاً لا يزال محددًا وانتقل إلى Object > Transform > Move… أدخل 212 بكسل في المربع Horizontal وانقر على Copy، ثم اضغط مرة واحدة على Ctrl +Dلتحصل على النتائج التي تراها في الصورة الثانية.

3- اختر أداة رسم المستطيلات منحنية الزوايا Rounded Rectangle Tool وأنشئ مستطيلاً أحمر اللون كما هو مبين في الصورة الأولى في الأسفل. حدد الآن المستطيل الأزرق الموجود في الوسط والذي تم إنشاؤه في الخطوة 2، اضغط باستمرار على مفتاح Shift، انقر على المستطيل الذي تم إنشاؤه حديثًا، حرر مفتاح Shift وانقر على المستطيل الأزرق الموجود في الوسط مرة ثانية (لتصحيح موقعه). افتح بعد ذلك لوحة المحاذاة Align من Window > Align وانقر على زر Horizontal Align Center، ثم انقر على زر Vertical Align Center .

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

أنشئ المأخذ

5- اختر أداة رسم الأشكال البيضوية Ellipse Tool (L) وأنشئ قطعًا ناقصًا أسود اللون أبعاده 153 X 153 بكسل. حافظ على تحديد القطع الناقص الذي تم إنشاؤه حديثًا، اضغط باستمرار على مفتاح Shift انقر على يسار المستطيل الذي تم إنشاؤه في الخطوة 4، حرر مفتاح Shift ثم انقر على يسار المستطيل مرة ثانية (لتصحيح موقعه). افتح بعد ذلك لوحة المحاذاة Align من Window > Align وانقر على زر Horizontal Align Center ثم انقر على زر Vertical Align Center . اختر الآن القطع الناقص الأسود الذي تم إنشاؤه في هذه الخطوة وانتقل إلى Object > Path > Offset Path… أدخل -9 بكسل في حقل الإزاحة Offset وانقر على OK، ثم استبدل اللون الحالي لحدود القطع الناقص الذي تم إنشاؤه حديثًا باللون الأزرق.

6- اختر أداة رسم المستطيلات Rectangle Tool (M) وأنشئ مستطيلًا أرجواني اللون بحجم 21 X 18 بكسل. باستخدام أداة إضافة النقاط Add Anchor Point Tool (+)، انقر على النقطة الوسطى العليا من المستطيل الأرجواني لإضافة نقطة ارتكاز جديدة، ثم حرك نقطة الارتكاز هذه إلى الأعلى بمقدار 8 بكسل. باستخدام أداة تحويل النقاط Convert Anchor Point Tool (Shift +C)، انقر باستمرار على نقطة الارتكاز التي حركتها للتو واسحبها نحو اليسار. ينبغي أن يبدو الكائن الناتج كما هو مبين في الصورة الثالثة في الأسفل. باستخدام أداة رسم الأشكال البيضوية Ellipse Tool (L) أنشئ قطعًا ناقصًا أبعاده 17 X 17 بكسل، واعمل نسخة Ctrl +C, Ctrl +F عنه ثم حرك النسخة نحو اليمين بمقدار 56 بكسل. قم بعد ذلك بتحديد وتجميع Ctrl +G القطعين الناقصين اللذين تم إنشاؤهما في هذه الخطوة.

7- حدد المجموعة التي تم إنشاؤها في الخطوة 6، اضغط باستمرار على مفتاح Shift وانقر على الكائن الأرجواني. افتح لوحة المحاذاة Align من Window > Align وانقر على زر Horizontal Align Center، ثم انقر على زر Vertical Align Top . حدد بعد ذلك الكائن الأرجواني وحركه نحو الأسفل بمقدار 38 بكسل. قبل أن تكمل، اختر الكائن الأرجواني والمجموعة التي تم إنشاؤها في الخطوة 6 ثم قم بتجميعهم Ctrl +G، حافظ على تحديد هذه المجموعة، اضغط باستمرار على مفتاح Shift، انقر على القطع الناقص الأزرق الذي تم إنشاؤه في الخطوة 5، حرر مفتاح Shift ثم انقر على القطع الناقص الأزرق مرة ثانية (لتصحيح موقعه). انقر بعد ذلك على زر Horizontal Align Center من لوحة المحاذاة Align ثم انقر على زر Vertical Align Center.

8- حدد القطع الناقص الازرق الذي تم إنشاؤه في الخطوة 5 واعمل نسخة عنه Ctrl +C, Ctrl +F ، ثم استبدل لون الحدود الحالي للنسخة باللون الفيروزي. حافظ على تحديد القطع الناقص الفيروزي وانتقل إلى Object > Transform > Transform Each… أدخل البيانات المبينة في الأسفل ثم انقر على Copy. حدد الآن القطعين الناقصين باللون الفيروزي، ثم افتح لوحة مستكشف المسارات Pathfinder من Window > Pathfinder وانقر على زر Minus Front.

9- حدد القطع الناقص الأسود وأزل حدوده، ثم قم بتعبئته بتدرج خطي كما هو مبين في الأسفل. قبل أن تكمل، حدد القطع الناقص الأزرق واعمل نسخة عنه Ctrl +C, Ctrl +F ، ثم اضغطCtrl +3 لإخفاء النسخة. حدد بعد ذلك القطع الناقص الأصلي ذي اللون الأزرق وأزل حدوده، ثم قم بتعبئته بتدرج شعاعي كالذي تراه في الصورة الثانية. اضغط الآن Ctrl +Alt +3 لإظهار القطع الناقص الأزرق الذي تم إخفاؤه في هذه الخطوة. غيّر قيمة حدود هذا القطع إلى 2 بكسل واستبدل لون الحدود الحالي بتدرج خطي ضمن الحدود، ثم حرك القطع الناتج إلى المقدمة Ctrl +Shift +]. وأخيرًا حدد الكائن الفيروزي وأزل حدوده، ثم قم بتعبئة هذا الكائن بتدرج خطي كما هو مبين في الصورة الأخيرة.

10- حدد القطع الناقص الأكبر وانتقل إلى Object > Path > Offset Path… أدخل القيمة 5 بكسل في حقل الإزاحة Offset وانقر على OK، ثم استبدل اللون الحالي للقطع الناقص الذي تم إنشاؤه حديثًا بالتدرج الخطي الجديد المبين في الصورة الثانية. حافظ على تحديد القطع الناتج وانتقل إلى Effect > Blur > Gaussian Blur… أدخل القيمة 5 بكسل في حقل نصف القطر Radius ثم انقر على OK.

11- حدد المجموعة التي تم إنشاؤها في الخطوة 7 وأزل حدودها، ثم قم بتعبئتها بالتدرج الشعاعي المبين في الأسفل. حافظ على تحديد المجموعة الناتجة واعمل نسخة عنها Ctrl +C, Ctrl +F. استبدل اللون الحالي للنسخة باللون المكون من R=237, G=235, B=235 ثم اضغط Ctrl +[ لإخفاء هذه المجموعة خلف المجموعة الأصلية.

12- قم بتحديد وتجميع Ctrl +G جميع الكائنات التي تم إنشاؤها من بداية الخطوة 5 وحتى هذه اللحظة، ثم اعمل نسخة عن هذه المجموعة Ctrl +C, Ctrl +F. حافظ على تحديد المجموعة التي تم إنشاؤها حديثًا، اضغط باستمرار على مفتاح Shift، انقر على المستطيل المركزي الذي تم إنشاؤه في الخطوة 4، حرر مفتاح Shift وانقر على المستطيل المركزي ثانية (لتصحيح موقعه). افتح لوحة المحاذاة Align من Window > Align وانقر على زر Horizontal Align Center، ثم انقر على زر Vertical Align Center . حدد الآن المجموعة التي تم إنشاؤها حديثًا واضغط Ctrl +Shift +G لفك تجميعها. ينبغي في هذه المرحلة أن يبدو المقبس كما هو مبين في الصورة الأخيرة في الأسفل.

وسنتابع في الدروس القادمة تصميم القابس، زر التشغيل, البراغي والخلفية

ترجمة -وبتصرّف- للمقال How to Create a Realistic Outlet Adapter لصاحبه Bao Nguyen

يمكنك إنشاء وتصميم الكثير لواجهة لعبتك الخاصة، وفي هذا الدرس سوف نعرض لك كيف تنشئ “شريط التقدم” لِلُعبة باستخدام أيقونات ظريفة على أدوبي إليستريتور. سنستخدم Pathfinder panel لدمج العناصر في أشكال جديدة، وسنضيف Transparency effects على العناصر، وغيره الكثير. ولِنبدأ.

1- إنشاء مستند جديد

قم بفتح برنامج أدوبي إليستريتور وأنشِئ مستند جديد من New Document (Ctrl + N)، ثم قم بتسميته. ونختار من القائمة المنسدلة Units الخيار Pixels. ثم ندخل القيمة 460 في خانة العرض Width، والقيمة 350 في خانة الارتفاع Height، اضغط بعدها على مؤشر Advanced، واختار RGB من القائمة المنسدلة Color Mode، الدقة (150ppi)، وقبل أن تضغط على OK تأكّد من عدم وجود علامة “صح” في مربع الخانة Align New Objects to Pixel Grid

2- إنشاء أيقونة النجمة

خطوة 1: لننشئ أيقونة على شكل نجمة، اسحب Star Tool، واضغط مع السحب لرسم الشكل مع الاستمرار بالضغط على مفتاح Shift. اضبط عرض النجمة Width إلى 86 px. الآن اختر أداة الاستدارة Rotate Tool (R)، ثم اضغط على منتصف شكل النجمة مع الاستمرار بالضغط على مفتاح alt. سيظهر لك مربع حوار خاص بأمر الاستدارة، اضبط قيمة Angle إلى 21 ثم انقر على OK. اترك شكل النجمة محددًا، واختر الأداة Direct Selection Tool (A)، اضبط قيمة corner radius إلى 5 px، واختر من Rounding الخيار Absolute، الآن نملأ شكل النجمة بلون من خلال أداة gradient، بدون وضع إطار stroke (انظر للصور بالأسفل).

خطوة 2: انسخ النجمة وألصقها في المقدمة (Ctrl + C, Ctrl + F) وذلك مرتين. الآن احتفظ بالشكل الجديد محددًا، واعمل على تصغيره مع الاستمرار بالضغط على مفتاحي Alt + Shift، حدد الشكل الذي قمنا بنسخِه أولًا مع هذا الشكل الجديد ثم اذهب إلى Pathfinder Panel، ونختار Exclude. اضبط اللون للشكل الجديد إلى 255, 239, 90، والشفافية opacity إلى 66%.

خطوة 3: مرة أخرى، انسخ النجمة وألصقها في المقدمة (Ctrl + C, Ctrl + F). الآن احتفظ بالشكل الجديد محددًا وقم بتصغيره مع الاستمرار بالضغط على مفتاحي Alt + Shift، ثم اذهب إلى Object > Path > Offset Path. اضبط Offset إلى 0.5 px. اختر الشكل الذي أنشأناه قبلاً والجديد ثم اذهب إلى Pathfinder Panel، اضبط لون الشكل الجديد إلى اللون الأسود، و Blending Modeإلى Soft Light، بالإضافة إلى ضبط الشفافية Opacity إلى 100%.

خطوة 4: انسخ الشكل الأخير والصقه في المقدمة (Ctrl + C, Ctrl + F). الآن احتفظ بالشكل الجديد محددًا وقم بتصغيره مع الاستمرار بالضغط على مفتاحي Alt + Shift، اضبط لون الشكل الجديد إلى اللون الأبيض، وBlending Mode إلى Screen، واضبط الشفافية Opacity إلى 66%.

خطوة 5: الآن انسخ الشكل الأساسي للنجمة والصقه في الخلف (Ctrl + C, Ctrl + B). واتركه محددًا، اضغط مع الاستمرار على مفتاح Shift، ثم اضغط على مفتاح السهم العلوي مرة واحدة. قم بتلوين الشكل باستخدام gradient (انظر للصور بالأسفل)

خطوة 6: لنضع الآن قليلًا من الظلال. انسخ شكل النجمة الأساسي والصقه في المقدمة (Ctrl + C, Ctrl + F) مرتين، احتفظ بالشكل الجديد محددًا وقم بتحريكه للأعلى واليمين قليلًا، حدد الشكلين الذين قمنا بنسخهما ثم اذهب إلى Pathfinder Panel واختر Minus Front، اضبط Blending Mode إلى Multiply، والشفافية Opacity إلى 100%. أخيرًا قم بتلوينه من خلال gradient.

خطوة 7: في هذه الخطوة سوف نقوم بإنشاء وجه ظريف للنجمة، اخترEllipse Tool (L) وارسم دائرة بمقدار 10px للطول والعرض، حاليًا قم بتلوينها فقط بأي لون يُعجبك لكن بدون وضع إطار stroke لها. انسخ العنصر ثم اضغط مع الاستمرار على مفتاح Shift وحركه لليمين بالضغط على مفتاح سهم اليمين مرتين متتاليتين ثم حركه للأسفل بالضغط على مفتاح سهم الأسفل 3 مرات. الآن حدد الشكلين واذهب إلى Pathfinder Panel، اختر Minus Front، هذا سيكون شكل العين. الآن قم بتلوين الشكل إلى 26,28,18. ثم اضبط Blending Mode إلى Color Burn والشفافية opacity إلى 35%.

خطوة 8: الآن لنضع بعض التأثيرات. انسخ شكل العين والصقه في المقدمة (Ctrl + C, Ctrl + F) مرتين. اختر الشكل الجديد وعيّن موضعه كما يظهر في الصورة بالأسفل. الآن اختر الشكلين الجديدين واذهب إلى Pathfinder Panel واختر Intersect، املأ الشكل باللون الأسود، ثم اضبط Blending Mode إلى Color Burn، والشفافية Opacity إلى 35%.

خطوة 9: مرة أخرى انسخ شكل العين والصقه في المقدمة (Ctrl + C, Ctrl + F) مرتين. اختر الشكل الجديد وعيّن موضعه كما يظهر في الصورة بالأسفل. الآن حدد الشكلين الجديدين واذهب إلى Pathfinder Panel واخترMinus Back، املأ الشكل باللون الأبيض، ثم اضبط Blending Mode إلى Screen، والشفافية Opacity إلى 76%.

خطوة 10: ضع الأشكال الثلاثة في مجموعة ثم عيّن مواضعهم داخل النجمة. كما ترى لقد حصلنا على تأثير رائع للعين. حدد مجموعة أشكال العين، انسخهم ثم الصقهم في المقدمة (Ctrl + C, Ctrl + F)، حدد الشكل الجديد وعيّن موضعه كما يظهر في الصورة بالأسفل. اختر Reflect Tool (O) واضغط على منتصف الشكل بالتزامن مع الضغط والاستمرار على مفتاح Alt، اضبط زاوية الانعكاس angle إلى 120 م اضغط على OK.

خطوة 11: بنفس الطريقة يمكنك عمل فم للنجمة. فقط اتبع الخطوات التي قمنا بها في العين، وفي هذه الحالة يمكنك استخدام شكل بيضاوي للفم. (فضلًا انظر للصورة بالأسفل)

خطوة 12: لِلَمسة أخيرة، سوف نضيف بريق وظلال إلى نجمتنا الظريفة. ولعمل الظل انسخ الشكل الأساسي للنجمة والصقه في الخلف (Ctrl + C, Ctrl + B). حركه لليمين وللأعلى لإسقاط بعض الظلال. واضبط اللون لهذا الشكل إلى الأسود، اضبط Blending Mode إلى Multiply والشفافية opacity إلى 40%.
لإضافة بعض اللمعان أو البريق لنجمتنا، اختر Star Tool ثم اضغط على لوحة الرسم في أي مكان فارغ. الآن أنت ترى النافذة المنبثقة الخاصة بالأداة. اضبط Radius 1 إلى 30px، و Radius 2إلى 5px، ثم Points إلى 4. واضغط OK. عيّن موضعها كما يظهر في الصورة بالأسفل واضبط لونها إلى الأبيض. ولجعلها أكثر لمعاناً سنضيف بعض التدرج اللوني. ارسم دائرة بقيمة 14px للعرض والطول. واملأها بتدرج لوني gradient (من 100%أبيض إلى 0% أسود) كما يظهر في الصورة بالأسفل. اضبط Blending Mode إلى Screen والشفافية Opacity إلى 100%. عيّن موضعها بجوار النجمة الصغيرة اللّامعة.

3- إنشاء شريط التقدم

خطوة 1: اختر Rounded Rectangle Tool، اضغط في أي مكان على لوحة الرسم، ستظهر نافذة الأداة. اضبط Width إلى 219px و Heightإلى 26px، اضبط Corner Radius إلى 12px. ثم اضغط OK. اضبط اللون إلى 173,171,174 وبدون إطار stroke. اختر الشكل ثم انسخه والصقه في الخلفية (Ctrl + C, Ctrl + B). حرّكه إلى الأعلى واليمين بالاستمرار بالضغط على مفتاح Shift مع مفتاحي السهمين (الأعلى واليمين) بضغطتين لكل منها. املأ الشكل الجديد إلى 129,134,137. والآن انسخ الشكل الأمامي مرة أخرى والصقه في المقدمة (Ctrl + C, Ctrl + F). اضبط Width إلى 214px و Heightإلى 16px. مرة أخرى انسخ الشكل الجديد والصقه في المقدمة (Ctrl + C, Ctrl + F) مرتين. حرّك الشكل الأول للأسفل بالضغط مع الاستمرار على مفتاح Shift مع الضغط 3 مرات على مفتاح سهم الأسفل. الآن اختر الشكلين معًا واذهب إلى Pathfinder Panel، اختر Minus Front.

خطوة 2: اختر Rounded Rectangle Tool، اضغط في أي مكان على لوحة الرسم، ستظهر نافذة الأداة. اضبط Width إلى 208px و Heightإلى 13px، اضبط Corner Radius إلى 7px. ثم اضغط OK. اضبط اللون إلى 255,239,79 وبدون إطار stroke.
عيّن موضعها كما يظهر في الصورة بالأسفل. اختر الشكل، انسخه والصقه في المقدمة (Ctrl + C, Ctrl + F) مرتين. اختر الشكل الأول وحرّكه للأسفل. ثم اختر الشكلين الجديدين معًا واذهب إلى Pathfinder Panel، اخترMinus Front. اضبط Blending Mode إلى Screen والشفافية opacity إلى 35%. مرة أخرى حدد الشكل، انسخه والصقه في المقدمة (Ctrl + C, Ctrl + F) مرتين. اختر واحدًا وحرّكه للأعلى. ثم اختر الشكلين الجديدين معًا واذهب إلى Pathfinder Panel، اخترMinus Front. اضبط Blending Mode إلى Color Burn والشفافية opacity إلى 25%.

خطوة 3: اختر Pen Tool وارسم بعض الخطوط لإظهار البريق على الشريط. املأ الأشكال باللون الأبيض واضبط Blending Mode إلى Soft Light والشفافية Opacity إلى 36%. ضع الأشكال في مجموعة وعيّن موضعها خلف الشكل الأصفر. (انظر للصورة بالأسفل)

خطوة 4: حدد الشكل الأصفر واذهب إلى Object > Path > Offset Path. اضبط Offset إلى -3 px. احتفظ بالشكل الجديد محددًا، ومرة أخرى اذهب إلى Object > Path > Offset Path. اضبط Offset إلى -0.5 px. حدّد الشكلين ثم اذهب إلى Pathfinder Panel، اختر Exclude. املأ الشكل باللون الأسود وبدون إطار stroke. اضبط Blending Mode إلى Soft Light والشفافية opacity إلى 100%. مرة أخرى حدّد الشكل الجديد، انسخه والصقه في المقدمة (Ctrl + C, Ctrl + F). قم بعمل تصغير للشكل قليلًا واضبط لونه إلى اللون الأبيض. اضبط Blending Mode إلى Soft Light والشفافية opacity إلى 100%.

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

بإمكانك كذلك عمل نوع آخر من الأشكال (قلب، طاقة، ورقة شجر) وما إلى ذلك، فقط اتبع نفس الخطوات بالأعلى.
هذا كل شيء. شكرًا لكم، سأكون سعيدًا لرؤية نسختك من شريط التقدم للعبة

ترجمة – وبتصرّف - للمقال How to Design a Game Progress Bar in Adobe Illustrator لصاحبه ASTGHIK SALNAZARYAN

في هذا الدرس سنتعلم كيفية استخدام Gradient Mesh والخامات لإنشاء ثمرة مانجو حقيقية.
1. افتح Adobe Illustrator وأنشئ مستندًا جديدًا (Ctrl + N). اختر CMYK Color Mode, 300 PPI Raster Effects، وتأكد من أن الخيار Align New Objects to Pixel Grid غير محدد.

2. باستخدام Pen Tool (P) ارسم شكل المانجو مماثلة لتلك الموجودة في الصورة أدناه. لقد رسمت بعض الأدلة لتحديد الحجم الصحيح للثمرة. لا تنسى أن تنشئ نسخة احتياطية من هذا الشكل لأننا سوف نستخدمه لاحقًا.

3. اذهب الآن مع الشكل المحدد إلى Object > Create Gradient Mesh. أدخل قيمة 10 إلى الصفوف وكذلك قيمة 10 للأعمدة واضغط على زر Ok. يمكنك تحريك نقاط الشبكة باستخدام أداة Direct Selection Tool (A).

4. باستخدام أداة Direct Selection Tool (A) حدد خطوة بخطوة كل نقطة في الشبكة على حدة وقم بتلوينها بالألوان. لا يجب أن تبدو تماما كما في الصورة أدناه، استخدم مخيلتك.

5. بعد الانتهاء من تلوين المانجو بالألوان، حدد الشكل واذهب إلى Effects > Texture > Grain. أدخل القيم من الصورة أدناه ثم اضغط على زر Ok.

6. حان الوقت الآن لإضافة الملمس للمانجو. اذهب إلى Window > Symbols ومن Symbols Library اختر Artistic textures عندها سوف تجد الرمز “Charcoal”. اسحبه إلى رسمتك في لوحة العمل ثم انقر على Break Link من أجل تعديل الملمس.

7. مع الملمس المحدد اذهب إلى Object > Envelope Disort > Make with Warp، أدخل قيمة 50٪ ثم اضغط على زر Ok. بعد ذلك اذهب إلى Object > Expand ثم اضغط على زر Ok.

8. استخدم Rotate Tool (R) لتدوير الشكل 180 درجة ثم اضغط على زر Copy.

9. حدد الآن الشكل الأول الذي رسمناه في الخطوة الأولى، انقله ليصبح فوق الأشكال الأخرى باستخدام اختصار Ctrl + Shift + ] ثم حدد المواد التي تظهر الملمس ( الاثنتان الأصلية والتي قمنا بتدويرها) ورسمة المانجو ثم اذهب إلى Object > Clipping Mask > Make (Ctrl + 7).

10. الآن حدد الملمس ولوّنه باللون الأبيض ثم من اذهب إلى Transparency Panel وقم بتغيير نمط المزج إلى Soft Light ثم خفض التعتيم إلى 50٪.

11. لنرسم الآن عنق المانجو. باستخدام Pen Tool (P) ارسم شكل مماثل لذلك الموجود في الصورة أدناه ثم حوله إلى Gradient Mesh كما فعلنا مع شكل المانجو في الخطوة الثالثة. وباستخدام White Arrow Tool (A) حدد نقاط الشبكة على حدة وقم بتلوينها بالألوان كما في الصورة أدناه.

12. اذهب بعنق المانجو التي ما تزال محددة إلى Effects > Texture > Grain. أدخل القيم من الصورة أدناه ثم اضغط على زر Ok

13. دعونا نرسم عود الورقة الآن. باستخدام Pen Tool (P) مرة أخرى. ارسم شكل مماثل لذلك الموجود في الصورة أدناه ومن ثم قم بتحويله إلى Gradient Mesh.

14. لنرسم الورقة الآن. باستخدام Pen Tool (P) مرة أخرى. ارسم شكل مماثل لذلك الموجود في الصورة أدناه ومن ثم قم بتحويله إلى Gradient Mesh.

15. اذهب مع رسمة ورقة المحددة إلى Effects > Artistic > Smudge Stick، أدخل القيم من الصورة أدناه ثم اضغط على زر Ok. قم بتطبيق تأثير Plastic Wrap بالذهاب إلى Effects > Artistic Plastic Wrap ثم أدخل القيم من الصورة أدناه

16. الآن بعد أن انتهينا من رسم المانجو، لنرسم الخلفية. ارسم مستطيل بأبعاد px 850 465x ثم املئه بالتدرج (Gradient) متعدد الألوان. وبعدها اذهب بالمستطيل المحدد إلى Effects > Texture > Film Grain وأدخل القيم من الصورة أدناه.

17. لقد وصلنا إلى الخطوة النهائية وهي وضع ظل المانجو. أنشئ باستخدام Elipse Tool (L) دائرة ثم لوّنها من الأسود إلى الأبيض باستخدام Radial Gradient. تأكد من قيمة التعتيم للون الأبيض هي صفر ثم من Transparency Panel عدل نمط المزج إلى Multiply.

18. وفيما يلي نجد نتيجة عملنا:

ترجمة -وبتصرّف- للمقال How to create a Realistic Mango in Adobe Illustrator لصاحبه Andrei Urse

في هذا الدرس سوف تتعلم كيفية إنشاء سماعة واقعية باستخدام تقنيات بسيطة ومفهومة. تستند معظم هذه التقنيات على Pen tool و Gradient tool . من السهل على أي مبتدئ إكمال هذا الدرس. هيا نبدأ!

إنشاء مستند جديد

1.قم بتشغيل Illustrator ثم اضغط على Ctrl + N لإنشاء مستند جديد. اختر Pixels القائمة المنسدلة Units drop-down menu ، وأدخل 810 في مربع العرض و 660 في مربع الارتفاع ثم انقر على الزر Advanced . اختر RGB ، Screen (72ppi) وتأكد من إلغاء تحديد مربع Align New Objects to Pixel Grid قبل النقر فوق OK .

إنشاء سماعة الرأس

2.أولًا وقبل كل شيء، سنقوم بإنشاء عصابة (رباط) الرأس. اختر Ellipse Tool (L)وأنشئ قطع ناقص بأبعاد px 440 x 386 تأكد من أن القطع الناقص التي تم إنشاؤه حديثًا لا يزال محددًا واذهب إلى Object > Path > Offset Path أدخل Offset بقيمة -26px ثم انقر فوق موافق . قبل المتابعة، أظهر المسطرة Rulers View > View Rulers > Show Rule أو Ctrl +R . بعد ذلك اسحب الدليل العامودي من المسطرة (إذا كان الدليل مقفلاً، فانتقل إلى View > Guides > Lock Guides) أو Ctrl +Alt +; الآن حدد القطع الناقص الأكبر حجمًا الذي تم إنشاؤه في هذه الخطوة، اضغط باستمرار على Shift، انقر على الدليل العامودي ، اترك زر Shift ثم انقر على القطع الناقص الأكبر حجمًا مرة أخرى (لتغيير موقعه). ثم افتح لوحة Align palette (Window Align) وانقر على زر Horizontal Align Center .

3.باستخدام أداة Line Segment Tool () أنشئ خط أفقي بطول px426، مع إطار أحمر ومن دون تعبئة. الآن حدد القطع الناقص الأكبر حجمًا الذي تم إنشاؤه في الخطوة 2 واضغط باستمرار على Shift، انقر على الدليل العامودي، اترك زر Shift ثم انقر على القطع الناقص الأكبر حجمًا مرة أخرى (لتغيير موقعه). ثم افتح لوحة Align palette (Window Align) وانقر على زر Vertical Align Top. أعد تحديد الخط الأفقي وحركه بمقدار 128 px . ركز على الصورة الثانية، مع مساعدة أداة Anchor Point Tool (+)، انقر على النقطة الملونة باللون الأزرق من الخط الأفقي. وأخيرًا حدد هذه النقطة التي تم إنشاؤها حديثا وانقلها 78 px إلى أسفل.

4.حدد القطعين الناقصين باللون الأسود، ثم افتح لوحة Pathfinder palette (Window > Pathfinder) وانقر على زر Minus Front . حافظ على العنصر الناتج المحدد، اضغط باستمرار على المفتاح Shift وانقر على الخط الأحمر الذي تم إنشاؤه في الخطوة 3، ثم انقر على الزر Divide من لوحة Pathfinder . اضغط على Ctrl +Shift +G لفك تجمع المجموعة الناتجة. الآن حدد كل العناصر كما هو مبين في الصورة الثالثة وأزلهم. في النهاية يجب أن تبدو رسمة العنصر الذي تم إنشاؤه شبيهة بآخر صورة معروضة .

5.حدد العنصر الأسود الذي تم إنشاؤه في الخطوة 4 وقم بعمل نسخة عنه Ctrl +C, Ctrl +F ، ثم استبدل لون الإطار Stroke الموجود حول النسخة باللون الأحمر. اختر أداة Direct Selection Tool (A) جنبًا إلى جنب مع المفتاح Shift ، وحدد نقطتي الربط ثم لونهما باللون الأزرق وأزلهما. الآن ركز على الصورة الثالثة، حدد نقطة الربط (Anchor Point) الملونة بالأزرق من العنصر الأحمر وانقله 5 px إلى الأعلى. ثم حدد نقطة الربط (Anchor Point) الملونة بالأرجواني وانقلها 15px . وبمساعدة أداة التحديد المباشر Direct Selection Tool (A) ، اضبط مقابض نقاط الربط (Anchor Point) للعنصر الأحمر كما هو مبين في الصورة الأخيرة.

6.حدد العنصر الأسود الذي تم إنشاؤه في الخطوة 4 وازل الإطار Stroke، ثم لوّنه بلون عياراته كالتالي R = 24، G = 24، B = 24. . لا يزال لدينا تحديد الشكل الناتج من الخطوة السابقة، أنشئ نسخة عنه Ctrl +C, Ctrl +F تأكد من أن النسخة لا تزال مختارة وانتقل إلى Effect > Texture > Grain.اتبع البيانات كما هو موضح في الصورة الثانية وانقر فوق OK ، ثم انتقل إلى Effect > Stylize > Feather. أدخل 7px قيمة نصف القطر وانقر فوق OK .

7.حدد العنصر الأسود الذي تم إنشاؤه في الخطوة 4 وازل الإطار، ثم لوّنه بلون عياراته كالتالي R = 99، G = 99، B = 99، ثم قم بتطبيق تأثير Gaussian Blur بقيمة 4 px على الشكل الناتج. الآن حدد الشكل مع تفعيل تأثير feather effect المطبقة في الخطوة 6 وأنشئ نسخة منه، ثم احضر النسخة إلى الأمام Ctrl +Shift +] احتفظ بهذه النسخة المحددة، واضغط باستمرار على مفتاح Shift وانقر على الشكل باستخدام تأثير blur في هذه الخطوة، ثم انتقل إلى Object > Clipping Mask > Make Ctrl +7

8.اختر أداة Rounded Rectangle Tool، ببساطة انقر على لوحة الرسم وأدخل البيانات كما هو موضح أدناه، ثم انقر فوق OK . قم بعمل نسخة Ctrl +C, Ctrl +F للمستطيل الذي تم إنشاؤه حديثا ثم قم بتحريك النسخة بمقدار 187 px إلى اليمين. حدد المستطيلان الذين تم إنشاؤهما في هذه الخطوة واذهب إلى Object > Blend > Blend Options. اتبع البيانات كما ترى في الصورة الثالثة وانقر فوق OK، ثم انتقل إلى Object > Blend > Make Ctrl +Alt +B. الآن مع أداة القلم Pen Tool (P) أنشئ مسار منحني كما هو مبين في الصورة الرابعة. بمجرد رسم المسار، قم بإعادة تحديده، اضغط باستمرار على المفتاح Shift وانقر على العنصر الممزوج، ثم انتقل إلى Object > Blend > Replace Spine.

9.في النهاية، يجب أن يظهر الشكل المرسوم كما في الصورة التالية:

10.ارسم العنصر باستخدام Pen Tool (P) كما هو الحال في الصورة. بعد رسم العنصر ، اختر Convert Anchor Point Tool Shift +C وانقر على نقطة الربط (Anchor Point) السفلية لهذا العنصر، واضغط على الماوس واسحبه إلى اليسار. بعد ذلك بمساعدة Convert Anchor Point Tool Shift +C اضبط مقابض نقاط الربط (Anchor Point) للجسم الأزرق كما هو مبين في الصورة الثالثة. وأخيرا اختار أداة القلم Pen Tool (P) وأنشئ العنصر الأحمر الذي ترونه في الصورة الأخيرة.

11.حدد العنصر الأزرق، و قم بإزالة الإطار Stroke ثم لوّنه بلون عياراته كالتالي R = 177، G = 177، B = 177. انسخ الشكل الذي تم إنشاؤه حديثًا Ctrl +C, Ctrl +F واستبدل اللون الحالي لهذه النسخة باستخدام R = 229 و G = 229 و B = 229 ثم قم بتطبيق تأثير الريشة Feather بحجم 3 px على الشكل الناتج. وأخيرا حدد العنصر الأحمر، وقم بإزالة الإطار Stroke ثم لوّنه بلون عياراته كالتالي R = 248، G = 248، B = 248، ثم قم بتطبيق تأثير الريشة 2 Feather px على الشكل الناتج.

12.اختر أداة التحديد المستطيلة M وقم بإنشاء مستطيل 4 × 16 px ، ثم ضعه على المكان الموضح أدناه. الخطوة التالية هي إزالة الإطار Stroke من المستطيل الذي تم إنشاؤه حديثًا وتعبئته باستخدام أداة التدرج اللوني الخطي كما ترون في الصورة الثانية.

13.بمساعدة أداة القلم Pen Tool (P) أنشئ شكل ثم لوّنه بلون عياراته كالتالي (R = 177 ، G = 177، B = 177) كما هو موضح أدناه. تأكد من أن الشكل الذي تم إنشاؤه حديثًا لا يزال محددًا وانتقل إلى Object > Path > Offset Path . حركه بمقدار -1px وانقر فوق OK ، ثم استبدل اللون الحالي في الشكل الجديد بالتدرج اللوني الخطي كما ترون في الصورة الثانية . وأخيرًا قم بتطبيق تأثير الريشة 2 px Feather على الشكل الناتج.

14.في هذه المرحلة، يجب أن تظهر رسمتك كالرسمة الموجودة في الصورة التالية أدناه :

15.الخطوة الآتية هي رسم مخروط سماعة الأذن. اختر أداة المستطيل Rectangle Tool (M) وقم بإنشاء مستطيل 56 × 214 بكسل. باستخدام أداة التحديد المباشرDirect Selection Tool (A)، حدد نقطة الربط anchor points العلوية اليمنى للمستطيل الذي تم إنشاؤه حديثًا ثم حركه بمقدار 8 px . بعد ذلك حدد نقطة الربط (Anchor Point) أسفل اليمين وحركها بمقدار 10 px . الآن حدد أربع نقاط ربط (Anchor Point) من العنصر الأزرق وانقر على زر “Convert selected anchor points to smooth” من شريط الخصائص. الخطوة الأخيرة قم بمساعدة أداة Direct Selection Tool (A) بضبط مقابض نقاط الربط (Anchor Point) للعنصر الأزرق كما ترون في الصورة الأخيرة.

16.اتبع الآن تسلسل الصور وارسم ثلاثة عناصر مماثلة لتلك الموجودة أدناه.

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

18.حدد العنصر الأزرق الذي تم إنشاؤه في الخطوة 15، و قم بإزالة الإطار Stroke ثم لوّنه بلون كالتالي R = 44، G = 44، B = 44 . باستخدام أداة القلم Pen Tool (P) ، أنشئ عنصر كما ترون في الصورة الثانية. و قم بإزالة الإطار ثم لوّنه بلون كالتالي R = 30، G = 30، B = 30. تابع مع أداة القلم (P)، قم بإنشاء مسار منحني كما هو مبين في الصورة الرابعة. غيّر سماكة الإطار Stroke لهذا المسار ثم استبدل اللون الحالي في الشكل الجديد بالتدرج اللوني الخطي كما ترون في الصورة الثانية . بمساعدة أداة القلم (P) أنشئ عنصر أصفر كما هو مبين في الصورة الأخيرة. الخطوة التالية هي إزالة الإطار Stroke من هذا العنصر وملئه بالتدرج اللوني الشعاعي كما ترون في الصورة الأخيرة.

19.باستخدام أداة القلم (P) أنشئ عنصر أصفر آخر. املأ هذا العنصر باللون باستخدام أداة التدرج اللوني الخطي كما ترون في الصورة الثانية. ثم إزالة الإطار Stroke منه. وأخيرًا أخفِ الشكل الناتج وراء الشكل الأكبر الذي تم إنشاؤه في الخطوة 18.

20.حدد الشكل الأكبر الذي تم إنشاؤه في الخطوة 18 وقم بعمل نسخة منه. Ctrl +C, Ctrl +F تأكد من أن النسخة لا تزال مختارة ثم اذهب إلى Effect > Texture > Grain. اتبع البيانات كما هو موضح أدناه وانقر فوق OK . الخطوة التالية تطبيق تأثير ريشة Feather بقيمة 7 px على الشكل الناتج.

21.اختر أداة Pencil Tool (N) وقم بإنشاء شكل (R = 128 ، G = 128، B = 128) كما هو موضح أدناه ثم قم بتطبيق تأثير Gaussian Blur بقيمة 15 px على الشكل الناتج وخفض التعتيم إلى 70٪. مع أداة Pen Tool (P) أنشئ عنصرين كما ترون في الصورة الثالثة. بمجرد رسم تلك العناصر، حدد العنصر الملون بالأرجواني ولوّنه بلون عيارته R = 229، G = 229، B = 229، ثم ازل الإطار Stroke . حدد العنصر الناتج المتبقي ولوّنه بلون عيارته R = 164، G = 164، B = 164، ثم ازل الإطار Stroke . التالي حدد اثنين من الأشكال التي تم إنشاؤها حديثًا و قم بتطبيق تأثير Gaussian Blur بقيمة 10 px عليهم. الآن حدد الشكل المُطبق عليه تأثير Grain effect في الخطوة 20 واصنع نسخة Ctrl +C, Ctrl +F منه، ثم أرسل النسخة إلى الأمام باستخدام
Ctrl +Shift +] .احتفظ بهذه النسخة المحددة، واضغط باستمرار على المفتاح Shift وانقر على الأشكال الثلاثة مع التي طبق عليها تأثير blur effect في هذه الخطوة، ثم انتقل إلى Object > Clipping Mask > Make Ctrl +7 .

22.لإضافة بعض التفاصيل، قم أولًا برسم بعض المسارات المنحنية باستخدام Pen Tool (P) وطبق عليها الإطار Stroke 3px ، ثم قم بتطبيق Width Profile بعرض 1 على هذه المسارات. الآن حدد المسارين الخضر واستبدل لون الإطار Stroke القائمة مع R = 167، G = 169، B = 172. ثم حدد المسارين الأصفر واستبدل لون لإطار Stroke بلون عياراته R = 128 ، G = 130، B = 133. حدد المسارات الحمراء المتبقية واستبدل لون إطارها Stroke الحالي بلون عياراته R = 65، G = 64، B = 66. وأخيرًا حدد جميع المسارات التي تم إنشاؤها في هذه الخطوة وطبق عليها تأثير Gaussian Blur بقيمة 3 px ثم قلل التعتيم Opacity إلى 60٪.

23.وفي النهاية، ينبغي أن تظهر رسمتك كالرسمة الموجودة في الصورة التالية أدناه:

24.مع مساعدة من Pen Tool (P) أنشئ ثلاثة عناصر كما ترون في الصور أدناه.

25.بمجرد رسم العناصر، حدد العنصر الأسود، ولوّنه R = 149، G = 18، B = 25 وأزل الإطار Stroke منه، أرسل الشكل الناتج إلى الوراء Ctrl +Shift +[ . ثم حدد واملأ العنصرين المتبقيين بالتدرج اللوني الشعاعي كما ترون في الصور الثالثة والرابعة. أخيرا ازل الإطار Stroke من هذين الشكلين.

26.يجب تحصل على هذه النتيجة:

27.باستخدام Line Segment Tool () أنشئ خط أفقي بطول 20px، مع الإطار Stroke الأحمر وبدون تعبئة. قم بعمل نسخة Ctrl +C, Ctrl +F من هذا الخط ثم انقل النسخة بمقدار 44 px للأسفل. الخطوة التالية حدد الخطين الذين تم إنشاؤهما حديثًا وطبق عليهما المزيج اللوني. blend مع مساعدة من Pen Tool (P) أنشئ مسار منحني كما ترون في الصورة الرابعة. بمجرد رسم المسار، حدده مع العنصر الذي طبق عليه المزيج اللوني blend الذي تم إنشاؤه في هذه الخطوة، ثم انتقل إلى Object > Blend > Replace Spine . يجب أن يبدو العنصر الناتج مثل الصورة السادسة أدناه. بعد ذلك ضع هذا العنصر الممزوج لونيًا في المكان الموضح في الصورة الأخيرة. تأكد من أن العنصر الممزوج لونيًا لا يزال محددًا وانتقل إلى Object > Blend > Expand ، ثم اضغط على Ctrl +Shift +Gلفك تجمع المجموعة الناتجة حديثًا . وأخيرا أنشئ مسارين باللون الأسود منحنيين باستخدام Pen Tool (P) كما ترون في الصورة الأخيرة.

28.حدد جميع المسارات التي تم إنشاؤها في الخطوة 27، وقم بتغيير سماكة الإطار Stroke إلى 4 px واستبدل لون الإطار Stroke الموجود بلون عياراته R = 173، G = 8، B = 21، ثم افتح لوحة Stroke palette (Window > Stroke) وانقر على زر Round Cap . ابق هذه المسارات الناتجة مختارة وأنشئ نسخة Ctrl +C, Ctrl +F عنها. استبدل لون الإطار Stroke الحالي لهذه النسخ بلون عياراته R = 202، G = 32، B = 56 وغير سماكة الإطار Stroke إلى 2 px .الخطوة التالية تطبيق ملف تعريف و B = 229 .قم بتطبيق Width Profile ثم تأثير الريشة Feather بحجم 2 px للمسارات التي تم إنشاؤها حديثًا. وأخيرًا حدد مجموعة Ctrl +G التي توحي جميع المسارات التي تم إنشاؤها من بداية الخطوة 27 إلى هذا الوقت، ثم أرسل هذه المجموعة إلى الوراء Ctrl +Shift +[

29.وفي النهاية، ينبغي أن تظهر رسمتك كالرسمة الموجودة في الصورة التالية أدناه:

30.حدد مجموعة Ctrl +G لكل العناصر التي تم إنشاؤها من بداية الخطوة 10 إلى الآن. حافظ على تحديد المجموعة المحددة التي تم إنشاؤها قبل قليل وانتقل إلى Object > Transform > Reflect . ضع المحور على الوضع العمودي ثم انقر فوق نسخ Copy .اسحب النسخة التي أنشأناها للتو إلى اليمين. لا تنسى أن تضغط على المفتاح Shift على لوحة المفاتيح لسحب المحور. الخطوة التالية حدد المجموعة Ctrl +G لكل العناصر التي تم إنشاؤها من بداية الخطوة 2 إلى الآن. سماعة الرأس جاهزة وتشبه الصورة الثانية أدناه.

إنشاء الخلفية

31.لقد انتهينا من رسم سماعة الرأس. سوف نقوم برسم الخلفية الآن. اختر Rectangle Tool (M) وقم بإنشاء مستطيل 806 × 660 px ، ثم لوّنه بالتدرج اللوني الشعاعي كما ترون في الصورة أدناه . ثم ضع السماعة على الخلفية في الصورة.

32.لإعطاء مظهر أكثر واقعية سوف أقوم بإضافة بعض الظلال على بعض الأماكن الرئيسية . باستخدام أداة Rectangle Tool (M) أنشئ مستطيل أسود بحجم 140 و 5 px ثم ضع هذا المستطيل على الموضع المحدد كما هو موضح أدناه. الخطوة التالية اختيار القطع الناقص باستخدام أداة Ellipse Tool (L) وانشاء قطعين ناقصين مع أبعاد: 85 بنسبة 54px و 78 بنسبة 45px، ثم وضعهما على الموضع المحدد كما ترون في الصور الثانية والثالثة. الآن حدد القطعين الناقصين الذين تم إنشاؤهما في هذه الخطوة وافتح لوحة Pathfinder palette (Window > Pathfinder) ثم انقر على زر Unite لتوحيد الشكل. تأكد من أن العنصر الناتج ما زال محددا وانتقل إلى Object > Transform > Reflect . تحقق من المربع العمودي Vertical box ثم انقر فوق زر Copy . حدد العنصر الناتج، اسحبه إلى اليمين و ضعه كما هو مبين في الصورة الأخيرة.

33.حدد المستطيل الأسود الذي تم إنشاؤه في الخطوة 32، وقم بتطبيق تأثير Gaussian Blur بقيمة 7 pxعليهم. ثم اضبط وضع Blending Mode Multiply وقم بتقليل التعتيم إلى 20٪ . الخطوة التالية تحديد العنصرين المرسومين الأحمرين الذين تم إنشاؤهما في الخطوة 32 إزالة الإطار، ثم املأ هذه العناصر باللون باستخدام التدرج الخطي كما هو موضح في الصورة الثانية. أخيرا قم بتطبيق تأثير 10 px Gaussian Blur على الشكلين الجديدين، ثم تعيينها وضعهما على Blending Mode Multiply وتقليل التعتيم إلى 50٪.

لقد أتممنا العمل بنجاح

ترجمة -وبتصرّف- للمقال Learn to create a vector Headphone in Adobe Illustrator لصاحبته BAO NGUYEN

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

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

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

اختار أداة شبكة التدرج واضغط في أي مكان بداخل الدائرة، قم بتغيير لون هذه النقطة إلى درجة لون مكملة، قد تكون قريبة من اللون الأصلي، أو شيء مختلف تمامًا.

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

إضافة نقاط الشبكة يقوم أيضًا بإنشاء نقاط إضافية حول حافة الشكل، استخدم أداة Lasso لتحديد زوج من هذه النقاط الخارجية برسم تحديد حولهم.

قم بتغيير تعبئة الألوان سواءً بتحريك شريط التمرير في لوحة الألوان Color panel، أو بتغيير درجة اللون من الطيف الكامل، أو انقر نقرًا مزدوجًا على تعبئة اللون fill في شريط الأدوات لفتح مُنتقي الألوان باستخدام الفوتوشوب.

استمر في تحديد النقاط باِستخدام أداة Lasso لإضافة المزيد من الألوان، وذلك من أجل القضاء على أي مساحات كبيرة من تعبئة اللون الأصلي.

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

لخلط الألوان إلى حد أبعد، اختار أداة Twirl من مجموعة أدوات Warp tool فى شريط الأدوات، انقر نقرًا مزدوجًا فوق الأداة لتعديل إعداداتها، قم بتغيير الحجم ليتناسب بعناية مع أبعاد الدائرة، ثم قم بتقليل الشدة (كثافة) إلى 10٪.

بحرص، انقر وسط الدائرة لتبدأ في خلط الألوان قليلاً، قم بعمل تعديلات بسيطة لمنع الأخطاء من تشويه مسارات الشبكة كثيرًا.

انقر نقرًا مزدوجًا على أداة Twirlلتعديل إعداداتها وتقليل الحجم إلى 200px تقريبًا.

استخدام أداة الحجم الصغير هذه لخلط درجات الألوان فى مناطق معينة مجددًا بعمل تعديلات بسيطة مع كل نقرة.

تبدو الكرة النهائية المتدرجة الألوان رائعة مع خليط من الألوان التي تنساب وتمتزج معًا، اتّبع نفس العملية مجددًا لتجربة ألوان مختلفة وإنشاء مجموعة من الدوائر متدرجة الألوان.

هذه تبدو الدوائر رائعة، ولكن يمكننا أخذ هذا الدرس لأبعد من ذلك، بتحويل العمل الفني إلى أشكال تجريدية. اختار أداة Warp من شريط الأدوات واضغط مع السحب لتشويه الشكل.

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

ترجمة –وبتصرّف- للمقال How To Create Colourful Gradient Orbs In Illustrator لصاحبه Chris Spooner.

سنقوم اليوم بتطبيق مجموعة من التعديلات لتشكيل التصميم باستخدام الخطوط، ثم سننهي العمل بطباعته على القماش لتحقيق المظهر العتيق (القديم).

لإكمال المظهر القتالي لتصاميم تي شيرت الملاكمة والفنون القتالية المختلطة، فقد قمت بإنشاء تصميم مُستند إلى Gracie Jiu Jitsu. في حين أن هذا النوع من التصاميم العتيقة لديه مظهر الكتابة بخط اليد، سوف نستخدم عرض الخطوط لتشكيل تصميمنا، مع بعض التعديلات باستخدام برنامج إليستريتور لإنتاج التصميم. ثم سنُعطي العمل الفني مظهر الـ تي شيرت القديم باستخدام خامات “Washed & Worn” المجانية.

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

اضغط على مفتاح ALT بلوحة المفاتيح، وقم بسحب النص لعمل نسخة منه. قم بتحرير المحتوى لعمل تهجئة لكلمة Gracie. حدد الحرف الأخير فقط وقم بِاختيار واحدة من الحروف الرسومية البديلة لتطبيق مظهر على النص.

اذهب إلى Object>Transform>Shear وقم باختيار “الخيار العمودي Vertical”. قم بتعديل زاوية القص Shear Angle إلى -10° لتجعل النص يتدفق صاعدًا نحو الأعلى.

اخْتَر أداة الشكل البيضاوي Ellipse من شريط المهام وقم برسم دائرة حول النص، وادفعها نحو مركز النص، ثم قم بمسح التعبئة الحدود الافتراضية.

اختر النوع فى أداة Type on a Path Tool من قائمة أداة النص Type ، ثم اضغط على مسار الدائرة لوضع فقرة من النصوص حول محيطها.

استخدم أداة القطارة eyedropper tool لنسخ تنسيق النص المحدد إلى خط Bloomsbury Sans.

قم بتعديل الكلمة المحيطة إلى Jiu Jitsu Academy، ثم قم بتغيير التتبع tracking إلى 50 من لوحة الحروف Character panel وقم بإعداد أسلوب النص إلى المنتصف.

قم بتفعيل أداة الاختيار المباشرة Direct Selection Tool، واضغط مع السحب في منتصف مسار العنصر لإعادة النص إلى المنتصف. إذاً كانت الأدلة الذكية تعمل Smart Guides>View، فسيظهر لك دليل وردي عندما تكون المحاذاة عمودية تمامًا.

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

اختَر أداة النجمة Star وقم برسم شكل صغير أسفل النص، اضغط على مفتاح ALT+Shift في لوحة المفاتيح بينما تقوم بسحب نسخة إلى الجهة الأخرى، ثم اختر كلاهما وقم بعمل مجموعة Group.

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

قم بعمل نسخة من عنصر خط Bloomsbury Sans وقم بتعديل النص إلى EST. قلل الحجم وقم بتعيين التتبع tracking إلى 200. ضع عنصر النص هذا في المساحة الفارغة بين عنصُرَي النص الآخرَين.

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

قم بعمل نسخة من خط Bloomsbury Sans وقم بتعديل النص إلى Rio de Janeiro Brazil، وقم بتعيين التتبع tracking إلى 50 وقم بإعداد التوجيه ليتناسب. قم بإجراء أي تعديلات على الحروف بوضع المؤشر بين الحروف ذات الصلة، ثم استخدم مفتاح ALT ومفاتيح المؤشر Cursor Keys لضبط التباعد.

استخدم اختصار CMD+R لعرض المسطرة (إذا لم تكن نشطة بالفعل)، ثم اسحب الأدلة خارج الانحياز إلى كل جانب من الكلمة Gracie. قم بموازنة ووضع نص Rio de Janeiro داخل التخطيط.

لإضافة اثنين من الخطوط الزخرفية، يُمكننا استخدام الحرف I من خط Bloomsbury بحيث يطابق الشكل غير النظامي، وأسلوب الكتابة باليد. انقر بزر الماوس الأيمن وحدد إنشاء الخطوط العريضةCreate Outlines لتحويل هذا الحرف إلى شكل.

قم بتدوير الشكل بنسبة °90 وقم بتمديده ليتناسب الدليل مع كلمة Brazil. قم بعمل نسخة للجانب الآخر.

وهناك طريقة أخرى لإنشاء تخطيطات مثيرة وهي استخدام ميزة تشويه المغلف Envelope Distort في الإليستريتور. حدد نص Rio والخطين، ثم أذهب إلى Object>Envelope Distort>Make With Warp. غير الإعدادات إلى قوس Arc عند 10٪.

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

حدد جميع عناصر النسخة الأصلية مرة أخرى، ثم انتقل إلى Object>Expand. سيؤدي ذلك إلى تحويل كل النص إلى أشكال ويطبق تأثير تشويه المغلف بشكل دائم.

وبما أن الحروف تتداخل من الخط النصي، قم بدمج كل منها في مخطط واحد مستمر باستخدام زر Unite من لوحة Pathfinder.

الخط النصي سلس جدًا أيضًا، في حين أن خط sans لديه مخطط غير منتظم. يمكننا إضافة تأثير مماثل باستخدام Effect>Distort & Transform>Roughen filter. قم بتغيير الإعدادات إلى Smooth، Absolute، ثم قم بضبط الـDetail إلى 30 وقم باختيار قيمة صغيرة للحجم، والتي سوف تعتمد على الحجم الكُلّي لعملك الفني.

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

انقر فوق زر عمل قناع Make Mask button في لوحة الشفافية Transparency panel لتطبيق قناع Opacity Mask على العمل الفني. انقر على الصورة المصغرة على اليمين لتنشيط القناع.

افتح واحدة من أقمشة “Washed & Worn” المجانية وألصقها في القناع mask. وازن تركيبة الأقمشة بالأسفل لتغطية العمل الفني، انقر على الصورة المصغرة على اليمين للخروج من وضع القناعmask mode.

تصميم الشعار النهائي يبدو مذهلاً مع مظهرٍ قماشي محكم يعطي العمل الفني مظهر قديم وعتيق. قم بتطبيق تعبئة ألوان مختلفة لاستعمالات متعددة، سوف يسمح القناع لمناطق القماش الخلفية بالظهور من خلاله.

ترجمة –وبتصرّف- للمقال How To Create a Distressed Vintage Style Logo Design In Adobe Illustrator لصاحبه Chris Spooner.

سنتابع الدرس الأخير من هذه السلسلة التي ننشئ فيها تأثير نص بركة السباحة في أدوبي إليستريتور.تابعنا في الدرسين الأول والثاني كيفية إنشاء الشكل الأساسي وكرات بركة السابحة ، وسنتابع اليوم إنشاء بقية عناصر التصميم.

أنشئ طوافة البركة

38. يأتي الآن دور طوافة البركة. اختر أداة رسم المستطيلات منحنية الزوايا Rounded Rectangle Tool، انقر ببساطة على لوح الرسم. أدخل البيانات المبينة في الصورة في الأسفل وانقر على OK، ثم قم بتعبئة المستطيل الذي تم إنشاؤه حديثاً باللون الأحمر الغامق (# 7E0000). حافظ على تحديد هذا المستطيل وانتقل إلى Object > Transform > Move… أدخل 7 بكسل في المربع Vertical وانقر على Copy، ثم اضغط مرتين على Ctrl +Dلتحصل على النتيجة التي تراها في الصورة الثانية. حدد الآن المستطيلات الأربعة التي تم إنشاؤها في هذه الخطوة واعمل نسخة عنها، ثم اضغط على Ctrl +3 لإخفاء النسخ. أعد اختيار المستطيلات الأربعة الأصلية، افتح لوح مستكشف المسارات Pathfinder من Window > Pathfinder وانقر على زر Unite.

39. قبل أن تتابع، اضغط على Ctrl +Alt +3 لإظهار المستطيلات الأربعة التي تم إخفاؤها في الخطوة 38، ثم غيّر ألوان التعبئة الحالية لهذه المستطيلات كما هو مبين في الصورة الأولى. أعد تحديد المستطيلات الأربعة التي قد غيّرت ألوانها للتو وطبّق عليها تأثير Feather بقيمة 3 بكسل.

40. حدد الشكل الأحمر الغامق الذي تم إنشاؤه في الخطوة 38 وانتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات المبينة في الأسفل وانقر على OK. حافظ على تحديد الشكل الناتج واعمل نسخة عنه Ctrl +C, Ctrl +F ثم أزل تأثير Drop Shadow عن هذه النسخة. تأكد من أن الشكل الذي تم إنشاؤه حديثاً لا يزال محدداً وانتقل إلى Effect > Stylize > Outer Glow… اتبع البيانات التي تراها في الصورة الثانية وانقر على OK. قم بعد ذلك بتحديد وتجميع Ctrl +G جميع الأشكال التي تم إنشاؤها من بداية الخطوة 38 حتى هذه اللحظة. انتهينا حالياً من طوافة البركة.

41. دوّر المجموعة التي تم إنشاؤها في الخطوة 40 بزاوية حوالي 10 درجات وانقلها إلى الموضع المبين في الأسفل.

أنشئ لوح القفز والغطس

42. حان الوقت الآن لرسم لوح القفز. اختر أداة رسم المستطيلات Rectangle Tool (M) وأنشئ مستطيلاً باللون الأزرق الغامق أبعاده 17 X 17 بكسل. تأكد من أن المستطيل الأزرق لا يزال محدداً وانتقل إلى Object > Path > Offset Path … أدخل - 2 بكسل في حقل الإزاحة Offset وانقر على OK. أضف حداً أبيض اللون بوزن 1 بكسل للمستطيل الذي تم إنشاؤه حديثاً وأزل لون تعبئته. أعد الآن تحديد المستطيلين اللذين تم إنشاؤهما في هذه الخطوة وانتقل إلى Object > Transform > Move… أدخل - 4 بكسل في المربع Vertical وانقر على Copy، ثم اضغط مرتين على Ctrl +Dلتحصل على النتيجة التي تراها في الصورة الثالثة. وأخيراً غيّر لون التعبئة للمستطيلات الزرقاء التي تراها في الصورة الأخيرة.

43. حدد المستطيل الأزرق الكامل، افتح لوح التحويل Transform من Window > Transform ، اضبط نقطة التحويل المرجعية إلى bottom-center وغيّر قيمة W إلى 20 بكسل و H إلى 69 بكسل. اختر الآن المستطيل الأبيض المبين في الصورة الثالثة ثم غيّر قيمة W إلى 16 بكسل و H إلى 64 بكسل.

44. قم بتحديد وتجميع Ctrl +G جميع الكائنات التي تم إنشاؤها من بداية الخطوة 42 وحتى هذه اللحظة، ثم سمّ هذه المجموعة “لوح-القفز”. انقل المجموعة التي تم إنشاؤها حديثاً إلى الموضع الذي تراه في الصورة الأولى. لإضفاء مظهر أكثر واقعية سأضيف بعض الظلال على بعض الأماكن الرئيسية. أولاً، سننشئ كائنين كما هو مبين في الصورتين الثانية والثالثة. بمجرد أن تنتهي من رسم الكائنين، اختر الكائن الأسود، أزل حدوده وقم بتعبئته بتدرج خطي كما هو مبين في الصورة الرابعة. طبّق تأثير التمويه Gaussian Blur بقيمة 2 بكسل على الشكل الناتج وقم بإخفائه خلف مجموعة “لوح-القفز”. حدد بعد ذلك الكائن المتبقي، أزل حدوده وقم بتعبئته باللون الأسود. طبّق تأثير التمويه Gaussian Blurبقيمة 5 بكسل على هذا الشكل الأسود وخفف التعتيم Opacity إلى 40%، ثم قم بإخفاء الشكل الناتج خلف مجموعة “لوح-القفز”.

45. ينبغي أن يظهر النص في هذه المرحلة كما هو مبين في الصورة التالية:

أنشئ سرير البركة

46. سنقوم بإنشاء سرير البركة. اختر أداة رسم المستطيلات منحنية الزوايا Rounded Rectangle Too، انقر ببساطة على لوح الرسم. أدخل البيانات المبينة في الصورة في الأسفل وانقر على OK، ثم قم بتعبئة المستطيل الذي تم إنشاؤه حديثاً بتدرج خطي كما هو مبين في الصورة الثانية في الأسفل. حافظ على تحديد هذا المستطيل وانتقل إلى Object > Transform > Move… أدخل 7.5 بكسل في المربع Vertical وانقر على Copy، ثم اضغط مرتين على Ctrl +Dلتحصل على النتائج التي تراها في الصورة الثالثة. أنشئ بعد ذلك باستخدام أداة رسم الخطوط المستقيمة Line Segment Tool () خطاً عمودياً بطول 29.5 بكسل وبحد باللون البرتقالي الغامق بقيمة 2 بكسل ومن دون تعبئة. وأخيراً انقل هذا الخط إلى الموضع المبين في الصورة الأخيرة.

47. قم بتحديد وتجميع Ctrl + G جميع الكائنات التي تم إنشاؤها في الخطوة 46، ثم انتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات التي تراها في الصورة المبينة في الأسفل وانقر على OK. قم بعد ذلك بتدوير هذه المجموعة بزاوية 30 درجة وسمّها “سرير-البركة”. اعمل نسخة عن مجموعة “سرير-البركة” ثم انقل هاتين المجموعتين إلى الموضعين المبينين في الصورة الأخيرة.

أنشئ المظلات

48. دعونا ننشئ العناصر الأخيرة، المظلات. اختر أداة رسم الأشكال البيضوية Ellipse Tool (L) وأنشئ قطعاً ناقصاً أسود اللون أبعاده 73 X 73 بكسل. أنشئ الآن بمساعدة أداة القلم Pen Tool (P)أربعة مسارات منحنية كالتي تراها في الصورة الثانية. بمجرد أن تنتهي من رسم المسارات، أعد تحديد جميع الكائنات التي تم إنشاؤها في هذه الخطوة، افتح لوح تحديد المسارات Pathfinder من Window > Pathfinder وانقر على زرDivide ، ثم اضغط على Ctrl +Shift +G لفك تجميع المجموعة الناتجة. حدد الآن الكائنات الأربعة كما هو مبين في الصورة الخامسة، استبدل لون الحدود الحالي بالأبيض وقم بتعبئة هذه الكائنات باللون الأزرق (# 5688B3). حدد أخيراً الكائنات السوداء الأربعة واستبدل لون الحدود الحالي بالأبيض، ثم قم بتعبئة هذه الكائنات باللون الأبيض(# EDF9FF)

49. قم بتحديد وتجميع Ctrl + G جميع الأشكال التي تم إنشاؤها في الخطوة 48، ثم انتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات التي تراها في الصورة الأولى وانقر على OK. حافظ على تحديد المجموعة الناتجة وانقر نقراً مزدوجاً على أيقونة أداة الانعكاس Reflect Tool (O) من شريط الأدوات Toolbar. في مربع الحوار Reflect، حدد الخيار Vertical وانقر على Copy. انقل بعد ذلك المجموعتين اللتين تم إنشاؤهما في هذه الخطوة إلى الموضعين اللذين تراهما في الصورة الأخيرة. انتهينا حالياً من النص. وأخيراً قم بتحديد وتجميع Ctrl +G جميع الكائنات التي تم إنشاؤها من بداية الخطوة 2 وحتى هذه اللحظة، ثم سمّ هذه المجموعة “نص_البركة”.

أنشئ الخلفية

50. انتهينا من النص وحان الآن دور الخلفية. اختر أداة رسم المستطيلات Rectangle Tool (M) وأنشئ مستطيلاً بلون أخضر طحلبي وبحجم 1440 X 674 بكسل. حافظ على تحديد المستطيل الذي تم إنشاؤه حديثاً وانتقل إلى Effect > Texture > Grain… اتبع البيانات المبينة في الصورة الثانية وانقر على OK. حافظ على تحديد المستطيل الناتج، واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم استبدل اللون الحالي للنسخة بتدرج شعاعي كما هو مبين في الصورة الثالثة. تأكد من أن المستطيل الناتج لا يزال محدداً، افتح لوح المظهر Appearance من Window > Appearance وانقر على قسم Grain. اتبع البيانات التي تراها في الصورة الثالثة وانقر على OK. ثم غيّر نمط المزج Blending Mode لهذا المستطيل إلى Color Burnوخفف التعتيم Opacity إلى 60%. وأخيراً ضع المجموعة “نص_البركة” ضمن الخلفية التي تم إنشاؤها حديثاً.

وها قد انتهينا!

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

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

ابدأ بفتح الإليستريتور وقم بإنشاء مستند جديد، هذه التأثيرات تعمل بشكل أفضل مع خلفية مظلمة، لذلك قم برسم مستطيل لتغطية اللوحة، ثم قم بتعبئته باللون الأسود. قم بإغلاق الشكل في مكانه لتجنب اختياره عن طريق الخطأ باستخدام اختصار CMD+2، أو Object > Lock > Selection menu.

يُمكن رسم المسارات التي تُشكل أساس موجات الجسيمات بدقة بِاستخدام أداة القلم Pen tool، أو بشكل عشوائي مع قلم الرصاص Pencil. عند استخدام أداة قلم الرصاص، انقُر نقرًا مزدوجًا فوق رمز الأداة لتحرير خياراتها، ثم أرفع شريط تمرير Fidelity إلى الحد الأقصى لتنعيم الخطوط.

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

سيؤدي عدد أكبر من المسارات إلى نتيجة أكثر تعقيدًا، حاول مع أعداد مختلفة من المسارات، وكذلك أطوال خط مختلفة.

خطوة هامة لتمييز تأثير الجسيمات الرقمية هذه من رسومات الموجة النموذجية المصنوعة بِاستخدام أداة المزج Blend tool في الإليستريتور، هي ضبط تظليل مُتقطع لإنشاء سلسلة من النقاط. قم برسم تحديد عبر جميع المسارات وقم بتمكين خيار الغطاء المُستدير round cap option في لوحة التظليل، ثم قم بضبط إعدادات الخط المتقطع إلى 0pt Dash و7pt Gap.

توجه إلى Object > Blend > Make لإنتاج تأثير المزج الأساسي، ثم انتقل مباشرة إلى Object > Blend > Blend Options.

قم بتغيير القائمة المُنسدلة إلى الخطوات المحددة، ثم قم بتشغيل مربع المعاينة وقم بتغيير عدد الخطوات لإنتاج انتشار معقد من النقاط، وكلما ارتفع العدد، كلما كان التأثير أكثر تعقيدًا.

لإضافة بعض التنوع إلى التأثير، استخدم أداة التحديد المباشر Direct Selection tool لتحديد مسَار واحد فقط، ثم قم بتغيير ثقل التظليل. اجعل بعض المسارات أرق قليلاً وأخرى أكثر سمكًا، سيقوم المازج بنقل الوزن بين كل مسار تلقائيًا.

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

اختر كل مسار بشكل منفصل وقم بتغيير لون التظليل من لوحة اللون Color panel. اختر الأزرق الفاتح، والوردي والأصفر للحصول على نتائج نابضة بالحياة.

لتشويه الخطوط أكثر من ذلك، ارسم مسار عشوائي داخل المزيج، ثم ارسم مجموعة تحديد حول كل شيء. انتقل إلى Object > Blend > Replace Spine.

لإنتاج تأثيرات مُعقدة حقًا، استخدم أدوات Scallop،Crystallize،Wrinkle. انقُر نقرًا مزدوجًا فوق رمز الأداة لتعديل إعدادات الحجم لتغطية جزء كبير من العمل الفني، ثم انقر فوق المسارات لتشويهها.

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

بعد أن تُصبح سعيدًا بتصميم موجة الجسيمات الرقمية الخاصة بك، قُم بعمل تحديد حول كل شيء واضغط على CMD+C للنسخ. افتح الفوتوشوب وقُم بإنشاء مُستند جديد. من المرجح أن يكون حجم اللوحة صغيرًا جدًا، لذلك استخدام أداة القص Crop tool لتكبيره.

قم بتعبئة الخلفية باللون الأسود باستخدام اختصار CMD+Backspace، ثم قم بلصق العمل الفني من الإليستريتور. قم بموازنته ليناسب الحجم واضغط على Enter لوضعه في مكانه، انقُر نقرًا مزدوجًا فوق الطبقة وأضف طبقة خارجية لامعة بلون سماوي ساطع، ووضع مزج الشاشة، 2٪ Spread، 25px الحجم، ثم قلل من التعتيم لتخفيف تأثير الوهج.

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

قم بتطبيق طبقة تعديل الحيوية Vibrance adjustment layer وقم برفع قيمة إعدادت الـ Vibrance إلى الحد الأقصى لتحسين الألوان فعلاً في العمل الفني.

النتيجة النهائية هي موجة جسيمات رقمية مستوحاة من الخيال العلمي مع مجموعة من النقاط المتوهجة. في حين أن معظم هذه التعديلات النهائية التي تمت في برنامج الفوتوشوب كان يُمكن أن تحدث في الإليستريتور، ولكن تعقيد العمل الفني قد يسبب مشاكل في الذاكرة.

ما يجعل هذه التقنيات مُمتعة هو النتيجة المختلفة التي يمكن أن تحققها في كل مرة ببساطة عن طريق جعل شكل المسار الأولي والطول والعدد عشوائيًّا، فضلًا عن تطبيق مجموعة متنوعة من التعديلات باستبدال مسارات التشويه.

ترجمة –وبتصرّف- للمقال How To Create Digital Particle Waves In Adobe Illustrator لصاحبه Chris Spooner.

سنتابع في هذه السلسلة إنشاء تأثير نص بركة السباحة في أدوبي إليستريتور. تعلمنا في الدرس السابق كيفية إنشاء الشكل الأساسي وسنتابع في هذا الدرس كيفية إنشاء كرات بركة السباحة.

أنشئ كرات بركة السباحة

27. اختر أداة رسم الأشكال البيضوية Ellipse Tool (L)وأنشئ قطعاً ناقصاً أسود اللون أبعاده 28 X 28 بكسل. اعمل نسخة عن القطع الناقص الأسود Ctrl +C, Ctrl +F واستبدل لون الحدود الحالي للنسخة باللون الأحمر، ثم حركها للأعلى بمقدار 10 بكسل. حافظ على تحديد القطع الناقص الأحمر، افتح لوح التحويل Transform من Window > Transform وغيّر قيمة W إلى 35 بكسل. اعمل نسخة عن القطع الناقص الأحمر واستبدل لون الحدود الحالي للنسخة باللون الأزرق، ثم حركها للأسفل بمقدار 16 بكسل. حدد الآن القطع الناقص الأسود واعمل نسختين عنه Ctrl +C, Ctrl +F, Ctrl +F. حافظ على تحديد النسخة الأخيرة، اضغط باستمرار على مفتاح Shift، انقر على القطع الناقص الأزرق، ثم افتح لوح تحديد المسارات Pathfinder من Window > Pathfinder وانقر على زر Minus Front. وأخيراً حدد النسخة المتبقية، اضغط باستمرار على مفتاح Shift، انقر على القطع الناقص الأحمر ثم انقر على زر Minus Front من لوح تحديد المسارات Pathfinder .

28. حدد الكائن الأسود العلوي الذي تم إنشاؤه في الخطوة 27 وقم بتعبئته باللون الأحمر (# FF0000). حدد بعد ذلك القطع الناقص الأسود وقم بتعبئته بالأبيض (# FFFFFF). ثم حدد الكائن الأسود المتبقي وقم بتعبئته باللون الأزرق (# 0000FF). وأخيراً حدد جميع الأشكال الثلاثة التي تم إنشاؤها في هذه الخطوة وأزل حدودها.

29. حدد القطع الناقص الأسود الذي تم إنشاؤه في الخطوة 28 وانتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات المبينة في الأسفل وانقر على OK. حافظ على تحديد القطع الناقص الناتج واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم أزل تأثير Drop Shadow من هذه النسخة. تأكد من أن القطع الناقص الذي تم إنشاؤه حديثاً لا يزال محدداً وانتقل إلى Effect > Stylize > Outer Glow… اتبع البيانات التي تراها في الصورة الثانية وانقر على OK. قم بعد ذلك بتحديد وتجميع Ctrl +G جميع الأشكال التي تم إنشاؤها من بداية الخطوة 27 وحتى هذه اللحظة، ثم سمّ هذه المجموعة “أحمر_أزرق”. انتهينا حالياً من كرة بركة السباحة.

30. تابع برسم المزيد من الكرات. حدد المجموعة “أحمر-أزرق” واعمل نسخة عنها Ctrl +C, Ctrl +F ثم انقل النسخة إلى موضع آخر. غيّر لون التعبئة للمجموعة التي تم إنشاؤها حديثاً كما ترى في الصورة الثانية. ثم دوّر هذه المجموعة بزاوية حوالي – 160 درجة وسمّ المجموعة الناتجة “أخضر-أحمر”

31. حدد المجموعة “أخضر-حمر” وانتقل إلى Object > Transform > Scale… حدد الخيار Uniform وأدخل 65 في مربع Scale وانقر على OK، ثم انقل المجموعة الناتجة إلى موضع آخر. حافظ على تحديد المجموعة التي تم إنشاؤها حديثاً وانقر نقراً مزدوجاً على أيقونة أداة الانعكاس Reflect Tool (O) من شريط الأدوات Toolbar. حدد الخيار Vertical وانقر على OK، ثم سمّ المجموعة الناتجة “أخضر-أحمر-صغير”.

32. اعمل نسخة Ctrl +C, Ctrl +F عن المجموعة “أخضر-أحمر-صغير” وانقل النسخة إلى موضع آخر. غيّر بعد ذلك لون التعبئة للمجموعة التي تم إنشاؤها حديثاً كما تشاهد في الصورة الثانية. أصبحت كرات بركة السباحة جاهزة كما هو مبين في الصورة الأخيرة.

33. ضع كرات بركة السباحة التي تم إنشاؤها في الخطوات السابقة في المواضع التي تراها في الصورة التالية:

أنشئ حلقات الطوف المطاطية

34. سنتابع مع حلقات الطوف المطاطية. اختر أداة رسم الأشكال البيضوية Ellipse Tool (L) وأنشئ قطعاً ناقصاً أسود اللون أبعاده 34 X 34 بكسل. حافظ على تحديد القطع الناقص الأسود وانتقل إلى Object > Path > Offset Path… أدخل – 8 بكسل في حقل الإزاحة Offset وانقر على OK. أعد تحدد القطعين الناقصين، افتح لوح تحديد المسارات Pathfinder من Window > Pathfinder وانقر على زر Minus Front. حافظ على تحديد العنصر الناتج وافتح مربع الحوار Offset Path. أدخل – 2 بكسل في حقل الإزاحة Offset وانقر على OK. ثم استبدل لون الحدود الحالي للمجموعة التي تم إنشاؤها حديثاً باللون الأحمر. وأخيراً حرّك هذا الكائن الأحمر بمقدار 1 بكسل نحو الأعلى.

35. حدد الكائن الأسود الذي تم إنشاؤه في الخطوة 34، أزل حدوده وقم بتعبئته بتدرج خطي كما هو مبين في الأسفل. حدد الكائن الأحمر، أزل حدوده وقم بتعبئته باللون البرتقالي (# F68F4D)، ثم طبق تأثير Feather على الشكل الناتج بمقدار 3 بكسل. والآن بمساعد أداة القلم Pen Tool (P)، أنشئ مسارين منحنيين بحد أبيض اللون وبقيمة 2 بكسل حالياً. طبّق بعد ذلك Width Profile 1 و تأثير Feather بقيمة 2 بكسل على هذين المسارين اللذين تم إنشاؤهما حديثاً.

36. اختر الشكل الأكبر الذي تم إنشاؤه في الخطوة 35 وانتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات المبينة في الأسفل وانقر على OK. حافظ على تحديد الشكل الناتج واعمل نسخة عنه Ctrl +C, Ctrl +F ، ثم أزل تأثير Drop Shadow عن هذه النسخة. تأكد من أن الشكل الذي تم إنشاؤه حديثاً لا يزال محدداً وانتقل إلى Effect > Stylize > Outer Glow… اتبع البيانات التي تراها في الصورة الثانية وانقر على OK. قم بعد ذلك بتحديد وتجميع Ctrl +G جميع الكائنات التي تم إنشاؤها من بداية الخطوة 34 وحتى هذه اللحظة. انتهينا حالياً من حلقة الطوف المطاطية.

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

سنتابع في الدرس القادم ونتعلّم كيفية إنشاء طوف البركة وولوح الفز وسرير البركة والمظلات والخلفية..

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

أنشئ ملفاً جديداً

1. افتح برنامج إلستريتور ثم اضغط على Ctrl+ N لإنشاء ملف جديد. اختر Pixels من القائمة المنسدلةUnits ، أدخل 1440 في حقل العرض width و674 في حقل الارتفاع height ثم انقر على زر Advanced لفتح الخيارات المتقدمة. اختر RGB، Screen (72ppi)، وتأكّد من إلغاء تأشير مربّع الخيار Align New Objects to Pixel Grid قبل أن تنقر على OK.

أنشئ الشكل الأساسي

2. اختر أداة الكتابة Type Tool (T)، افتح لوح الحرف Character من Window> Type> Character وأدخل البيانات المبينة في الأسفل. ثم انقر ببساطة على لوح الرسم وأضف كلمة “POOL”. حافظ على تحديد النص وانتقل إلى Object> expand.. انقر على OK عند ظهور مربع الحوار Expand. بدّل ألوان التعبئة والحدود للمجموعة الناتجة بالنقر على السهم المنحني ذي الرأسين بجانب Fill and stroke color swatches في مربع الأدوات Toolbox. ثم استبدل اللون الحالي لحدود هذه المجموعة بالأحمر واضغط على Ctrl +Shift +G لفك تجميعه.

3. اختر الكائنات الحمراء الأربعة التي أنشأتها في الخطوة 2 وانتقل إلى Object > Path > Offset Path … أدخل 37 بكسل في حقل الإزاحة Offset وانقر على OK، ثم استبدل اللون الحالي لحدود الكائنات الناتجة بالأسود. حافظ على تحديد الكائنات الأربعة السوداء ثم افتح لوح مستكشف المسارات Pathfinder من Window > Pathfinder وانقر على زر Unite . أعد الآن تحديد الكائنات الأربعة الحمراء التي تم إنشاؤها في الخطوة 2 وانتقل إلى Object > Path > Offset Path… أدخل - 10 بكسل في حقل الإزاحة Offset وانقر على OK، ثم استبدل اللون الحالي لحدود الكائنات الناتجة بالأحمر الأرجواني magenta.

4. اختر أداة رسم الأشكال البيضوية Ellipse Tool (L) وأنشئ قطعاً ناقصاً أبعاده 107 X 107 بكسل. تأكد من أن القطع الناقص الأزرق الناتج لا يزال محدداً، اضغط باستمرار على مفتاح Shift، انقر على الكائن الأحمر للحرف “P”، حرر مفتاح Shift وانقر على الكائن الأحمر للحرف “P” مرة ثانية (لتصحح موقعه). افتح لوح المحاذاة Align من Window > Align وانقر على زر Horizontal Align Left، ثم انقر على زر Vertical Align Bottom . أعد الآن اختيار القطع الناقص الأزرق وانتقل إلى  Object > Path > Offset Path… أدخل - 10 بكسل في حقل الإزاحة Offset وانقر على OK.

5. سنقوم بإنشاء أرضيات بركة السباحة. اختر الكائن الأسود الذي تم إنشاؤه في الخطوة 3، قم بتعبئته باللون البرتقالي (# DEA966)، ثم استبدل لون الحدود الحالي بالبرتقالي الغامق (# A4754D) وغيّر قيمة الحدود إلى 2بكسل. أبقِ على الشكل البرتقالي محدداً وانتقل إلى Object > Path > Offset Path … أدخل - 7 بكسل في حقل الإزاحة Offset وانقر على OK. ثم أزل لون الحدود للشكل الجديد واستبدل لون التعبئة الحالي له بالرمادي (# BCAF97). حافظ على تحديد الشكل الناتج وانتقل إلى Effect > Texture > Patchwork. اتبع البيانات التي تراها في الصورة الثالثة وانقر على OK. استمر بتحديد الشكل الناتج واعمل نسخة عنه Ctrl +C, Ctrl +F. حدد النسخة، افتح لوح المظهر Appearance من Window > Appearance وانقر على قسم Patchwork. اتبع البيانات التي تراها في الصورة الأخيرة وانقر على OK. أخيراً غيّر نمط المزج Blending Mode للشكل الناتج إلى Lighten.

6. حدد الكائنات الحمراء الأربعة التي أنشأتها في الخطوة 2 وقم بتعبئتها بالأبيض (# F1F2F2)، ثم استبدل لون الحدود الحالي بالبرتقالي المائل إلى الرمادي (# BCAF97). حدد الأشكال الأربعة ذات اللون الأحمر الأرجواني التي أنشأتها في الخطوة 3، قم بإزالة حدود هذه الكائنات وتعبئتها باللون الأزرق الغامق (# 5AA5A8). حافظ على تحديد الأشكال الأربعة ذات اللون الأزرق الغامق واعمل نسخة عنها Ctrl +C, Ctrl +F، ثم استبدل اللون الحالي للنسخ بالأزرق البراق (# 26E9FF). مع المحافظة على تحديد الأشكال الناتجة، انتقل إلى Effect > Stylize > Feather… ادخل 25 بكسل في حقل نصف القطر Radius وانقر على OK.

7. حدد الأشكال الأربعة ذات اللون الأزرق البراق والتي طُبّق عليها تأثير الريشة في الخطوة 6 واعمل نسخة عنها Ctrl +C, Ctrl +F، ثم استبدل اللون الحالي للنُسَخ بالبرتقالي المائل إلى الرمادي (# BCAF97). حافظ على تحديد الأشكال الأربعة الجديدة هذه، افتح لوح المظهر Appearance من Window > Appearance واحذف خاصية Feather . حدد الأشكال الناتجة وانتقل إلى Effect > Texture > Patchwork… اتبع البيانات المبينة في الصورة الأولى وانقر على OK. وأخيراً غيّر نمط المزج Blending Mode للأشكال الناتجة إلى Multiply وخفّف التعتيم Opacity إلى 50%.

8. حدد الأشكال الأربعة التي أنشأتها في الخطوة 7 واعمل نسخة عنها Ctrl +C, Ctrl +F، ثم أزل جميع المظاهر الحالية لهذه النسخ. تأكد من أن الأشكال الأربعة الجديدة لا تزال محددة، أزل لون تعبئتها وأضف حداً أزرق بقيمة 7 بكسل، ثم طبّق تأثير التمويه Gaussian Blurللكائنات الناتجة بقيمة 3 بكسل. ركّز الآن على الحرف “P”، اختر الشكل الذي تم إنشاؤه لهذا الحرف في الخطوة 7 واعمل نسخة عنه. ضع هذه النسخة أمام الكائن الأزرق الذي طبقنا عليه تأثير التمويه في هذه الخطوة. حافظ على تحديد الشكل الجديد الذي تم إنشاؤه، اضغط باستمرار على مفتاح Shift، انقر على الكائن الأزرق الذي طبّقت عليه تأثير الضبابية في هذه الخطوة، ثم انقر بالزر الأيمن على لوح الرسم واخترMake Clipping Mask من القائمة المنسدلة. في النهاية ينبغي أن تبدو مجموعة قص الحرف “P” كما هو مبين في الصورة الأخيرة.

9. بنفس الطريقة، كرر العملية ذاتها المبينة في الخطوات السابقة على الأحرف الثلاثة المتبقية. ينبغي أن تحصل في النهاية على شيء كهذا:

10. سنتابع مع مياه بركة السباحة. حدد الأشكال الأربعة التي تم إنشاؤها في الخطوة 7 واعمل نسخة عنها Ctrl +C, Ctrl +F، ثم حرّك النسخة إلى مقدمة مجموعات القص للأحرف الأربعة. حافظ على تحديد الأشكال الأربعة الجديدة التي تم إنشاؤها وأزل جميع المظاهر الحالية لها، ثم استبدل لون التعبئة الحالي باللون الأزرق (# 009FFF). أبق على تحديد الأشكال الناتجة وانتقل إلى Effect > Distort > Glass… اتبع البيانات المبينة في الصورة الثانية وانقر على OK.

11. حدد الأشكال الأربعة التي تم إنشاؤها في الخطوة 10 واعمل نسخة عنها Ctrl +C, Ctrl +F، ثم استبدل اللون الحالي لهذه النُسَخ بالأزرق البرّاق (# 2DC9FF). حافظ على تحديد الأشكال الأربعة التي تم إنشاؤها حديثاً، افتح لوح المظهر Appearance من Window > Appearance وانقر على Glass. اتبع البيانات التي تراها في الصورة الثانية وانقر على OK. ثم غيّر نمط المزج Blending Mode للأشكال الناتجة إلى Overlay وخفف التعتيم Opacity إلى 60%

12. ركز على الحرف “P”، اختر الشكل الأزرق البراق الذي تم إنشاؤه في الخطوة 11 واعمل نسخة عنه Ctrl +C, Ctrl +F ، ثم أزل جميع المظاهر الحالية لهذه النسخة. تأكد من تحديد الشكل الجديد، أزل لون تعبئته وأضف حدأ باللون السماوي الفاتح بقيمة 3 بكسل. وبنفس الطريقة كرر العملية نفسها المبينة في الخطوات السابقة على الأحرف الثلاثة المتبقية. ينبغي أن يظهر النص في النهاية كما هو مبين في الصورة الأخيرة.

13. ركّز على الحرف “P”، اختر القطع الناقص الأزرق الكبير، أزل حدوده وقم بتعبئته باللون الأبيض (# F1F2F2). اختر بعد ذلك القطع الناقص الأزرق المتبقي، أزل حدوده وقم بتعبئته بالسماوي الغامق (# 5AA5A8). أبق على القطع الناقص ذي اللون السماوي الغامق محدداً واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم استبدل اللون الحالي للنسخة باللون السماوي البراق (# 26E9FF). طبّق في النهاية تأثير Feather بنصف قطر 19 بكسل على القطع الناتج.

14. حدد القطع الناقص ذي اللون السماوي البراق والذي طُبّق عليه تأثير feather في الخطوة 13 واعمل نسخة عنه Ctrl +C, Ctrl +F ، ثم استبدل اللون الحالي للنسخة باللون البرتقالي المائل إلى الرمادي (# BCAF97). حافظ على تحديد الشكل الجديد، افتح لوح المظهر Appearance من Window > Appearance واحذف خاصية Feather . حدد الأشكال الناتجة وانتقل إلى Effect > Texture > Patchwork… اتبع البيانات المبينة في الصورة الأولى وانقر على OK. وأخيراً غيّر نمط المزج Blending Mode للشكل الناتج إلى Multiply وخفّف التعتيم Opacity إلى 50%.

15. حدد القطع الناقص الذي تم إنشاؤه في الخطوة 14 واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم أزل جميع المظاهر الحالية لهذه النسخة. تأكد من أن القطع الناقص الجديد لا تزال محدداً، أزل لون تعبئته وأضف حداً أزرق بقيمة 5 بكسل، ثم طبّق تأثير التمويه Gaussian Blurبقيمة 2 بكسل للقطع الناقص الناتج. اختر الآن القطع الناقص الذي تم إنشاؤه في الخطوة 14 واعمل نسخة عنه. ضع هذه النسخة أمام القطع الناقص الأزرق الذي طبقنا عليه تأثير التمويه في هذه الخطوة. حافظ على تحديد القطع الناقص الذي تم إنشاؤه حديثاً، اضغط باستمرار على مفتاح Shift، انقر على القطع الناقص الأزرق التي طبّقت عليه تأثير التمويه في هذه الخطوة، ثم انقر بالزر الأيمن على لوح الرسم واخترMake Clipping Mask من القائمة المنسدلة. في النهاية ينبغي أن تبدو مجموعة القص الجديدة التي تم إنشاؤها كما هو مبين في الصورة الأخيرة.

16. حدد الدائرة التي تم إنشاؤها في الخطوة 14 واعمل نسخة عنها Ctrl +C, Ctrl +F، ثم حرّك النسخة إلى مقدمة مجموعة القص التي تم إنشاؤها في الخطوة 15. حافظ على تحديد القطع الناقص الذي تم إنشاؤه حديثاً وأزل جميع المظاهر الحالية له، ثم استبدل لون التعبئة الحالي باللون الأزرق (# 009FFF). أبق على تحديد القطع الناتج وانتقل إلى Effect > Distort > Glass… اتبع البيانات المبينة في الصورة الثانية وانقر على OK. ثم غيّر نمط المزج Blending Mode للقطع الناتج إلى Multiply وخفّف التعتيم Opacity إلى 50%.

17. حدد القطع الناقص الذي تم إنشاؤه في الخطوة 16 واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم استبدل اللون الحالي لهذه النسخة باللون الأزرق البراق (# 2DC9FF). أبق على تحديد القطع الناقص الذي تم إنشاؤه حديثاً، افتح لوح المظهر Appearance من Window > Appearance وانقر على Glass. اتبع البيانات المبينة في الصورة الأولى وانقر على OK. ثم غيّر نمط المزج Blending Mode للقطع الناتج إلى Overlay وخفف التعتيم Opacity إلى 60%. اختر الآن القطع الناقص ذي اللون الأزرق البراق الذي تم إنشاؤه في هذه الخطوة واعمل نسخة عنه Ctrl +C, Ctrl +F ، ثم أزل جميع المظاهر الحالية لهذه النسخة. تأكد من أن القطع الناقص الجديد لا يزال محدداً، أزل لون تعبئته وأضف حدأ باللون الأزرق الفاتح بقيمة 2 بكسل.

18. في هذه المرحلة ينبغي أن يظهر النص كما في الصورة التالية:

19. لإضفاء مظهر أكثر واقعية, سنقوم بإنشاء انكسار لأشعة الشمس على مياه بركة السباحة. ركّز على الحرف “P”، بمساعدة أداة قلم الرصاص Pencil Tool (N)، أنشئ مسارات منحنية كالتي تراها في الصور الموجودة في الأسفل. ستحصل في النهاية على شيء يشبه الموجود في الصورة الأخيرة.

20. قم بتحديد وتجميع Ctrl +G جميع المسارات المنحنية التي تم إنشاؤها في الخطوة 19. استبدل بعد ذلك لون الحدود الحالي للمجموعة التي تم إنشاؤها حديثاً باللون الأبيض وغيّر قيمة الحدود إلى 2.5 بكسل. حافظ على تحديد المجموعة الناتجة، طبّق تأثير Width Profile 2 و Feather بقيمة 3 بكسل عليها، ثم غيّر نمط المزج Blending Mode إلى Screen.

21. تابع باستخدام أداة قلم الرصاص Pencil Tool (N)، أنشئ مسارات منحنية كالتي تراها في الصورة الأولى. بمجرد أن تنتهي من رسم المسارات، أعد تحديدها وتجميعها Ctrl +G. استبدل لون الحدود الحالي للمجموعة التي تم إنشاؤها حديثاً باللون الأبيض وغيّر قيمة الحدود إلى 2.5 بكسل. حافظ على تحديد المجموعة الناتجة، طبّق تأثير Width Profile 2 و Feather بقيمة 3 بكسل عليها، ثم غيّر نمط المزج Blending Mode إلى Screen.

22. كرر نفس التقنيات المبينة في الخطوات السابقة على الأحرف الثلاثة المتبقية. ينبغي أن يبدو النص في النهاية كما في الصورة التالية:

23. يأتي الآن دور درجات بركة السباحة. ركّز على الحرف “P”، بمساعدة أداة القلم Pen Tool (P)، أنشئ ثلاثة كائنات كالتي تراها في الصورة المبينة في الأسفل. بنفس الطريقة، كرر الأمر نفسه مع الأحرف الثلاثة المتبقية.

24. اختر الآن الكائنات الثلاثة الجديدة التي تم إنشاؤها للحرف “P” وأزل حدودها، ثم قم بتعبئة هذه الكائنات باللون الأزرق (# 8CDCDF). حافظ على تحديد الأشكال الناتجة وانتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات كما هو مبين في الأسفل وانقر على OK، ثم قم بإخفاء الأشكال الناتجة خلف الشكل الذي تم إنشاؤه للحرف “P” في الخطوة 10.

25. اتبع الآن سلسلة الصور وكرر التقنيات نفسها على الأحرف الثلاثة المتبقية.

26. ينبغي أن يظهر النص في هذه المرحلة كما في الصورة التالية:

وسنتابع في بقية دروس السلسلة كيفية إنشاء ما تبقى من عناصر التصميم

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

ضاعف شكل الدائرة بالاختصارات Ctrl+C و Ctrl+F ثم كبّر شكل الدائرة الجديد قليلًا.

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

حدّد الدائرة الكبيرة ثم انقر بالزر الأيمن عليها واختر القائمة

Arrange > Send to Back

ليتم إرسالها إلى أسفل شكل الدائرة الصغيرة.

حدّد الدائرة الكبيرة واذهب إلى القائمة

Effect > Blur > Gaussian Blur

ثم ضع القيمة 2.5 بكسل لنصف القطر.

حدّد الدائرتين معًا ثم انقر عليهما بالزر الأيمن واختر Group ليتم تجميعهما في مجموعة واحدة. وسيكون هذا الشكل هو شكل نجمة.

اسحب النجمة إلى لوحة الرموز. ثم اسحب هذا الرمز مرّات عدّة إلى لوح الرسم ووزعها بشكل عشوائي. عدّل بأحجام النجوم بشكل عشوائي أيضًا.

سنبدأ الآن برسم شكل المذنب. اسحب شكل السحابة ثم انقر عليها بالزر الأيمن واختر Break Link to Symbol.

ضاعف الشكل واسحب النسخة للأسفل مرتين تمامًا كما فعلنا في بداية التصميم ثم وحّد الأشكال الثلاثة معًا من خلال Unite من لوحة Pathfinder.

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

حدّد الدائرة وانقر عليها بالزر الأيمن واختر القائمة

Arrange > Send to Back

افتح لوحة الطبقات ثم اقفل شكل الدائرة.

حدّد النقاط اليمنى من شكل السحابة باستخدام أداة التحديد المباشر ثم اسحبها لليمين مسافة بعيدة.

حدّد دوائر رؤوس الجهة اليمين واسحبها أكثر لليمين لتبدو ممدودة أكثر.

حدّد نقاط الجزء الأيسر من السحابة باستثناء النقطة العلوية والسفلية ثم اضغط على Delete لحذفها.

من جديد حدّد النقطة العلوية ثم استمر بالضغط على Shift وانقر على النقطة السفلية ثم حاذِهما أفقيًا.

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

ألغِ قفل شكل الدائرة ثم حدّد الشكلين واختر unite من لوحة Pathfinder لتوحيدهما معًا.

هذا هو شكل نواة المذنب وسنرسم الهالة المحيطة به تاليًا.

اسحب شكل السحابة واكسر ارتباطها أيضًا ثم ضاعف الشكل نحو الأسفل واجعل الشكل الجديد يغطي النصف السفلي من الشكل العلوي.

ارسم دائرة وطابقها إلى النصف الأيسر من السحابة تمامًا كما فعلنا في الخطوات السابقة.

عدّل بدوائر رؤوس السحابة من الجهة اليمنى بحيث تصبح عشوائية الطول.

احذف نقاط السحابة اليسرى باستثناء العلوية والسفلية ثم حاذِهما أفقيًا ثم طابق النقطتين في يسار السحابة مع نقطتي الدائرة كما فعلنا في الخطوات السابقة ثم وحّد الشكلين معًا باستخدام لوحة Pathfinder.

Quote

من المفترض أنك بدأت تعتاد استخدام الأدوات المختلفة والتقنيات المستخدمة مرارًا في هذا الدرس وبذلك ستتمكن من استخدامها بسهولة في تصاميمك المستقبلية.

ضع شكل الهالة فوق شكل النواة وعدّل بالحجم لتكون أكبر قليلًا.

حدّد النقاط اليمن من الهالة واسحبها بعيدًا نحو جهة اليمين.

ارسم دائرة أكبر من دائرة الهالة وضعها بشكل يطابق مركز دائرة الهالة.

ارسم مستطيلًا يمتد من يمين الهالة إلى منتصف الدائرة الكبيرة الجديدة. سيكون الشكل الجديد ذيل المذنب.

وحّد الدائرة والمستطيل معًا ثم عدّل بالحجم ليكون متناسقًا مع الهالة والنواة.

عدّل ألوان الأشكال الثلاثة المُكوّنة للمذنب إلى درجات الأزرق.

دوّر المذنب بذات درجة دوران شكل الكويكبات.

ضعه ضمن التصميم وصغّر حجمه ليكون ملائمًا للتصميم.

حدّد النقطتين في نهاية الذيل واسحبهما بعيدًا خارج حدود التصميم.

استخدم أداة النص لكتابة عنوان التصميم. استخدم خطًا مناسبًا لنوعية التصميم ولونًا رماديًا فاتحًا مائلًا قليلًا للأزرق. اجعل حجم الخط كبيرًا كفاية ليملأ مساحة التصميم.

حدّد النص ثم اضغط على الاختصارات Ctrl+C و Ctrl+B لنسخ النص ولصقه أسفل النص الأساسي ثم اذهب إلى القائمة

Effect > Blur > Gaussian Blur

ضع القيمة 6.5 بكسل لنصف القطر.

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

هل تستطيعون إنشاء تصاميم مشابهة، يمكنكم مشاركتها معنا في التعليقات في الأسفل.

انتشر هذا الأسلوب في التصميم مؤخرًا عبر مواقع التصميم العالمية وبات عدد من المصممين يستخدمونه في إنشاء تصاميم فضائية مميزة لإبراز مهاراتهم أو لاستخدامه في التصميم الإعلاني أو الطباعي على حد سواء لذلك نرى Nina Geometrieva قد استخدمته في تصميمها بعنوان Meteor.

المصدر: Nina Geometrieva

وكذلك Filip Benda الذي استخدم هذا الأسلوب لتصميم واجهة موقع معرض أعماله.

المصدر: Filip Benda

وأيضًا صمم Simonas Mačiulis تصميمًا بعنوان النظام الشمسي باستخدام الأسلوب ذاته

المصدر: Simonas Mačiulis

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

ابدأ مستندًا جديدًا بحجم 700 في 600 بكسل

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

View > Smart Guides

تأكد من أنها مفعلة بوجود إشارة الصح بجانبها.

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

Quote

إن الاستمرار بالضغط على مفتاح Shift أثناء رسم المستطيل سينتُج عنه مستطيل متساوي الأضلاع أي المربع

الآن استخدم أداة التحديد ثم استمر بالنقر على مفتاح Alt أثناء سحب نسخة عن المربع إلى الجانب ومع الاستعانة بالأدلة الذكية ضع المربع الجديد بجانب القديم تمامًا. لوّن المربع الجديد بلون أحمر فاتح.

ولتكرار العملية وإنشاء عدة نسخ جديدة بذات الطريقة المتّبعة اضغط على الاختصار Ctrl+D عدّ’ مرّات ليتم إنشاء مجموعة مربعات جديدة إلى نفس الاتجاه وبنفس المسافة والترتيب. أضف ألوانًا جديدة إلى هذه المربعات كما في الصورة.

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

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

سينتج عن ذلك مستطيل بحجم العمل ولكنه لا يغطي مساحة العمل بشكل صحيح، لذلك استخدم أداة التحديد وبالاستعانة بالأدلة الذكية المفعّلة حرّك المستطيل ليغطي كامل مساحة العمل. ثم لوّنه بلون داكن وهو اللون الأخير من جهة اليسار في لوحة الألوان.
تستطيع الحصول على اللون ذاته عبر استخدام أداة ماصة الألوان .

Quote

بما أن هذا التصميم ليس تقليديًا فنحن لن نستخدم اللون الأسود للفضاء بل سنستخدم أي لون داكن من درجات الرمادي، الأزرق أو الأرجواني.

افتح لوحة الطبقات بالاختصار F7 وقم بإنشاء طبقة جديدة من خلال النقر على أيقونة Create New Layer أسفل اللوحة ثم انقر بجانب الطبقة الأولى التي تحوي الخلفية ولوحة الألوان لإظهار رمز القفل وبذلك نكون قد أقفلنا الطبقة ولم نستطيع تعديلها أو تحريكها حتى نزيل إشارة القفل من جديد.

Quote

تفيد عملية قفل الطبقة في تجنب تحديد عناصرها في كل مرة تقوم بتحديد عناصر أخرى فوقها.

والآن سنقوم بإنشاء الشكل المتموّج الذي بداخل الكويكبات. استخدم أداة المستطيلات لرسم مستطيل نحيف عرضيًا.

ثم استخدم أداة التحديد مع الاستمرار بالضغط على مفتاح Alt لسحب نسخة عن المستطيل نحو الأسفل وبالاستعانة بالأدلة الذكية اجعل المستطيل الجديد ملاصق للقديم.

اضغط على الاختصار Ctrl+D عدة مرات لتكرار عملية النسخ عدة مرات.

حدّد المستطيل الثاني من الأعلى لنقوم بتغيير عرضه. في حال لم تظهر أدوات حدود المستطيل لتعديل الحجم اضغط على الاختصار Shift+Ctrl+B حتى تظهر لك تلك الأدوات المساعدة.

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

عدّل الآن على باقي المستطيلات بحيث تصبح متفاوتة في حجم العرض لكل منها.

والآن حرّك بعضا المستطيلات إلى اليمين وأخرى إلى اليسار بحيث تكون غير متناسقة.استمر بالضغط على مفتاح Shift أثناء التحريك للمحافظة على ثبات المحور الأفقي.

اضغط على الاختصار Shift+Ctrl+F9 لإظهار لوحة Pathfinder. حدّد جميع المستطيلات ثم انقر على الخيار Unite من لوحة Pathfinder لتوحيد جميع المستطيلات في شكل واحد.

اختر أداة التحديد المباشر ثم حدّد الشكل ولاحظ ظهور أدوات تدوير الزوايا.

Quote

تتميز أداة التحديد المباشر عن أداة التحديد العادي بأن السهم ذو لون أبيض  بينما أداة التحديد العادية بلون أسود 

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

سنحتاج إلى هذا الشكل في تصميم العديد من العناصر ضمن هذا التصميم لذلك سنقوم بحفظه كرمز ضمن لوحة الرموز Symbols. افتح لوحة الرموز بالاختصار Shift+Ctrl+F11 ثم اسحب هذا الشكل إلى داخل لوحة الرموز لتظهر نافذة حفظ رمز جديد حيث يمكنك تسمية هذا الرمز وتحديد بعض من خصائصه، اترك كل شيء في النافذة على حاله وانقر OK.

أصبح هذا الشكل (السحابة الفضائية) ضمن لوحة الرموز. احذف الشكل الأصلي ثم اسحب هذا الشكل إلى لوح الرسم. اختر أداة التحديد ثم استمر بالضغط على Alt+Shift أثناء سحب نسخة عنه للأسفل، استعن بالأدلة الذكية لجعل الشكل الجديد ملاصق للشكل الأساسي.

كرّر العملية بسهولة عبر الضغط على الاختصار Ctrl+D وبذلك يتم إنشاء نسخة جديدة بذات الطريقة أسفل الشكل الأخير.

حدّد جميع هذه الأشكال ثم انقر على الخيار Unite من لوحة Pathfinder لتوحيدها معًا في شكل واحد.

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

احذف هذه النقاط بالضغط على مفتاح Delete لتبقى الجهة اليسرى بخط مستقيم مشطوب.

حدّد النقطة العلوية في الجهة اليسرى ثم استمر بالضغط على مفتاح Shift وانقر على النقطة السفلية من ذات الجهة ثم حاذِهما أفقيًا عبر النقر على خيار المحاذاة الأفقية في شريط الأدوات العلوي.

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

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

حدّد الشكلين ثم انقر على الخيار Divide من لوحة Pathfinder ليتم تقطيع الأشكال إلى أشكال أصغر بحسب تقاطع حدود الأشكال معًا.

حدّد كل ماهو خارج إطار الدائرة ثم احذفه بالضغط على المفتاح Delete.

حدّد الجانب الأيمن من الدائرة ثم استخدم أداة ماصة الألوان واختر لونًأ من لوحة الألوان الخاصة بالتصميم، أنا اخترت الأحمر الفاتح. ولوّن الجانب الأيسر بالأحمر الداكن بذات الطريقة.

ارسم دائرة جديدة وحاذِها بواسطة أدوات المحاذاة في شريط الأدوات العلوي أفقيًا وعموديًا مع الدائرة القديمة واجعلها أكبر حجمًا بشكل طفيف جدًّا ثم لوّنها باللون الأبيض.

حدّد الدائرة البيضاء الكبيرة واذهب إلى القائمة

Effect > Blur > Gaussian Blur

ضمع القيمة 10 لنصف القطر. وبذلك يكتمل لدينا شكل الكويكب مع تأثير الهالة المحيطة به.

حدّد شكل الكويكب ثم ضع المؤشر بالقرب من أحد الزوايا ليتغير شكله إلى سهمين معقوفين وذلك استعدادًا لتدوير الشكل ثم دوّر الشكل لنحو 40 درجة.

حدّد شكل الكويكب ثم اسحبه إلى لوحة الرموز ليصبح رمزًا نستطيع استخدامه فيما بعد.

احذف شكل الكويكب ثم اسحب رمزه من لوحة الرموز عدة مرات لإنشاء مجموعة كويكبات (كواكب) ثم عدّل بأحجامها ومواضعها بشكل عشوائي.

حدّد أحد الكويكبات ثم انقر بالزر الأيمن عليه واختر Break Link to Symbol.

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

سنتابع في الجزء الثاني تصميم النجوم والمذنب والنص الرئيسي للتصميم.

مصادر الأمثلة

• تصميم Meteor للمصممة Nina Geometrieva
• تصميم Space Portfolio Website | Hero للمصمم Filip Benda
• تصميم Solar System Illustration للمصمم Simonas Mačiulis

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

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

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

حدّد النقطتين السفليتين من المستطيل واجعلها زوايا مستديرة بدرجة صغيرة فقط.

ألغِ الحدود الافتراضية من الشكل عبر النقر على أيقونة none من شريط الأدوات ثم استبدل لون التعبئة بلون من لوحة حوامل الألوان Swatches.

ارسم مستطيلًا جديدًا لصنع المقبض الخشبي الحامل للمصاصة. إن تفعيل الأدلة الذكية سيساعد على مطابقة الحامل مع أسفل منتصف شكل المصاصة.

امنح هذا الشكل لونًا مناسبًا كمقبض خشبي ثم حدّد النقطتين السفليتين واجعل زواياها مستديرة باستخدام ويدجات الزوايا.

استخدم أداة القلم Pen tool لرسم مثلث أعلى شكل الحامل الخشبي ولكن أسفل شكل جسم المصاصة لتشكيل الظلال. طابق كل نقطة مع المسارات الموجودة ثم لوّنها باللون الأسود. غيّر خصائص المزج إلى Multiply ثم خفّف التعتيم Opacity إلى 20%.

ابحث عن أداة القوس Arc ضمن أيقونة أداة الخط Line في شريط الأداوت. استمر بالضغط على Shift أثناء سحب نقطتي القوس للمحافظة على نعومة الشكل المثالية. امنح هذا الشكل حدودًا بيضاء بحجم 4pt وزوايا مستديرة.

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

File > Place

واختر واحدة من صور الألوان المائية. عدّل حجم الصورة ثم ضعها بجانب التصميم. حدّد شكل جسم المصاصة ثم انسخه CMD+C وألصقه في المقدمة CMD+F ثم انقر بالزر الأيمن للفأرة على الشكل الجديد واختر القائمة

Arrange > Bring To Front

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

غيّر خصائص المزج إلى Overlay بالنسبة للخامة من لوحة الشفافية Transparency panel للسماح للخامة بالتفاعل مع لون الشكل الأساسي.

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

اعثر على خامة الألوان المائية المناسبة للون الذي لوّنت به المصاصة الثانية ثم ضاعف شكل المصاصة واستخدمه كقناع كما فعلنا مع المصاصة الأولى تمامًا.

ارسم شكلًا جديدًا على لوح الرسم لصنع مصاصة جديدة. دوّر الزوايا العلوية من الشكل بدرجة صغيرة هذه المرة لصنع شكل مختلف.

استخدم وظيفة المطابقة للأدلة الذكية لرسم مستطيل بداخل شكل المصاصة. لوّنه بلون مخالف للون جسم المصاصة. اختر أداة التحديد Selection Tool واستمر بالضغط على Shift وAlt أثناء سحب شكل المستطيل للأسفل لصنع نسخة جديدة على نفس الخط العمودي، حاول قدر الإمكان جعل المسافة بين الشكلين مساوية لارتفاع شكل المستطيل.

كرّر هذه العملية باستخدام الاختصار CMD+D عدّة مرّات لصنع عدّة نسخ بذات المسافة بين النسخ.

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

استخدم أداة المستطيل لرسم زوج من الأشكال الطويلة والرفيعة متداخلة مع شكل جسم المصاصة.

حدّد الشكلين الجديدين ومع الضغط على Shift حدد شكل جسم المصاصة لتحديد جميع هذه الأشكال معًا ثم اختر الخيار Unite من لوحة Pathfinder لدمج هذه الأشكال في شكل واحد.

اختر أداة التحديد المباشر Direct Selection tool وارسم تحديدًا حول النقاط التي تشكّل المستطيلات الصغيرة. دوّر هذه النقاط باستخدام ويدجات الزوايا المستديرة.

حدّد النقاط التي تصل أشكال المستطيلات مع المخطط الرئيسي باستخدام أداة التحديد المباشر، استمر بالضغط على Shift أثناء تحديد النقاط نقطة نقطة. دوّر هذه النقاط باستخدام الطريقة ذاتها.

العملية الأخيرة باستخدام أدوات Pathfinder قامت بتغيير ترتيب تراص العناصر في التصميم لذلك استخدم الزر الأيمن للفأرة واختر القائمة

Arrange > Send to Back

لوضع الشكل خلف أشكال الشرائط المستطيلة.

ضع خامة ألوان مائية مناسبة للون الخاص بجسم المصاصة وضاعف شكل جسم المصاصة ثم أنشئ قناعًا بذات الطريقة التي اتبعناها سابقًا.

هذه الخامة وهذا اللون سيبدوان أفضل بكثير لو جعلنا خصائص المزج عند Screen بدلًا من خاصية Overlay المستخدمة سابقًا.

ابدأ برسم جسم مصاصة جديدة مع شكل جديد ولون جديد. هذه المرّة سنضيف الشوكولا السائلة اللذيذة فوق المصاصة. ضاعف جسم المصاصة عبر تحديده واستخدام الاختصارات CMD+C وCMD+F.

لوّن الشكل المضاعف الجديد بلون الشوكولا البني ثم ارسم شكلًا مستطيلًا يتقاطع مع جسم المصاصة وحدّد الشكلين واختر الخيار Minus Front من لوحة Pathfinder.

استخدم أداة رسم المستطيلات لرسم مستطيل طويل ونحيف ممتد من أسفل الحافة السفلية لشكل الشوكولا. استخدم أداة التحديد ومفتاح Alt لسحب نسخة عن المستطيل إلى الجهة المقابلة مع المحافظة على مسافات متساوية بينها.

حدّد الأشكال الثلاثة ثم استخدم أداة بناء الأشكال Shape Builder tool مع الاستمرار بالضغط على ALt والنقر على المستطيل الأول لمسح شكل المستطيل من مجموع الأشكال الثلاثة ثم انقر فوق المستطيل الثاني لتوحيد الأشكال معًا.

بما أن الشكل الجديد مازال محدّدًا اختر أداة التحديد المباشر Direct Selection tool لتحويل النقاط السفلية إلى زوايا مستديرة، واجعل نصف قطر الاستدارة إلى أقصى حد لصنع شكل شوكولا سائلة مثالية.

لا تنسَ إضافة لمعان طرف الشكل من خلال أداة القوس بذات الطريقة المستخدمة مع شكل المصاصة الأولى.

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

من القائمة التي تظهر بالنقر على الزر الأيمن للفأرة اختر

Arrange > Send Backward

أو استخدم الاختصار ]+CMD لوضع الخامة تحت الشكل البني.

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

غيّر خصائص المزج إلى Multiply مما يجعل الخامة تبدو أفضل مع الألوان الداكنة. استخدم اختصار الإرسال للخلف Send Backward لوضعه أسفل شكل القوس لمنع تفاعل خاصية المزج مع هذا العنصر.

ارسم مستطيلًا جديدًا يمثّل المصاصة الأخيرة في تصميمنا. هذه المرة اجعل الزوايا الأربعة مستديرة بذات قيمة نصف القطر.

ارسم مستطيلًا يغطي ثلث الشكل تقريبًا محاذيًا منتصف الشكل، حدّد كلا الشكلين وباستخدام أداة بناء الأشكال Shape Builder tool انقر نقرة واحدة على كل شريحة من الشرائح الثلاثة لتقسيم الشكل إلى ثلاثة قطع. لوّن الأشكال بألوان بديلة بحيث يكون الجزء العلوي بذات لون الشوكولا البني المستخدم سابقًا.

استخدم أداة الخط Line tool لرسم مسار قصير على المساحة الرمادية بجانب لوح الرسم. اجعل سماكة حدود المسار 4pt والنهايات مستديرة ولوّنه باللون البرتقالي.

اسحب نسخة من هذا الشكل باستخدام أداة التحديد والاستمرار بالضغط على Alt أثناء السحب ثم استخدم الاختصار CMD+D لانتاج نسختين إضافيتين. استبدل ألوان حدود الأشكال الجديدة بألوان أخرى مختلفة لكل شكل كالأبيض والأصفر والوردي.

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

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

Object > Transform > Transform Each

غيّر زاوية الدوران إلى 360 درجة ثم فعّل الخيار Random العشوائي. انقر على أيقونة المعاينة Preview لمشاهدة كيفية الاستدارة العشوائية لكل عنصر من العناصر.

انقل ودوّر أية أشكال موضوعة بشكل غير طبيعي أو متداخلة مع أشكال أخرى للمحافظة على الفراغات بين الأشكال.

حدّد الشكلين الأوسط والسفلي من جسم المصاصة ثم انسخ وألصق نسخة عنها. وحّد الشكلين بالخيار Unite من لوحة Pathfinder لتشكيل شكل موّحد ومقاطعته بتقنية القناع مع خامة الألوان المائية المناسبة.

اختر خاصية المزج Screen لهذه الخامة والتي ستبدو أفضل مع الألوان الفاتحة.

اصنع نسخة من الشكل الأعلى بين الأشكال واستخدم تقنية القناع ذاتها مع خامة أخرى.

باستخدام خامة منفصلة ستسمح بوضع خاصية المزج Multiply لهذا القسم من الرسم.

استخدم ذات الطريقة مع استخدام ألوان وخامات وأشكال مختلفة لصنع تصاميم مميزة من المصاصات. كما استخدمنا تقنيات مختلفة لصنع تأثير الشوكولا السائلة ورشات السكر اللذيذة.

ترجمة -وبتصرف- للمقال How To Create a Vector Popsicle in Adobe Illustrator لصاحبه Chris Spooner

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

أنشئ شعار الهاتف

1: حان الوقت لإنشاء شعار الهاتف. افتح لوحة الأحرف Window> Type> Character وأدخل القيم المبيّنة أدناه. بعد ذلك استخدم أداة الكتابة T، انقر على لوح الرسم، اكتب النص المرغوب، ثم ضعه في الموضع الذي تراه في الصورة ادناه.

أنشئ أيقونة الساعة

2: الخطوة التالية هي إنشاء أيقونة الساعة. استخدم أداة رسم المستطيلات M لإنشاء مستطيل بأبعاد 6 × 8 بكسل وبلون R=225، G=225، B=225. حدّد النقطة العلوية اليمنى للمستطيل الجديد وقم بإزالتها. بعد ذلك حدّد النقطة العلوية اليسرى وحرّكها بمقدار 3 بكسل إلى اليمين لتحصل على شكل مثلث. أنشئ دائرة بأبعاد 71 × 71 بكسل باستخدام أداة رسم البيضوي L وتأكّد من أنّها محدّدة ثم اذهب إلى Object> Path> Offset Path. أدخل القيمة -33 بكسل في حقل Offset ثم انقر على OK. الآن حدّد الدائرة الكبيرة التي أنشأتها في هذه الخطوة، اضغط على Shift، انقر على المستطيل، أفلِت المفتاح Shift، قم انقر على الدائرة الكبيرة مجددًا لتثبيت موقعها. بعد ذلك افتح لوحة المحاذاة Window> Align، انقر على زر Horizontal Align Center، ثم على زر Vertical Align Top.

3: اسحب دليلين أحدهما أفقي والآخر عمودي من المساطر. بعد ذلك حدّد الدائرة الكبيرة التي أنشأتها في الخطوة 31، اضغط على Shift، انقر على الدليلين الجديدين، أفلِت المفتاح Shift، ثم انقر على الدائرة الكبيرة مجددًا لتثبيت موقعها. بعد ذلك انقر على زرّي Horizontal Align Center وVertical Align Center من لوحة المحاذاة. الآن حدّد المثلث، اختر أداة التدوير R، اضغط على المفتاح Alt وانقر على نقطة تقاطع الدليلين الجديدين. في مربع الحوار Rotate، أدخل القيمة 30 في حقل Angle وانقر على Copy، ثم اضغط على Ctrl +D عشر مرّات للحصول على النتائج المبيّنة في الصورة الثالثة أدناه. وأخيرًا حدّد الدائرة الصفراء الكبيرة وقم بإزالتها.

4: الخطوة التالية هي رسم عقارب الساعة، وسنقوم أولًا برسم عقرب الدقائق. استخدم أداة رسم المستطيلات M لإنشاء مستطيل بأبعاد 12 × 53 بكسل وبلون R=109، G=110، B=113. حدّد النقطة العلوية اليمنى للمستطيل وقم بإزالتها، ثم حدّد النقطة العلوية اليسرى وحرّكها بمقدار 6 بكسل إلى اليمين للحصول على شكل مثلث. اسحب دليلًا عموديًا من المسطرة، حدّد المثلث الجديد الذي أنشأته في هذه الخطوة مع الدليل العمودي الجديد، ثم انقر على زر Horizontal Align Center من لوحة المحاذاة. قم بإضافة نقطة مميزة بالأصفر للمثلث (كما تلاحظ في الصورة الرابعة ادناه) ثم حرّكها بمقدار 3 بكسل إلى الأسفل. أعِد تحديد الشكل الذي أنشأته في هذه الخطوة وانسخه. غيّر اللون الحالي لنسخة الشكل إلى اللون R=209، G=211، B=212. بعد ذلك حدد النقطة اليسرى للشكل الجديد وقم بإزالتها. وأخيرًا، أعِد تحديد الشكلين الذين أنشأتهما في هذه الخطوة وحوّلها إلى مجموعة، ثم قم بتسمية المجموعة بالاسم “دقائق”.

5: حدّد المجموعة “دقائق” وانسخها، ثم ضع النسخة في موضع آخر. الآن ركّز على المجموعة الجديدة، اختر أداة التحديد المباشرDirect Selection Tool A واسحب الفأرة باتجاه السهم الأصفر لإنشاء شكل يشبه الخيمة كما مبيّن أدناه في الصورة الأولى. بعد ذلك حرّك النقاط المحدّدة بمقدار 26 بكسل إلى الأسفل. قم بتسمية هذه المجموعة باسم “ساعات”. نأتي الآن إلى عقرب الثواني. أنشئ مستطيلًا بأبعاد 1.5 × 68 بكسل باستخدام أداة رسم المستطيلات M ثم طبّق عليه اللون R=209، G=211، B=212 وقم بتسميته بالاسم “ثواني”.

6: حدّد المستطيل “ثواني” واذهب إلى Object> Transform> Rotate، ثم أدخل القيمة 106 في حقل Angle وانقر على OK. ضع المستطيل الناتج في الموضع الموضّح في الصورة أدناه. بعد ذلك حدّد المجموعة “ساعات” وقم بتدويرها بزاوية -120 درجة تقريبًا، ثم ضع المجموعة في الموضع المناسب كما موضّح في الصورة الثانية أدناه. وأخيرًا، حدّد المجموع “دقائق” وضعها في الموضع الموضّح في الصورة الثالثة أدناه.

7: لإعطاء لمسة أكثر واقعية للساعة، سنقوم بإضافة بعض الظلال على عقارب الساعة. حدّد عقارب الساعة الثلاثة واذهب إلى Effect> Stylize> Drop Shadow. ثم قم بإدخال البيانات المبيّنة في الصورة أدناه وانقر على OK. بعد ذلك حدّد الدائرة الصفراء واجلبها إلى المقدمة Ctrl +Shift+ [، ثم املأها باللون R=128، G=130، B=133 وقم بإزالة لون الحدّ. وأخيرًا حدّد جميع العناصر التي أنشأتها منذ بداية الخطوة 31 حتّى هذه الخطوة وحوّلها إلى مجموعة Ctrl +G، ثم ضع هذه المجموعة في الموضع الموضّح في الصورة الأخيرة أدناه.

أنشئ الانعكاس على الشاشة

8: حدّد الشكل العلوي الذي أنشأته في الخطوة 5، انسخه، وحرّك هذه النسخة إلى المقدمة. استخدم أداة إضافة النقاط + لإضافة نقطة مميّزة بالأخضر للشكل الجديد. بعد ذلك حدّد النقاط الثلاثة المميزة بالأحمر وقم بإزالتها. الآن، ركّز على الصورة الثالثة أدناه، واستخدم أداة تحويل النقاط Convert Anchor Point Tool Shift +C لإزالة المقبضين الأيسرين للنقطتين العلوية اليسرى والسفلية اليسرى للشكل الجديد (اجعل طول المقبضين مساويًا للصفر). أعِد تحديد الشكل الذي قمت بتعديله في هذه الخطوة ثم غيّر لونه إلى اللون R=225، G=225، B=225. بعد ذلك غيّر نمط الدمج للشكل الناتج إلى Overlay وقلّل قيمة Opacity إلى 30%.

9: حدّد جميع العناصر التي أنشأتها منذ بداية الخطوة 2 حتّى هذه الخطوة، ثم اجمعها Ctrl +G وقم بتسميتها بالاسم “هاتف_خلوي”. أصبح الهاتف جاهزًا الآن وسيبدو كالتالي:

أنشئ الخلفية

10: لقد انتهينا من رسم الهاتف، وسنقوم الآن بإنشاء الخلفية. استخدم أداة رسم المستطيلات M وأنشئ مستطيلين بأبعاد 1308 × 363 بكسل و1308 × 321 بكسل. بعد ذلك حدّد المستطيلين الجديدين، افتح لوحة المحاذاة Window> Align، انقر على زر Horizontal Align Center وزر Vertical Align Bottom. واصل العمل بأداة رسم المستطيلات وأنشئ مستطيلًا بأبعاد 1308 × 611 بكسل، ثم ضعه في الموضع المبيّن في الصورة الثالثة أدناه. الآن حدّد المستطيل الأزرق الذي أنشأته في هذه الخطوة، اضغط على Shift، انقر على المستطيل الأسود الجديد، أفلِت المفتاح Shift، وانقر على المستطيل الأزرق مجددًا لتثبيت موضعه. بعد ذلك انقر على زر Horizontal Align Center في لوحة المحاذاة.

11: املأ المستطيل الأحمر بتدرّج قطري كما موضّح أدناه ثم قم بإزالة حدّ الشكل. بعد ذلك حدّد المجموعة “هاتف_خلوي” واجلبها إلى المقدّمة وضعها في الموضع الذي تراه في الصورة الثانية أدناه. وأخيرًا، حدّد المستطيل الأسود واملأه بتدرّج قطري كما موضّح في الصورة الثالثة أدناه، ثم قم بإزالة حدّ الشكل.

12: حدّد المجموعة “هاتف_خلوي” واذهب إلى Object> Transform> Reflect. حدّد الخيار Horizontal من مجموعة Axis ثم انقر على Copy. اسحب النسخة التي أنشأتها للتو إلى الأسفل إلى الموضع الموضّح أدناه، ولا تنسَ أن تضغط على المفتاح Shift أثناء السحب لضمان تحريكها بشكل مستقيم. الآن حدّد المستطيل الأزرق الذي أنشأته في الخطوة 39 واجلبه إلى المقدّمة Ctrl +Shift+ [. بعد ذلك املأه بتدرّج قطري كما مبيّن في الصورة الثانية أدناه ثم قم بإزالة حدّ الشكل.

13: لإضافة بعض التفاصيل، قم أولًا بإنشاء شكلٍ أحمر اللون كالمبيّن في الصورة أدناه باستخدام أداة القلم P. بعد الانتهاء من ذلك، املأ الشكل بتدرّج قطري كما مبيّن في الصورة الثانية أدناه، ثم قم بإزالة حدّ الشكل. طبّق التأثير Gaussian Blur بقيمة 91 بكسل على الشكل الناتج وقلّل قيمة Opacity إلى 20%. أعِد تحديد الشكل الذي طبقت عليه تأثير التمويه في هذه الخطوة ثم قم بعمل نسخة منه Ctrl +C، Ctrl +F. وبينما لا يزال هذا الشكل محدّدًا، قم بعمل انعكاس reflect له بشكل عمودي، ثم ضعه على الجانب الآخر من الهاتف الخلوي. وأخيرًا، حدّد الشكلين الذين أنشأتهما في هذه الخطوة وقم بإخفائهما خلف الهاتف الخلوي.

وبذلك نكون قد انتهينا.

ترجمة-وبتصرّف-للمقال How to create a Realistic Cell Phone لصاحبه: Bao Nguyen

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

أنشئ زر الاتصال وزر الإلغاء

1: باستخدام أداة القلم Pen Tool P قم بإنشاء شكلٍ أخضر اللون كما موضّح أدناه، وبمجرد الانتهاء من الرسم املأه بلون شفاف ثم قم بإضافة حد بسمك 1 بكسل ولون R=0، G=0، B=0. حدّد الشكل الجديد مجددًا واذهب إلى Object> Path> Offset Path. أدخل القيمة -1.5 بكسل في حقل Offset وانقر على OK. املأ الشكل الجديد باللون R=109، G=110، B=113 واستبدل لون الحدّ الحالي باللون R=225، G=225، B=225. وأخيرًا غيّر نمط الدمج Blending Mode للشكل الناتج إلى Overlay.

2: استعن بأداة القلم P وأداة رسم البيضوي L لرسم شكلين باللون الأخضر كما تلاحظ في الصورة أدناه. حدّد هذين الشكلين من جديد ثم اذهب إلى Effect> Stylize> Outer Glow. أدخل القيم المبيّنة في الصورة الثانية أدناه وانقر على OK.

3: ارسم الشكل المبيّن في الصورة أدناه باستخدام أداة القلم P. بعد ذلك املأه باللون R=147، G=149، B=152 وقم بإضافة حدّ بسمك 1 بكسل ولون R=88، G=89، B=91. لا تلغِ تحديد الشكل الناتج، واعمل نسخة ثانية منه Ctrl +C، Ctrl +F. بعد ذلك حرّك النسخة الجديدة بمقدار 2 بكسل إلى الأسفل ثم 3 بكسل إلى اليسار. وأخيرًا، غيّر نمط الدمج للشكل الجديد إلى Overlay وقلل قيمة Opacity إلى 60%.

4: قبل أن تواصل الرسم، حدّد كل الأشكال التي أنشأتها منذ بداية الخطوة 13 حتّى هذه الخطوة ثم حوّلها إلى مجموعة Ctrl +G. حدّد هذه المجموعة ثم اذهب إلى Object> Transform> Reflect. اختر Vertical من مجموعة Axis ثم انقر على Copy. اسحب النسخة التي أنشأتها للتو إلى جهة اليمين، ولا تنسَ الضغط على المفتاح Shift أثناء السحب لتضمن تحريكها بشكل مستقيم. بعد ذلك اختر أداة التحديد Selection Tool V، انقر بشكل مزدوج على المجموعة الجديدة، واستبدل اللون الحالي للشكلين الأخضرين باللون الأحمر. أعِد تحديد الشكلين الأحمرين وافتح لوحة المظهر Window> Appearance، ثم انقر على قسم Outer Glow. في مربع الحوار Outer Glow، قم بإدخال القيم المبيّنة في الصورة الثانية أدناه.
عند هذه الخطوة يجب أن يبدو شكل الهاتف كالذي في الصورة الأخيرة أدناه.

أنشئ المنطقة التي تحتوي أزرار الأرقام والرموز

5: اسحب دليلًا أفقيًا من المسطرة إلى الموضع المبيّن أدناه. حدّد الشكل الأسود الذي أنشأته في الخطوة 5 وانسخه، ثم حرّك النسخة إلى المقدمة. قم بإزالة لون التعبئة لهذه النسخة وإضافة حدّ بسمك 1 بكسل ولون أحمر. استخدم أداة إضافة النقاط + لإضافة نقطتين مميزة باللون الأخضر للشكل الأحمر. بعد ذلك حدّد النقطتين العلويتين للشكل الأحمر وقم بإزالتهما لتحصل على الشكل المبيّن في الصورة الثانية أدناه. الآن حدّد الدليل العمودي الذي أنشأته في الخطوة 2 وانسخه مرّتين Ctrl +C، Ctrl +F، Ctrl +F. حدّد أحد الدليلين الجديدين وحرّكه بمقدار 73 بكسل إلى اليسار. ثم حدّد الدليل الجديد الآخر وحرّكه بمقدار 73 بكسل إلى اليمين. بعد ذلك قم بإضافة ثلاث نقاط للشكل الأحمر؛ نقطتين مميزتين بالأصفر وأخرى بالأخضر كما موضّح في الصورة الثالثة أدناه. الآن حدّد النقطتين المميزتين بالأصفر وحرّكهما بمقدار 35 بكسل إلى الأسفل، ثم حدّد النقطة المميزة بالأخضر وحرّكها بقدار 25 بكسل إلى الأسفل.

6: حدّد الدليلين الجديدين وقم بإزالتهما، ثم قم بإخفاء الدليل العمودي الذي أنشأته في الخطوة 2. الآن حدّد النقطة المميزة بالأخضر على الجهة اليسرى من الشكل الأحمر وحرّكها بمقدار 1 بكسل إلى اليسار. ثم حدّد النقطة المميّزة بالأصفر على الجهة اليسرى وحرّكها بمقدار 2 بكسل إلى اليسار. طبّق الخطوات نفسها على الجهة اليمنى من الشكل الأحمر لتحصل على الشكل المبيّن في الصورة الثانية أدناه. وأخيرًا، أعِد تحديد الشكل الأحمر ثم قم بإزالة لون الحدّ واملأ الشكل بتدرّج خطّي حسب القيم الموضّحة في الصورة الثالثة أدناه.

7: باستخدام أداة القلم P ارسم مسارًا متعرّجًا كما موضح أدناه، وبعد الانتهاء تأكد من تحديده ثم اذهب إلى Object> Transform> Scale. قم بتأشير الخيار Uniform، أدخل القيمة 93 في حقل Scale وانقر على Copy. حرّك النسخة الجديدة إلى الموضع المبيّن في الصورة الثانية أدناه. قم بإعادة تحديد المسارين الجديدين واذهب إلى Object> Blend> Blend Options. قم بإدخال القيم الموضّحة في الصورة الثالثة أدناه وانقر على OK، ثم اذهب إلى Object> Blend> Make Ctrl +Alt +B. استخدم أداة القلم مجددًا P لرسم مسارين جديدين بالشكل المبيّن في الصورة الأخيرة أدناه.

أنشئ الأزرار

8: استعِن بأداة رسم البيضوي L وأنشئ أربع دوائر بإبعاد 30 × 30 بكسل وبلون أرجواني. حدّد اثنين من هذه الدوائر واستبدل لون الحد الأرجواني باللون الأحمر، ثم حرّك الدوائر الأربعة جميعها إلى الموضع المناسب، كما مبيّن أدناه. بعد ذلك حدّد الدائرتين الأرجوانيتين، اذهب إلى Object> Blend> Blend Options، أدخل القيم الموضّحة في الصورة الثانية أدناه، وانقر على OK، ثم اذهب إلى Object> Blend> Make Ctrl +Alt +B. بعد ذلك كرر الخطوة السابقة على الدائرتين الحمراوين. الآن، حدّد الدوائر المكررة الحمراء والخط المنحني الأصفر، ثم اذهب إلى Object> Transform> Reflect. حدّد الخيار Vertical من قسم Axis ثم انقر على Copy. اسحب العناصر التي قمت بنسخها للتو إلى اليمين، ولا تنس أن تضغط على Shift أثناء السحب لضمان تحريكها بشكل مستقيم.

9: حدّد العناصر المكررة الزرقاء والخطوط المنحنية الصفراء التي أنشأتها في الخطوة السابقة ثم حوّلها إلى مجموعة Ctrl +G. بعد ذلك املأ المجموعة الجديدة بلون شفاف وقم بإضافة حدّ بسمك 4 بكسل ولون R=167، G=169، B=172. تأكّد من تحديد هذه المجموعة، افتح لوحة المظهر Window> Appearance، ثم انقر على زر Add New Stroke (في الزاوية السفلية اليسرى من لوحة المظهر). ستضيف هذه الخطوة حدًّا ثانيًا للمجموعة. املأ الحد باللون R=88، G=89، B=91 وغيّر سمكه إلى 1 بكسل. الآن حدّد الشكل الذي أنشأته في الخطوة 18، انسخه، وحرّك النسخة إلى المقدّمة Ctrl +Shift+ [. بعد ذلك حدّد النقاط العلوية الخمس للشكل الجديد وحرّكها إلى الأعلى بمقدار 10 بكسل. قم بإعادة تحديد هذا الشكل مع المجموعة التي أنشأتها في هذه الخطوة، ثم اذهب إلى Object> Clipping Mask> Make Ctrl +7. وأخيرًا، قم بإخفاء المجموعة التي قمت بعمل Clipping Mask لها خلف الدوائر الاثني عشر التي أنشأتها في الخطوات السابقة.

10: حدّد العنصرين الأحمرين المكررين والعنصر الأرجواني المكرر، ثم اذهب إلى Object> Expand. انقر على OK عند ظهور مربّع الحوار Expand، ثم اضغط على المفاتيح Ctrl +Shift +G لإلغاء تجميع المجموعات الثلاث الناتجة. تأكّد من تحديد الدوائر الجديدة واملأها باللون R=167، G=169، B=172، ثم قم بإزالة الحدود منها. واصل تحديد الدوائر الناتجة، ثم اذهب إلى Object> Path> Offset Path. أدخل القيمة -1.5 بكسل في حقل Offset ثم انقر على OK. بعد ذلك غيّر لون التعبئة الحالي للدوائر الجديدة إلى اللون R=88، G=89، B=91. تأكّد من أنّ الدوائر الناتجة ما زالت محدّدة ثم اذهب إلى Object> Path> Offset Path. أدخل القيمة -1 بكسل في حقل Offset ثم انقر على OK. بعد ذلك قم بإضافة حدّ بسمك 1 بكسل للدوائر الجديدة ثم أزِل لون التعبئة الخاص بها. الآن، حدّد الدائرة الحمراء في وسط الجزء العلوي واملأها بتدرّج قطري كما موضّح في الصورة الرابعة أدناه، ثم قم بإزالة لون الحدّ منها. وأخيرًا، حدّد كلّ الدوائر الحمراء المتبقية، اختر أداة القطارة Eyedropper Tool I وانقر على الدائرة التي ملأتها للتو بالتدرّج القطري.
عند هذه الخطوة يجب أن يكون شكل الأزرار كما في الصورة الأخيرة أدناه.

أضِف الأرقام

11: افتح لوحة الأحرف Window> Type> Character وأدخل القيم المبيّنة أدناه. بعد ذلك افتح لوحة الفقرات Window> Type> Paragraph وانقر على زرAlign Center. الآن استخدم أداة الكتابة Type Tool T وببساطة اكتب الأرقام على لوحة الرسم ثم ضعها في الموضع المناسب كما تلاحظ في الصورة الأولى أدناه. وأخيرًا قم بإضافة رمزي النجمة والمربّع كما مبيّن في الصورة الثانية أدناه.

أضِف الحروف

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

25: عند هذه الخطوة يجب أن يكون شكل الهاتف كالتالي:

أنشئ شاشة الهاتف

13: حدّد الشكل العلوي الذي أنشأته في الخطوة 5 ثم اذهب إلى Object> Transform> Scale، قم بتأشير الخيار Non-Uniform، أدخل القيمة 93 في حقل Horizontal، والقيمة 87 في الحقل Vertical، ثم انقر على Copy. بعد ذلك حدّد النقطة العلوية للشكل الجديد وحرّكها إلى الأسفل بمقدار 19 بكسل. أعِد تحديد الشكل الجديد وقم بإزالة لون الحد الخاص به، ثم استبدل لون التعبئة الحالي بتدرج خطي جديد كما مبيّن في الصورة الثالثة أدناه. وبينما الشكل الناتج لا يزال محددًا، قم بعمل نسخة منه Ctrl +C، Ctrl +F، ثم غيّر لون التعبئة الحالي للنسخة بتدرّج قطري كما مبيّن في الصورة الأخيرة أدناه.

أنشئ سماعة الهاتف

14: اختر أداة رسم المستطيلات مدورة الحواف Rounded Rectangle Tool، انقر على منطقة الرسم، ثم أدخل القيم الموضّحة في الصورة أدناه وانقر على OK. اذهب إلى Object> Path> Offset Path ثم أدخل القيمة -2 بكسل في حقل Offset وانقر على OK. بعد ذلك غيّر لون الحدّ الحالي للشكل الجديد إلى الأحمر. أعِد تحديد المستطيل الأزرق واملأه باللون R=35، G=31، B=32، ثم قم بإزالة لون الحدّ للمستطيل الناتج.

15: باستخدام أداة رسم الخطوط المستقيمة Line Segment Tool \ قم بإنشاء خط عمودي شفاف اللون بطول 24 بكسل، وحدّ بسمك 0.5 بكسل ولون R=230، G=231، B=232. بعد ذلك قم بتدوير هذا الخط بزاوية -44 درجة تقريبًا. قم بعمل نسخة من هذا الخط Ctrl +C، Ctrl +F ثم ضع الشكلين على المواضع الموضّحة في الصورة الثانية أدناه. أعِد تحديد الخطين واذهب إلى Object> Blend> Blend Options ثم أدخل القيم المبيّنة في الصورة الثالثة أدناه وانقر على OK. أبقِ على الشكل المكرر محددًا واذهب إلى Object> Transform> Reflect ثم قم بتأشير الخيار Vertical وانقر على Copy. الآن حدّد المستطيل الأحمر الذي أنشأته في الخطوة 27، انقله إلى المقدمة Ctrl +Shift+ [، انسخه، ثم قم بإخفاء النسخة Ctrl +3. أعِد تحديد المستطيل الأحمر الأصلي، اضغط على Shift، وانقر على العنصرين المكررين الذين أنشأتهما في هذه الخطوة، ثم اذهب إلى Object> Clipping Mast> Make Ctrl +7.

16: حدّد المستطيل الأسود الذي أنشأته في الخطوة 27، انسخه، ثم انقل النسخة إلى المقدمة. حدّد النسخة الجديدة، أزِل لون التعبئة، ثم قم بإضافة حدّ بسمك 3 بكسل ولون R=209، G=211، B=212. وقبل المواصلة، اضغط على المفاتيح Ctrl +Alt +3 لإظهار المستطيل الأحمر الذي أخفيته في الخطوة 28. بعد ذلك غيّر لون الحدّ الحالي للمستطيل الأحمر إلى اللون R=0، G=0، B=0، ثم طبّق التأثير Gaussian Blur بقيمة 2 بكسل على المستطيل الناتج، وغيّر قيمة Opacity إلى 60%. وأخيرًا، حدّد جميع العناصر التي أنشأتها من بداية الخطوة 27 حتّى هذه الخطوة وحوّلها إلى مجموعة Ctrl +G، ثم ضع هذه المجموعة في الموضع الموضّح في الصورة الأخيرة أدناه.

ترجمة-وبتصرّف-للمقال How to create a Realistic Cell Phone لصاحبه: Bao Nguyen

سنتعلم في هذا الدرس – المكوّن من أجزاء - كيفية إنشاء هاتف محمول واقعي باستخدام الأشكال والتدرجات البسيطة في إلستريتور. وسنقوم باستخدام لوحات المحاذاة Align، مستكشف المسار Pathfinder والحدود Stroke بالإضافة إلى دمج العناصر للحصول على النتيجة النهائية. لنبدأ!

تبدو النتيجة النهائية على النحو التالي.

أنشئ ملفًا جديدًا

1: افتح برنامج إلستريتور ثم اضغط على Ctrl+ N لإنشاء ملف جديد. اختر Pixels من القائمة المنسدلة Units، أدخل 1308 في حقل العرض width و876 في حقل الارتفاع height ثم انقر على زر Advanced لفتح الخيارات المتقدمة. اختر RGB، Screen (72ppi)، وتأكّد من إلغاء تأشير مربّع الخيار Align New Objects to Pixel Grid قبل أن تنقر على OK.

أنشئ الشكل الأساسي للهاتف

2: باستخدام أداة رسم المستطيلات Rectangle Tool (M) قم بإنشاء مستطيل بأبعاد 247 × 222 بكسل. بعد ذلك أظهر المساطر عبر المسار View> View Rulers> Show Ruler أو باستخدام مفتاحي الاختصار Ctrl +R، ثم قم بسحب دليل guide عمودي من المساطر (إذا كانت الدلائل مقفلة، إذا اذهب إلى View> Guides> Lock Guides أو اضغط على Ctrl +Alt + ;

حدّد المستطيل الأحمر، اضغط على Shift، ومع الاستمرار بالضغط انقر على الدليل الذي أنشأته للتو، أفلت المفتاح Shift ثم انقر على المستطيل الأحمر مجددًا لتثبيت موضعه. بعد ذلك افتح لوحة المحاذاة Align عبر المسار Window> Align وانقر على زر Horizontal Align Center. الآن اختر أداة إضافة النقاط Add Anchor Point (+) وانقر على النقطتين المميزتين بالأزرق. بعد ذلك قم بتحديد النقطة العلوية الوسطى وحرّكها إلى الأعلى بمقدار 50 بكسل، ثم اضغط على زر Covert selected anchor points to smooth من شريط الخصائص Properties. بعد ذلك قم بتعديل مقابض النقاط التي قمت بتحريكها لتصبح بالشكل الموضّح في الصورة التالية مستخدمًا أداة التحديد المباشر Direct Selection Tool (A) والمفتاح Shift. الآن حدّد النقطة السفلية الوسطى وحرّكها بمقدار 12 بكسل إلى الأسفل. وأخيرًا اختر أداة تحويل النقاط Convert Anchor Point Tool (Shift +C)، انقر على النقطة التي قمت بتحريكها للتو واسحبها إلى اليسار أثناء الضغط على المفتاح Shift. في النهاية يجب أن يصبح العنصر الجديد كما موضّح في الصورة الأخيرة أدناه.

3: قم بإنشاء مستطيل بإبعاد 215 × 220 بكسل باستخدام أداة رسم المستطيلات (M) وضعه في الموضع الموضّح أدناه. الآن حدد العنصر الأحمر الذي قمت بإنشائه في الخطوة 2، اضغط على Shift، انقر على المستطيل الأزرق الذي أنشأته في هذه الخطوة، أفلت المفتاح Shift، وانقر على العنصر الأحمر مجددًا لتثبيت موضعه، ثم انقر على زر Horizontal Align Center من لوحة المحاذة Align. حدد النقطة العلوية اليسرى للمستطيل الأزرق وحرّكها بمقدار 15 بكسل إلى اليسار، ثم حدد النقطة العلوية اليمنى وحرّكها بمقدار 15 بكسل إلى اليمين:

4: باستخدام أدار رسم المستطيلات (M) أنشئ مستطيلًا بأبعاد 100 × 50 بكسل وبلون أسود، ثم ضعه في الموضع الموضّح أدناه. الآن حدّد العنصر الأزرق الذي قمت بإنشائه في الخطوة 3، اضغط على Shift، انقر على المستطيل الأسود الذي أنشأته في هذه الخطوة، أفلت المفتاح Shift، وانقر على العنصر الأزرق مجددًا لتثبيت موضعه، ثم انقر على زر Horizontal Align Center من لوحة المحاذاة. وبمساعدة الأداة Add Anchor Point Tool (+)، قم بإضافة نقطتي ربط باللون الأحمر للعنصر الأزرق. بعد ذلك قم بإزالة المستطيل الأسود ثم أعِد تحديد النقطتين التي أنشأتهما للتو وحرّكهما بمقدار 48 بكسل إلى الأسفل. استخدم الأداة Convert Anchor Point Tool (Shift +C) وانقر على النقطة السفلية اليسرى للعنصر الأزرق، ثم اسحب النقطة إلى اليمين بينما تضغط على المفتاح Shift. كرّر نفس الخطوات للنقطة السفلية اليمنى. بعد ذلك استخدم أداة إضافة النقاط (+) وقم بإضافة نقطة مميزة بالأحمر وحرَكها إلى الأعلى بمقدار 2 بكسل للحصول على الشكل الموضّح في الصورة الأخير أدناه.

5: بعد الانتهاء من تعديل الشكل الأزرق، قم بإعادة تحديد هذا الشكل واملأه باللون R=35، G=31، B=32. بعد ذلك حدد العنصر الأحمر واملأه بلون متدرّج خطي linear كما موضّح أدناه، ثم قم بإضافة حدّ بعرض 2 بكسل وبلون R=65، G=64، B=66.

6: باستخدام أداة رسم المستطيلات (M) أنشئ مستطيلًا بأبعاد 290 × 6 بكسل وبلون أحمر، ثم ضعه في الموضع الموضّح أدناه. حدّد الشكل الأسود الذي أنشأته في الخطوة 5 واعمل نسخة ثانية منه (Ctrl +C، Ctrl +F). ثم حدّد هذه النسخة من الشكل الأسود، اضغط على Shift ثم انقر على المستطيل الأحمر الذي أنشأته في هذه الخطوة. بعد ذلك افتح لوحة مستكشف المسار Pathfinder (Window> Pathfinder) وانقر على زر Intersect. استخدم أداة إضافة النقاط (+) لإضافة نقطة مميزة بالأصفر للعنصر الأحمر، ثم حرّك النقطة الجديدة بمقدار 70 بكسل إلى الأسفل. استعِن بالأداة Convert Anchor Point Tool (Shift +C) لتعديل شكل العنصر الأحمر ليصبح كالذي تراه في الصورة السادسة أدناه. بعد الانتهاء من تعديل شكل العنصر الأحمر، قم بتطبيق تدرّج خطي جميل كما موضّح في الصورة الأخيرة أدناه.

7: في هذه المرحلة يجب أن يبدو شكل الهاتف كالتالي:

أنشئ زر التحكّم

8: ابدأ برسم دائرة بلون أحمر وبأبعاد 56 × 56 باستخدام الأداة Ellipse Tool (L)، ثم ضع هذه الدائرة في الموضع المناسب كما موضّح أدناه. املأ الدائرة باللون R=35، G=31، B=32 ثم قم بإضافة حدّ لها باللون R=167، G=169، B=172 وبسمك 3 بكسل. واصل تحديد هذه الدائرة ثم افتح لوحة الحدود (Window> Stroke) وانقر على أيقونة Align Stroke to Inside. بعد ذلك افتح لوحة المظهر (Window> Appearance)، انقر على زر Add New Stroke (يوجد هذا الزر على الزاوية السفلية اليسرى من لوحة المظهر). هذه الخطوة ستضيف حدًّا ثانيًا للدائرة. املأه باللون R=188، G=190، B=192 وغيّر سمك الحدّ إلى 1.5 بكسل.

9: حدد الدائرة التي أنشأتها في الخطوة 8 ثم اذهب إلى Object> Transform> Scale، قم بتأشير الخيار Uniform ثم أدخل القيمة 16 في حقل Scale، وانقر على Copy. لا تُلغِ تحديد الدائرة الجديدة وافتح لوحة المظهر (Window> Appearance) ثم قم بإزالة الحد ذي السُمك 3 بكسل لهذه الدائرة. بعد ذلك استبدل لون الحدّ الحالي باللون R=128، G=130، B=133 واستبدل لون التعبئة الحالي باللون R=209، G=211، B=213. تأكد من أنّ شكل الدائرة الناتج ما زال محدّدًا، افتح لوحة الحدود (Window> Stroke) وانقر على أيقونة Align Stroke to Outside.

10: باستخدام أداة رسم المستطيلات (M) أنشئ مستطيلًا بأبعاد 1.5 × 50 بكسل وبلون R=65، G=64، B=66. حدّد الدائرة التي أنشأتها في الخطوة 9، اضغط على Shift، انقر على المستطيل الذي أنشأته للتو، أفلِت المفتاح Shift، ثم انقر على الدائرة التي أنشأته في الخطوة 9 مجددًا لتثبيت موضعها. بعد ذلك افتح لوحة المحاذاة (Window> Align) وانقر على زر Horizontal Align Center، قم انقر على زر Vertical Align Center. حدّد المستطيل الذي أنشأته في هذه الخطوة من جديد ثم اذهب إلى Object> Transform> Rotate، أدخل القيمة 90 في حقل Angle وانقر على Copy. وأخيرًا، حدّد المستطيلين الذَين أنشأتهما في هذه الخطوة وقم بإخفائهما خلف الدائرة التي أنشأتها في الخطوة 9.

11: باستخدام أداة رسم المستطيلات (M) أنشئ مستطيلًا بأبعاد 14 × 9 بكسل وبلون R=199، G=190، B=192. حدد النقطة العلوية اليسرى للمستطيل الجديد وأزِلها. ثم حدد النقطة العلوية اليمنى وحرّكها بمقدار 7 بكسل إلى اليسار. ضع المثلث الجديد في الموضع المناسب كما موضّح في الصورة الثالثة أدناه. باستخدام أداة إضافة النقاط (+) انقر على مركز الجزء السفلي من المثلث ثم حرّك النقطة الجديد بمقدار 5 بكسل إلى الأعلى. بعد ذلك اسحب دليلًا أفقيًا من المساطر. حدّد الدائرة التي أنشأتها في الخطوة 9، اضغط على مفتاح Shift، انقر على الدليل الأفقي، أفلِت المفتاح Shift، ثم انقر على الدائرة التي أنشأتها في الخطوة 9 مجددًا لتثبيت موضعها. بعد ذلك افتح لوحة المحاذاة (Window> Align) وانقر على زر Vertical Align Center. الآن أعِد تحديد الشكل الأبيض الذي أنشأته في هذه الخطوة، اختر أداة التدوير Rotate Tool (R)، اضغط على المفتاح Alt وانقر على نقطة التقاطع للدليلين. في مربّع الحوار Rotate، أدخل الزاوية 90 في حقل Angle وانقر على Copy، ثم اضغط على Ctrl +D مرّتين للحصول على النتيجة الموضّحة في الصورة السادسة أدناه.

12: حدّد الدائرة التي أنشأتها في الخطوة 8 واذهب إلى Object> Transform> Scale. قم بتأشير الخيار Uniform وأدخل القيمة 95 في حقل Scale وانقر على Copy. حرّك هذه النسخة إلى المقدمة (Ctrl +Shift+ [)، املأها بتدرّج قطري radial كما مبيّن أدناه، ثم احذف الحد منها. بعد ذلك غيّر قيمة Blending Mode للدائرة الناتجة إلى Soft Light.

عند هذه الخطوة، يجب أن يبدو شكل الهاتف كما مبيّن في الصورة أدناه.

ترجمة- بتصرّف - للمقال How to create a Realistic Cell Phone لصاحبه Bao Nguyen.

سنتعلم اليوم كيفية تصميم النقش المموّه المتكرّر العسكري الخاص بالأقمشة والألبسة العسكرية وسيكون ملفًّا قابلًا للتكرار كنقش يُستخدم في جميع التصاميم.

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

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

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

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

بعد الانتهاء من رسم جميع العناصر ابدأ بتلوين هذه العناصر باستخدام أداة سطل الدهان الحي Live Paint Bucket tool عبر تحريك الفأرة حتى تظهر الحدود الحمراء محيطة بالعنصر الفارغ.

لقد أصبح التصميم واضحًا وجميلًا بمجرد الانتهاء من تلوين جميع العناصر. لاحظ كيف أن العناصر ذات اللون البيج هي الأكبر والأنعم، والبيضاء أصغر قليلًا وذات تفاصيل أكثر في حدودها الخارجية.

حدّد كل عنصر من العناصر الملونة ثم اذهب إلى القائمة

Object > Expand

فعّل خيار Object لتحوّل ألوان الدهان الحية إلى أشكال جامدة.

انقر بالزر الأيمن واختر Ungroup حتى تستطيع تحديد حدود وتعبئة كل عنصر على حدة، ثم أدمج الحدود والتعبئة في كل عنصر معًا باستخدام الخيار Merge من لوحة Pathfinder.

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

حدّد جميع العناصر التي تُشكّل نمط التمويه واجمعها Group معًا. انسخ CMD+C ثم ألصق في المقدمة CMD+F نسخة عنها ثم اضغط Enter من لوحة المفاتيح لفتح خيارات التحريك. أدخل القيمة 350mm (أو أي قيمة تناسب تصميمك) لوضع نسختين من هذا النمط بجانب بعضهما البعض.

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

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

ارسم مستطيلًا فارغًا بحدود زرقاء وحاذِه بشكل تقريبي مع التقاطع الأحمر الموجود على جميع النسخ الأربعة.

اضغط CMD+Y لتتحوّل إلى نمط الخطوط الخارجية فقط ثم كبّر المنظور جيدًا واستخدم أداة التحديد المباشر Direct Selection Tool لتحريك كل حافة من حواف المستطيل على وجه التحديد ليتطابق مع موقع التقاطع الأحمر.

احذف التقاطعات الحمراء الأربعة ثم حدّد نسخ الأنماط الأربعة مع المستطيل الكبير واجمعهم معًا باستخدام الاختصار CMD+G.

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

اسحب الرسم الكلّي إلى لوحة الألوان والنقوش Swatches في الإليستريتور حتى تضيف هذا النقش إلى باقي العناصر في اللوحة كما لو كان لون تعبئة، أو ألصق التصميم في الفوتوشوب ثم اذهب إلى القائمة

Edit > Define Pattern

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

اقتباس

ملاحظة: مفتاح CMD في نظام الماك يعادله مفتاح Ctrl في نظام الويندوز.

ترجمة -وبتصرّف- للمقال: How To Create a Repeating Camo Pattern in Illustrator  لصاحبه: Chris Spooner

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

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

انسخ CMD+C ثم ألصق CMD+F الدائرة، صغّر حجم الدائرة الجديدة مع الضغط على مفتاح Shift وAlt ثم استبدل التدرج اللوني بزوج من الألوان الرمادية الداكنة ليكون بؤبؤ العين.

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

ارسم زوجين من الدوائر لتكون انعكاس الإضاءة على كرة العين. خفّف التعتيم إلى 80% للمساح للعناصر الأساسية بالظهور من خلالها.

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

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

ارسم شكلًا مؤقتًّا يغطّي الجزء السفلي من الجسم. استخدم خيار Subtract من لوحة Pathfinder لإزالة الزوائد. لتمديد هذه الحافة المسطحة، اسحبها للأسفل أثناء الاستمرار في الضغط على مفتاح Shift باستخدام أداة التحديد المباشر Direct Selection Tool.

ارسم مستطيلًا مستدير الزوايا آخر، هذه المرة لتشكيل الفم المبتسم. استخدم شكلًا مؤقتًّا آخر مع أدوات لوحة Pathfinder لإزالة الأجزاء غير المرغوبة تاركًا حافة علوية مسطحة.

لوّن الفم بتدرج دائري من الرمادي إلى الأسود ليضيف لمسة رائعة من العمق الذي سيكون أفضل من اللون الأسود المسطح.

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

ارسم شكلًا بيضويًّا أحمر لتشكيل اللسان ثم لوّنه بتدرج لوني من الوردي إلى الأحمر. استخدم قناع قطع آخر لإخفاء الأشكال المتداخلة غير المرغوبة.

حدّد شكل الفم ثم اذهب إلى القائمة

Object > Path > Offset Path

لوّن الشكل الجديد بتدرج أرجواني ثم أضف تمويهًا ضبابيًّا Gaussian Blur بحوالي 8px لإزالة الحواف القاسية.

في مكان آخر على لوح الرسم ارسم دائرة صغيرة. استخدم أداة التحديد المباشر Direct Selection Tool لسحب النقطة اليمنى للخارج. أزِل منحنيات البيزير باستخدام أداة تحويل النقاط Convert Anchor tool تحت خيارات أداة القلم ثم انقر على أيقونة فرشاة جديدة New Brush. في الخيارات اختر New Art Brush وغيّر اللون إلى Tints.

والآن الجزء الممتع. استخدم أداة الفرشاة Brush وارسم حول حواف الجسم الخارجي لرسم الشعر الخارجي. هنا سيكون لوح الرسم مفيدًا جدًّا ولكننا نستطيع القيام بذلك باستخدام الفأرة.

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

حدّد شعرة واحدة ثم اذهب إلى القائمة

Select > Same > Stroke Color

والآن اذهب إلى القائمة

Object > Expand Appearance

ثم أضف الجسم الرئيسي إلى التحديد عبر النقر عليه مع الضغط على مفتاح Shift. اختر خيار Add من لوحة Pathfinder لمزج الجميع معًا. أضف تأثير التوهج الداخلي Inner Glow من قائمة Effects لإضافة العمق إلى الرسم ثم اضبط التمويه للتحكم بمستوى التوهج الظاهر.

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

حدّد واحدة من الشعيرات الجديدة ثم اذهب إلى القائمة

Select > Same > Stroke Color

ثم وسّع الظهور من الأمر Expand the Appearance ثم استبدل اللون الحالي بتدرج لوني من الأرجواني الفاتح إلى الشفافية التامة.

كرّر العملية لتملأ جسم الوحش بالفرو والطبقات.

بعد الكثير من النقر بالفأرة والرسم على جسم الوحش سيصبح جسمه مليئًا بالفراء السميك.

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

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

ترجمة -وبتصرّف- للمقال: Create a Cute Furry Vector Monster in Illustrator  لصاحبه: Chris Spooner

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

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

افتح برنامج أدوبي إليستريتور وضع الصورة التي تم مسحها للتو في لوح الرسم عبر القائمة

File > Place

خفّف التعتيم لطبقة الصورة إلى 20% واقفل هذه الطبقة.

أنشئ طبقة جديدة واسحبها إلى أسفل طبقة المخطط. استخدم أداة القلم Pen Tool وتتبع الخطوط الخارجية لمخطط الشخصية المرسومة مع جعل حجم الحدود 8pt. عند استخدام أداة القلم فمن المفيد استخدام مفتاحي Ctrl وAlt للتنقّل بين الأدوات المختلفة.

بعد الانتهاء من رسم الخطوط الخارجية، استخدم حدودًا جديدة بحجم 4pt لتتبّع خطوط التفاصيل كحدود القبعة، اللحية ، المعطف وغيرها. كبّر منظور العرض إلى موقع رسم الحدود لتتمكن من الرسم بسلاسة انطلاقًا من الخطوط العريضة السابقة.

وصلنا الآن إلى رسم اليد، إن الشخصية لديها يد مرسومة بأسلوب معيّن، أبسط طريقة لرسم هذه اليد هو برسم دائرتين كما هو واضح، ثم ارسم شكل الذراع باستخدام أداة القلم (أكمل الشكل). لوّن هذه الأشكال باللون الأسود ثم استخدم Unite من لوحة Pathfinder لجمع جميع هذه الأشكال في شكل واحد. بادِل بين لوني الحدود والتعبئة واجعل حجم الحدود 4pt.

أنشئ شكل رقعة العين ولوّنها باللون الأسود.

استخدم حجم حدود أقل كحجم 2pt للتفاصيل الأدق على الوجه كالعينين والأنف.

لوّن بؤبؤ العين باللون الأسود ثم ارسم مستطيلًا أبيض صغيرًا كانعكاس للإضاءة. امنح هذا الشكل انحناءه عبر القائمة

Object > Envelope Distort > Make With Warp

واختر الخيارات التالية:

Arc

Vertical

-18%

حدّد هذا الشكل مرة أخرى وتوجّه إلى القائمة

Object > Expand

وفعّل مربع خيار Object.

عدّل بحجم وزاوية دوران شكل الإضاءة وضعها في الموقع المطلوب.

لرسم الفم، أنشئ دائرة صغيرة سوداء في أقصى يسار فتحة الفم، ثم استخدم أداة التحديد المباشر Direct Selection Tool لتحديد النقطة اليمنى من الدائرة. اسحب هذه النقطة إلى الجهة المقابلة من الفم. استخدم خصائص Envelope Distort مجدّدًا للحصول على انحناءه للشكل المحدّد مع الخيارات التالية:

Arc

Horizontal

19%

تتبع باقي التفاصيل الدقيقة الأخرى المتبقية على الشخصية بحدود بحجم 2pt، بما فيها السيف، الجيوب والحذاء. أضف أزرارًا للمعطف باستخدام دوائر صغيرة سوداء.

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

أزِل الحواف المربعة في بعض أطراف التصميم كما في حالة الريشة على القبعة وبعض عناصر الوجه عبر التكبير والتصغير وتحديد الحدود. اذهب إلى القائمة

Object > Expand

اختر خيار Stroke ثم استخدم أداة التحديد المباشر Direct Selection Tool لدفع النقاط الفردية إلى مواقع مناسبة تحقق الشكل المدبب لنهاية طرف الشكل.

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

كرّر العملية مع باقي أجزاء الشخصية ولوّن كل جزء باللون المناسب.

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

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

أضِف بعض التفاصيل الإضافية كشعار الجمجمة على قميص القرصان وهو شكل جاهز ضمن مجموعة SpoonGraphics Punk Vector Pack الجاهزة وانسخ منها شكل الجمجمة والعظام المتقاطعة. ألصق هذا الشكل داخل القرصان واستخدم الاختصارين Ctrl+[ وCtrl+] لترتيب مكان الشعار وجعله أسفل المعطف ولكن فوق القميص.

أنهِ القطعة الأخيرة للتصميم في الفوتوشوب عبر لصق كامل فكتور التصميم للشخصية فوق خلفية ذات خامة قاسية تعبّر عن شخصية القرصان مع وضع الاسم.

ترجمة -وبتصرّف- للمقال: Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch  لصاحبه: Chris Spooner