كيفية إنشاء سماعة رأس فكتور باستخدام أدوبي إليستريتور


بدور زينة

في هذا الدرس سوف تتعلم كيفية إنشاء سماعة واقعية باستخدام تقنيات بسيطة ومفهومة. تستند معظم هذه التقنيات على 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 .

(1intro.png).jpg

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

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 .

(2intro.png).jpg


(3intro.png).jpg

(4intro.png).jpg

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

(5intro.png).jpg

(6intro.png).jpg

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

(7intro.png).jpg


(8intro.png).jpg


(9intro.png).jpg

(10intro.png).jpg

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) للعنصر الأحمر كما هو مبين في الصورة الأخيرة.

(11intro.png).jpg


(12intro.png).jpg

(13intro.png).jpg

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

(14intro.png).jpg

(15intro.png).jpg

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

(16intro.png).jpg

(17intro.png).jpg

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.

(18intro.png).jpg

(19intro.png).jpg


(20intro.png).jpg

(21intro.png).jpg

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

(22intro.png).jpg

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

(23intro.png).jpg

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 على الشكل الناتج.

(24intro.png).jpg

(25intro.png).jpg

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

(26intro.png).jpg

(27intro.png).jpg

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

(28intro.png).jpg


(29intro.png).jpg

(30intro.png).jpg

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

(31intro.png).jpg

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) للعنصر الأزرق كما ترون في الصورة الأخيرة.

(32intro.png).jpg

(33intro.png).jpg

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

(34intro.png).jpg

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

(35intro.png).jpg


(36intro.png).jpg

(37intro.png).jpg

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

(38intro.png).jpg


(39intro.png).jpg

(40intro.png).jpg

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

(41intro.png).jpg

(42intro.png).jpg

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

(43intro.png).jpg

(44intro.png).jpg

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 .

(45intro.png).jpg


(46intro.png).jpg


(47intro.png).jpg

(48intro.png).jpg

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

(49intro.png).jpg


(50intro.png).jpg

(51intro.png).jpg

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

(52intro.png).jpg

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

(53intro.png).jpg

(54intro.png).jpg

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

(55intro.png).jpg


(56intro.png).jpg

(57intro.png).jpg

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

(58intro.png).jpg

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) كما ترون في الصورة الأخيرة.

(59intro.png).jpg


(60intro.png).jpg


(61intro.png).jpg


(62intro.png).jpg

(63intro.png).jpg

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 +[

(64intro.png).jpg


(65intro.png).jpg

(66intro.png).jpg

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


(67intro.png).jpg


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

(68intro.png).jpg

(69intro.png).jpg

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

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

(70intro.png).jpg

(71intro.png).jpg

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 . حدد العنصر الناتج، اسحبه إلى اليمين و ضعه كما هو مبين في الصورة الأخيرة.

(72intro.png).jpg


(73intro.png).jpg


(74intro.png).jpg

(75intro.png).jpg

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

(76intro.png).jpg


(77intro.png).jpg

(78intro.png).jpg

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

(79intro.png).jpg

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



1 شخص أعجب بهذا


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


عمل احترافي ومميز

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية


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

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

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


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

تسجيل الدخول

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


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