البحث في الموقع

تابعنا في الدرسين السابقين من هذه السلسلة كيفية تصميم القابس والمأخذ وسنتابع الجزء الأخير من هذا التصميم في هذا الدرس وسنتعلّم فيه كيفية تصميم زر التشغيل، البرغي والخلفية. أنشئ زر التشغيل 27- حان الوقت الآن لرسم زر التشغيل. أختر أداة رسم المستطيلات (Rectangle Tool (M وأنشئ مستطيلًا أحمر اللون بحجم 93× 68. مع المحافظة على تحديد المستطيل الذي تم إنشاؤه حديثًا، اضغط باستمرار على مفتاح Shift، انقر على المستطيل الأيمن الذي تم إنشاؤه في الخطوة 4، حرر مفتاح Shift و انقر على المستطيل الأيمن الذي تم إنشاؤه في الخطوة 4 ثانية (لتصحيح موقعه). افتح بعد ذلك لوحة المحاذاة Align من Window> Align، انقر على زر Horizontal Align Center ثم انقر على زر Vertical Align Center. اختر الآن أداة إضافة النقاط Add Anchor Point Tool (+) وانقر على النقطة الوسطى العليا من المستطيل الأحمر لإضافة نقطة ارتكاز جديدة، ثم حرك هذه النقطة نحو الأعلى بمقدار 20 بكسل. باستخدام أداة تحويل النقاط (Convert Anchor Point Tool (Shift +C، انقر باستمرار على نقطة الارتكاز التي تم تحريكها للتو واسحبها نحو اليمين. تابع العمل باستخدام أداة تحويل النقاط (Convert Anchor Point Tool (Shift +C، انقر باستمرار على نقطة الارتكاز اليسرى العليا للكائن الأحمر واسحبها نحو الأعلى. انقر بعد ذلك باستمرار على نقطة الارتكاز اليمنى العليا واسحبها نحو الأسفل. بنفس الطريقة، كرر العملية نفسها للجزء السفلي من الكائن الأحمر. ينبغي في النهاية أن يبدو الكائن الأحمر كما هو مبين في الصورة الرابعة. 28- بعد أن انتهيت من تعديل شكل الكائن الأحمر، أزل حدوده ثم طبّق تدرجًا شعاعيًا طفيفًا كما هو مبين في الأسفل. اعمل نسخة عن الشكل الناتج Ctrl +C, Ctrl +F ثم استبدل اللون الحالي للنسخة بالتدرج الخطي الذي تراه في الصورة الثانية. باستخدام أداة التحديد المباشر (Direct Selection Tool (A ومفتاح Shift حدد نقاط الارتكاز الثلاثة المعلّمة بالأحمر من الشكل الذي تم إنشاؤه حديثًا وحركها نحو الأعلى بمقدار 22 بكسل. 29- حدّد الشكل الأكبر الذي تم إنشاؤه في الخطوة 28 واعمل نسخة عنه Ctrl +C, Ctrl +F. ثم أزل لون التعبئة من هذه النسخة وأضف حدًا بقيمة 3 بكسل (طبّق التدرج الخطي ضمن الحدود). حدد بعد ذلك الشكل المتبقي الذي تم إنشاؤه في الخطوة 28 واعمل نسخة عنه. أزل لون التعبئة من هذه النسخة ثم أضف حدًا بقيمة 2 بكسل (طبّق التدرج الخطي ضمن الحدود). حافظ على تحديد الكائن الناتج، افتح لوحة الحدود Stroke من Window> Stroke وانقر على زر Align Stroke to Inside. 30- اختر أداة القلم (Pen Tool (P وأنشئ كائنًا كما هو مبين في الأسفل. بمجرد أن تنتهي من رسم الكائن، أزل حدوده وقم بتعبئته بالتدرج الخطي الذي تراه في الصورة الثانية. تأكد من أن الشكل الناتج لا يزال محددًا وانتقل إلى Object > Path > Offset Path… أدخل القيمة – 1 بكسل في حقل الإزاحة Offset وانقر على OK، ثم استبدل اللون الحالي للشكل الذي تم إنشاؤه حديثًا باللون المكون من R=173, G=0, B=0. حافظ على تحديد الشكل الناتج وانتقل إلى Object > Path > Offset Path… أدخل القيمة – 1.5 بكسل في حقل الإزاحة Offset وانقر على OK، ثم استبدل اللون الحالي للشكل الذي تم إنشاؤه حديثًا باللون المكون من R=255, G=255, B=0. اضبط بعد ذلك نمط المزج Blending Mode للشكل الناتج إلى Overlay. وأخيرًا حدد الشكل الأول الذي تم إنشاؤه في هذه الخطوة وطبّق عليه تأثير التمويه Gaussian Blur بقيمة 1 بكسل. 31- أنشئ كائنًا كالذي تراه في الصورة الأولى باستخدام أداة القلم (Pen Tool (P. قم بتعبئة هذا الكائن باللون المكون من R=99, G=82, B=67 وأزل حدوده. طبّق بعد ذلك تأثير التمويه Gaussian Blur بقيمة 4 بكسل على الشكل الناتج. وأخيرًا قم بإخفاء هذا الشكل خلف الشكل الأول الذي تم إنشاؤه في الخطوة 28. 32- في هذه المرحلة، ينبغي أن يبدو رسمك كما هو مبين في الصورة التالية: أنشئ البرغي 33- نحتاج إلى بعض البراغي لنكمل المقبس. اختر أداة رسم الأشكال البيضوية (Ellipse Tool (L وأنشئ قطعًا ناقصًا أبعاده 21×21، ثم قم بتعبئته بالتدرج الخطي المبين في الأسفل. حافظ على تحديد القطع الناتج وانتقل إلى Object > Path > Offset Path… أدخل القيمة – 1.5 بكسل في حقل الإزاحة وانقر على OK، ثم استبدل اللون الحالي للقطع الناقص الذي تم إنشاؤه حديثًا بالتدرج الشعاعي المبين في الصورة الثانية. 34- باستخدام أداة رسم الخطوط المستقيمة Line Segment Tool (/) أنشئ خطًا أفقيًا بطول 11 بكسل ذو حد بقيمة 2 بكسل (R=94, G=6,9, B=65) ومن دون تعبئة. حافظ على تحديد هذا الخط، اضغط باستمرار على مفتاح Shift، انقر على القطع الناقص الأصغر الذي تم إنشاؤه في الخطوة 33، حرر مفتاح Shift وانقر على هذا القطع الأصغر ثانية (لتصحيح موقعه). افتح لوحة المحاذاة Align من Window> Align، انقر على زر Horizontal Align Center ثم انقر على زر Vertical Align Center. تأكد من أن الخط الأفقي لا يزال محددًا وانقر نقرًا مزدوجًا على أداة التدوير Rotate Tool من لوحة Tool . في مربع الحوار Rotate أدخل القيمة 90 درجة في حقل Angle وانقر على Copy. حدد الآن الخط الأفقي واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم استبدل لون الحدود الحالي للنسخة بالأبيض. حرك الخط الأفقي الأبيض نحو الأسفل بمقدار 1 بكسل وقم بإخفائه خلف الخط الأفقي الأول الذي تم إنشاؤه في هذه المرحلة. وأخيرًا قم بتحديد وتجميع Ctrl +G جميع الكائنات التي تم إنشاؤها من بداية الخطوة 33 وحتى هذه اللحظة. انتهينا حاليًا من البرغي. 35- حدد البرغي الذي تم إنشاؤه في الخطوة 34 واعمل ثلاث نُسخ عنه، ثم دور هذه النسخ حسب الحاجة. وأخيرًا انقل هذه البراغي إلى المواضع التي تراها في الصورة الأخيرة في الأسفل. 36- حدد المستطيل الأكبر الذي تم إنشاؤه في الخطوة 4 وانتقل إلى Effect > Stylize > Drop Shadow… اتبع البيانات المبينة في الأسفل وانقر على OK. والآن قم بتحديد وتجميع Ctrl +G جميع الكائنات التي تم إنشاؤها من بداية الخطوة 2 وحتى هذه اللحظة. أصبح المقبس جاهزًا الآن وهو يبدو كما في الصورة الثانية. أنشئ الخلفية 37- لقد انتهينا من المقبس وحان الآن دور الخلفية. اختر أداة رسم المستطيلات (Rectangle Tool (M وأنشئ مستطيلًا أبعاده 840×600، ثم قم بتعبئته بالتدرج الخطي المبين في الأسفل. حافظ على تحديد هذا المستطيل وانتقل إلى Effect > Texture > Grain… اتبع البيانات المبينة في الصورة الثانية ثم انقر على OK. وأخيرًا قم بنقل المقبس إلى الخلفية التي تم إنشاؤها حديثًا. وها قد انتهينا! وبهذا نكون قد انتهينا من تصميم المقبس الجداري كاملًا... ترجمة -وبتصرّف- للمقال 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