المحتوى عن 'القابس'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • نصائح وإرشادات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • التجارة الإلكترونية
  • مقالات ريادة أعمال عامة

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
  • HTML5
  • CSS
    • Sass
    • إطار عمل Bootstrap
  • SQL
  • سي شارب #C
    • منصة Xamarin
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • استسراع النمو
  • المبيعات

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 3 نتائج

  1. تابعنا في الدرسين السابقين من هذه السلسلة كيفية تصميم القابس والمأخذ وسنتابع الجزء الأخير من هذا التصميم في هذا الدرس وسنتعلّم فيه كيفية تصميم زر التشغيل، البرغي والخلفية. أنشئ زر التشغيل 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
  2. تابعنا في الدرس السابق عملية تصميم الشكل الأساسي والنأخذ وسنتابع في هذا الدرس عملية تصميم القابس أنشئ القابس 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
  3. سنقوم في هذه السلسلة بإنشاء مقبس جداري واقعي باستخدام برنامج الإليستريتور. ستتعلم كيف تنشئ الشكل الأساسي باستخدام العديد من المستطيلات والقطوع الناقصة وباستخدام لوحات 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