المحتوى عن 'إليستريتور: تصميم أشكال'.



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

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

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

نوع المُحتوى


التصنيفات

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

التصنيفات

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

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 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

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

  1. في هذا الدرس، سأعلمك كيفية إنشاء بعض مؤشرات الخريطة في برنامج Adobe Illustrator باستخدام الأشكال الأساسية، لوحة Align ولوحة Pathfinder، مع مجموعة من تدرجات الألوان. أنشئ ملفًا جديدًا 1- شغّل البرنامج ثم اضغط على N + Ctrl لإنشاء ملف جديد. اختر Pixels من لائحة Unit، وأدخل 1780 في مربع العرض و880 في مربع الارتفاع، ثم انقر على زر Advanced. اختر RGB، و Screen بدقة وضوح 72ppi وتأكد من عدم تفعيل Align New Objects to Pixel Grid قبل النقر على Ok. أنشئ مؤشر الخريطة الأخضر 2- اختر أداة Ellipse أو (L) وأنشئ شكلين دائريين بالقياسات التالية: 283x238 بكسل، و 222x222 بكسل. أعد تحديد الشكلين وافتح لوحة Align من Align < Window. ثم انقر على زر Horizontal Align Center وزر Vertical Align Center. 3- اختر أداة Direct Selection Tool أو (A)، واختر نقطة الربط السفلية من الدائرة السوداء وحركها 116 بكسل للأسفل. بعدها، استخدم أداة Direct Selection ومفتاح Shift لتقصير المقابض الموجودة على نقطة الربط السفلية من الشكل الأسود. ثم وسّع المقابض السفلية من نقاط الربط اليمنى واليسرى من نفس الشكل. بعد الانتهاء من تعديل الشكل، انسخه F + Ctrl ، C + Ctrl، وبدل لون الحد الموجود للنسخة باللون الأزرق. ثم اختر نقطة الربط اليسرى من الشكل الأزرق وامسحها. الآن، اختر أداة Convert Anchor Point أو C + Shift وانقر على المقابض اليمنى لنقاط الربط العليا والسفلية للشكل الأزرق. هذا سيخفض المقابض للصفر. يجب أن يبدو الشكل الناتج مثل الصورة الأخيرة أدناه. 4- قبل أن تستمر، حدد الدائرة الحمراء وانسخها مرتين F + Ctrl ، F + Ctrl ، C + Ctrl. أبقِ النسخة الأخيرة محددة، واضغط على مفتاح Shift وانقر على الشكل الأزرق الذي أنشأته في الخطوة رقم 3. بعدها، افتح لوحة Pathfinder من Pathfinder < Window وانقر على زر Minus Front. أكمل وحدد الدائرة الحمراء المتبقية والشكل الأسود الذي أنشأته في الخطوة رقم 3. ثم انقر على زر Minus Front من لوحة Pathfinder. 5- حدد الشكل الأسود، أزل حده واملأه بالتدرج الخطي كما هو موضح في الصورة الأولى. انسخ الشكل الناتج F + Ctrl ، C + Ctrl وبدل لون النسخة بتدرج خطي جديد. أبقِ الشكل الناتج محددًا واذهب إلى Feather < Stylize < Effect.. وأدخل 10 في Radius وانقر على Ok. ثم حدد الشكل الأزرق وأزل حده واملأه باللون الأبيض (ffffff). ومع المحافظة على الشكل الناتج محددًا، افتح لوحة Transparency من Transparency < Window وغير Blending Mode إلى Soft Light. 6- حدد الدائرة الحمراء التي أنشأتها في الخطوة رقم 2 وأحضرها للمقدمة Right Square Bracket + Shift + Ctrl. أبقِ الشكل محددًا وأزل حده ثم املأه بالتدرج الدائري كما هو موضح في الصورة الأولى أدناه، وانسخه F + Ctrl ، C + Ctrl. بعدها، بدل لون الحد ولون التعبئة للنسخة من خلال النقر على السهم ذو الرأسين الموجود بجانب لوحة التعبئة والحد في صندوق الأدوات. غير حجم حد الشكل الناتج ليصبح 7 بكسل وغير لونه بوضع تدرج خطي جديد. أبقِ الشكل الناتج محددًا واذهب إلى Gaussian Blur < Blur < Effect.. وأدخل 2 في Radius وانقر على Ok. بعدها، غير Blending Mode للشكل الناتج ليصبح Hard Light. وأخيرًا، حدد الشكلان اللذان أنشأتهما في هذه الخطوة وأرسلهما للخلف Left Square Bracket + Shift + Ctrl. 7- أنشئ شكلًا بيضاويًا بقياس 201x14 بكسل باستخدام أداة Ellipse أو (L) وأداة Gradient أو (G)، كما ترى في الصور الأولى والثانية. طبّق تأثير Gaussian Blur بمقدار 4 بكسل لهذا الشكل وأرسله للخلف Left Square Bracket + Shift + Ctrl. 8- في هذه المرحلة، يجب أن يبدو المؤشر كما هو في الصورة التالية: أنشئ مؤشرات الخرائط الزرقاء والصفراء والوردية 9- حدد كل أشكال المؤشر الأخضر وانسخها F + Ctrl ، C + Ctrl، ثم اسحبها لموقع جديد. سنعمل على هذه النسخ عند إنشاء المؤشر الأزرق. حدد المسار الذي طُبّق عليه تأثير Feather، ثم اذهب إلى Next Object Below < Select أو Left Square Bracket + Ctrl + Alt. سيحدد هذا المسار المركب الموجود خلف المسار المُطبق عليه تأثير Feather. أبقِ هذا المسار محددًا وافتح لوحة Gradient من Gradient < Window. حدد نقطة التدرج اليسرى واستبدل لونها باللون الأزرق الداكن (1f357b)، ثم حدد نقطة التدرج اليمنى واستبدل لونها باللون الأزرق الفاتح (2dafe4). الآن، أعد تحديد المسار المركب الذي طُبّق عليه تأثير Feather واستبدل لونه بتدرج خطي جديد كما هو موضح في الصورة الثالثة. ركز على الصورة التالية إلى الأخيرة، وحدد الشكل الدائري المعبأ بالتدرج الدائري، واستبدل لونه بتدرج دائري جديد. وأخيرًا، حدد الشكل الدائري الذي طُبّق عليه تأثير Blur واستبدل لون حده بتدرج خطي جديد كما هو موضح في الصورة الأخيرة. 10- سنكمل مع المؤشر الأصفر. حدد أشكال مؤشر الخريطة الأخضر وانسخها F + Ctrl ، C + Ctrl، واسحبها لموقع جديد. الآن، حدد المسار المركب الذي طُبّق عليه تأثير Feather وافتح لوحة Gradient من Gradient < Window. حدد نقطة التدرج اليسرى وغير لونها إلى اللون البرتقالي الساطع (f69602)، ثم حدد نقطة التدرج اليمنى وغير لونها إلى اللون الأصفر النقي (fcf800). وبالمثل، أعد نفس العملية للأشكال المتبقية من المؤشر الأصفر وبدل الألوان الموجودة كما هو موضح في الصور أدناه. 11- الآن، اتبع ترتيب الصور وأعد نفس العملية والخطوات السابقة لإنشاء المؤشر الوردي. 12- في هذه المرحلة، يجب أن تبدو مؤشرات الخريطة مثل الصورة التالية: أنشئ أيقونة مؤشرات الخريطة 13- أولًا، سنُنشئ أيقونة القارب. اختر أداة Rectangle أو (M) وأنشئ مستطيلين بقياس: 50.5x94 بكسل، و 34x79. بعدها، ضع المستطيلين في المواقع التي تراها في الصورة الثانية. الآن، اختر أداة Direct Selection أو (A) واختر نقطة الربط العليا اليسرى من المستطيل الكبير وامسحها. ثم اختر نقطة الربط العليا اليمنى من المستطيل الآخر وامسحها. استمر وأنشئ مستطيلًا بقياس 80x18.5 بكسل وضعه كما هو موضح في الصورة الرابعة. حدد نقطة الربط السفلية اليمنى لهذا المستطيل باستخدام أداة Direct Selection أو (A) وحركها 12 بكسل لليسار، ثم حدد نقطة الربط السفلية اليسرى وحركها 15 بكسل لليمين. الآن، حدد كل الأشكال التي أنشأتها في هذه الخطوة وضعها في مجموعة G + Ctrl. أبقِ هذه المجموعة محددة، أزل حدها واملأها باللون الأخضر الفاتح (b0ff3d). وانتهينا من أيقونة القارب. 14- يأتي الآن دور أيقونة العربة. اختر أداة Rectangle أو (M) وأنشئ مستطيلًا بقياس 80x18.5 بكسل. حدد نقطة الربط السفلية اليمنى من هذا المستطيل باستخدام أداة Direct Selection أو (A)، وحركها 7 بكسل لليسار. ثم حدد نقطة الربط السفلية اليسرى وحركها 17 بكسل لليمين. أنشئ مستطيلين باستخدام أداة Rectangle أو (M) بقياس: 10x35، و 23x7 بكسل وضعهما في المواقع الصحيحة الموضحة في الصورتين الثالثة والرابعة. الآن، أعد تحديد الأشكال الثلاثة التي أنشأتها في هذه الخطوة، وافتح لوحة Pathfinder من Pathfinder < Window وانقر على زر Unite. ركز على الصورة التالية إلى الأخيرة، وحدد نقاط الربط الحمراء الأربعة وحركها 3 بكسل لليمين. يجب أن يبدو الشكل الناتج كما هو في الصورة الأخيرة أدناه. 15- اختر أداة Rectangle أو (M) وأنشئ مستطيلًا أحمر بقياس 80x12 بكسل وضعه كما هو موضح أدناه. أعد تحديد هذا المستطيل مع الشكل الأزرق الذي أنشأته في الخطوة رقم 14. بعدها، افتح لوحة Pathfinder من Pathfinder < Window وانقر على زر Minus Front. ثم اختر أداة Ellipse أو (L) وأنشئ دائرة سوداء بقياس 19x19 بكسل. أبقها محددة وانسخها F + Ctrl ، C + Ctrl، ثم ضع الدائرتين كما هو موضح في الصور التالية. الآن، حدد الشكل الأزرق و الدائرتين وضعها في مجموعة G + Ctrl. حدد هذه المجموعة وأزل حدها، ثم املأها باللون الأزرق (2fc8dc). أيقونة العربة جاهزة وتبدو مثل الصورة الأخيرة. 16- حان الوقت الآن لرسم أيقونة فنجان القهوة. استخدم أداة Line Segment أو () لإنشاء خط عامودي بطول 67 بكسل وحد أسود بحجم 1 بكسل وبدون تعبئة. بعدها، اختر أداة Direct Selection أو (A) وحدد نقطة الربط السفلية من هذا الخط وحركها 19 بكسل لليمين. استخدم أداة Convert Anchor Point أو C + Shift وانقر على نقطة الربط العليا من الخط، ثم اسحبه باستخدام الفأرة للأعلى. بعدها، انقر على نقطة الربط السفلية واسحبها باستخدام الفأرة لليسار. الآن، أعد تحديد المسار المنحني واذهب إلى Reflect < Transform < Object.. حدد Vertical وانقر على Copy. ثم حرك النسخة 66 بكسل اليمين. أعد تحديد المسارين المنحنيين المنشأين في هذه الخطوة، انقر بزر الفأرة الأيمن على لوحة العمل واختر Join من القائمة. ثم انقر بزر الفأرة الأيمن على لوحة العمل واختر Join مرة أخرى. 17- اختر أداة Pen أو (P) وأنشئ مسارين منحنيين باللون الأحمر كما ترى في الصورة الأولى. عند الانتهاء، حدد هذين المسارين وانقر بزر الفأرة الأيمن على لوحة العمل واختر Join. أبقِ الشكل الناتج محددًا واضغط على مفتاح Shift وانقر على الشكل الأسود الذي أنشأته في الخطوة رقم 16. افتح لوحة Pathfinder من Pathfinder < Window وانقر على زر Unite. أكمل باستخدام أداة Pen أو (P)، وأنشئ شكلًا أسود اللون كما ترى في الصورة الرابعة وانسخه مرتين F + Ctrl ، F + Ctrl ، C + Ctrl. ضع هذه الأشكال في المواقع المحددة في الصور التالية. الآن، حدد كل أشكال الفنجان وضعها في مجموعة G + Ctrl. أبقِ المجموعة محددة وأزل حدها واملأها باللون الأصفر الفاتح (ffff40). وانتهينا من فنجان القهوة في الوقت الحالي. 18- سننشئ أيقونة القطار. اختر أداة Rounded Rectangle من صندوق الأدوات وانقر على لوحة العمل ببساطة. أدخل البيانات في صندوق الحوار كما ترى في الصورة الأولى وانقر على Ok. بعدها، اختر أداة Rectangle أو (M) وأنشئ مستطيلًا أزرق اللون بقياس 55x37.5 وضعه كما هو موضح في الصورة الثانية. استمر وارسم دائرة حمراء باستخدام أداة Ellipse أو (L) بقياس 17.5x17.5 بكسل وانسخها مرتين. ضع هذه الدوائر الثلاثة في المواقع الموضحة في الصورة الثالثة والرابعة. الآن، أعد تحديد كل الأشكال التي أنشأتها في هذه الخطوة باستثناء الدائرة الحمراء العليا وافتح لوحة Pathfinder من Pathfinder < Window وانقر على زر Minus Front. 19- اختر أداة Rectangle أو (M) وأنشئ مستطيلًا باللون الأزرق قياسه 15x33 بكسل. حدد نقطة الربط العليا اليمنى باستخدام أداة Direct Selection أو (A) وحركها 10 بكسل لليمين. بعدها، حدد نقطة الربط العليا اليسرى وحركها 18 بكسل لليمين. بعد الانتهاء من تعديله، ضعه كما هو موضح في الصورة الثالثة أدناه. أبقِ هذا الشكل محددًا واذهب إلى Reflect < Transform < Object… اختر Vertical وانقر على Copy. اسحب هذه النسخة لليمين وضعها كما ترى في الصورة الرابعة. أكمل وارسم مستطيلًا أحمر اللون بقياس 62x4 بكسل وضعه كما هو موضح في الصور التالية وانسخه F + Ctrl ، C + Ctrl ثم حركه للأسفل 15 بكسل. 20- الآن، أعد تحديد كل أشكال القطار باستثناء الدائرة العلوية الحمراء، وافتح لوحة Pathfinder من Pathfinder < Window وانقر على زر Unite. أزل حد المسار الناتج واملأه بلون أرجواني فاتح جدًا (ff80ff). بعدها، حدد الدائرة الحمراء العليا وغير حجم الحد ليصبح 5 بكسل وغير لونه إلى الأرجواني الفاتح (ff80ff). وأخيرًا، حدد كل الأشكال وضعها في مجموعة G + Ctrl. 21- الأيقونات جاهزة وتبدو مثل الصورة الأولى. أعد تحديد كل الأيقونات واذهب إلى Drop Shadow < Stylize < Effect.. اتبع البيانات كما هي في الصورة الثانية وانقر على Ok. أخيرًا، ضع هذه الأيقونات في مؤشرات الخريطة. إضافة بعض المؤثرات على الأيقونات 22- ركز على مؤشر الخريطة الأخضر، حدد الدائرة التي تم تعبئتها بالتدرج الدائري وانسخها F + Ctrl ، C + Ctrl وأحضرها للمقدمة Right Square Bracket + Shift + Ctrl. أزل لون النسخة وأضف حدًا أزرق اللون حجمه 1 بكسل. انسخ هذا الشكل الأزرق ثم غير لون حد النسخة إلى الأحمر. بعدها، حدد نقطة الربط السفلية للشكل الأحمر وامسحها. ركز على الصورة الخامسة، واختر أداة Convert Anchor Point أو C + Shift وانقر على المقبض السفلي لنقطة الربط اليسرى في الشكل الأحمر، واسحبها باستخدام الفأرة لليمين والأعلى. استمر وانقر على المقبض السفلي لنقطة الربط اليمنى واسحبها باستخدام الفأرة لليسار والأعلى. الآن، أعد تحديد الدائرة الزرقاء وأزل حدها ثم املأها بالتدرج الدائري كما هو موضح في الصورة السادسة. غير Blending Mode للشكل الناتج إلى Overlay. بعدها، حدد الشكل الأحمر وأزل حده ثم املأه بالتدرج الدائري كما ترى في الصورة التالية. أخيرًا، غير Blending Mode للشكل الناتج ليصبح Screen وخفف Opacity إلى 50٪. 23- ارسم شكلًا بيضاويًا باستخدام أداة Ellipse أو (L) وأداة Gradient أو (G) كما ترى في الصورتين الأولى والثانية. غير Blending Mode إلى Screen. ركز على الصورة الثالثة واختر أداة Pen أو (P) وأنشئ مسارًا منحنيًا باللون الأزرق. بعد الانتهاء، غير حجم حده إلى 5 بكسل وبدل لون الحد بالتدرج الدائري. طبّق Width Profile بمقدار 1 بكسل للمسار الناتج وغير Blending Mode إلى Screen. أخيرًا، حدد كل الأشكال التي أنشأتها من بداية الخطوة رقم 22 إلى الآن وضعها في مجموعة G + Ctrl وسمها "Highlight". 24- في هذه المرحلة، يجب أن يبدو مؤشر الخريطة الأخضر، كما هو في الصورة التالية: 25- حدد مجموعة Highlight وانسخها F + Ctrl ، C + Ctrl. أبقِ النسخة محددة واضغط على مفتاح Shift وانقر على الشكل الدائري الملون بالتدرج الدائري من مؤشر الخريطة الأزرق. اترك مفتاح Shift وانقر على الشكل الدائري مرة أخرى. افتح لوحة Align من Align < Window وانقر على زر Horizontal Align Center ثم انقر على زر Vertical Align Center. في النهاية، يجب أن يبدو مؤشر الخريطة الأزرق كما هو في الصورة الأخيرة. 26- أعد تطبيق نفس العملية والخطوات السابقة لإضافة المؤثرات على مؤشري الخريطة المتبقيين. 27- مؤشرات الخريطة جاهزة وتبدو كما يلي: 28- انتهينا من مؤشرات الخريطة وحان الوقت للخلفية. أنشئ مستطيلًا قياسه 1780x880 بكسل باستخدام أداة Rectangle أو (M) وأداة Gradient أو (G) كما ترى في الصورة أدناه. أخيرًا، ضع مؤشرات الخريطة على الخلفية. وانتهينا! ترجمة- وبتصرف- للمقال How to create Map Pointers in Adobe Illustrator لكاتبه
  2. سنتعلم في الدرس التعليمي اليوم، عملية إنشاء أيقونة متعقّب اللياقة البدنية، باستخدام بعض الأشكال والأدوات الأساسية في برنامج Adobe Illustrator. لنفترض أنّ البرنامج مفتوح لديك، جهّزه لنبدأ! البرنامج: Adobe Illustrator CS6 - CC 2017 المستوى: مبتدئ الوقت المتوقع للانتهاء: 20 دقيقة الخطوة رقم 1 قبل أن نبدأ العمل في المشروع الفعلي، دعنا نتأكد من إعداد ملف جديد من خلال الذهاب إلى New < File (أو باستخدام اختصار لوحة المفاتيح N + Ctrl)، والذي سنقوم بضبطه كما يلي: عدد ألواح العمل: 1 العرض: 128 بكسل الارتفاع: 128 بكسل الوحدات: بكسل ومن شريط Advanced: وضع اللون: RGB دقة وضوح الشاشة: 72 ppi وضع العرض: تلقائي نصيحة سريعة: يمكن ضبط معظم الإعدادات المشار إليها تلقائيًا إذا قمت بتحديد الملف التعريفي على Web، وهو الوحيد الذي يجب عليك ضبطه يدويًا على أنه حجم لوحة العمل (العرض والارتفاع). الخطوة رقم 2 ابدأ العمل على جسم الهاتف عن طريق رسم مستطيل دائري الحواف قياسه 68x112 بكسل مع Corner Radius بمقدار 8 بكسل، والتي سنملؤها باللون E0E0E0 ونضعها في منتصف لوحة العمل. الخطوة رقم 3 أضف حدًا للشكل الذي أنشأناه، عن طريق نسخه C + Ctrl ولصقه في المقدمة F + Ctrl وتعديله عن طريق تغيير لونه إلى 382E2E أولًا، ثم تبديل لون التعبئة مع لون الحد بالضغط على X + Shift مع التأكد من ضبط الحجم على 8 بكسل. عند الانتهاء، حدد كل الأشكال وضعها في مجموعة باستخدام اختصار لوحة المفاتيح G + Ctrl. الخطوة رقم 4 ارسم قسم الشاشة عن طريق رسم مستطيلًا بقياس 40x72 بكسل بلون A1D359 وحد لونه 382E2E حجمه 8 بكسل، واضبط Corner على Round Join. سنضعها في مجموعة G + Ctrl وثم نضعها في منتصف جسم الهاتف. الخطوة رقم 5 ابدأ العمل على الجزء السفلي من الشاشة وارسم مستطيلًا بقياس 40x16 بكسل وبلون FFFFFF. سنضعه في منتصف الجزء السفلي كما ترى في الصورة المرجعية. الخطوة رقم 6 ابدأ في ضبط الشكل الذي أنشأناه للتو من خلال تشغيل وضع Pixel Preview من Y + Ctrl + Alt، ثم استخدام Add Anchor Point Tool أو +، وإضافة نقطتي ربط جديدتين إلى الحافة العلوية، ووضعهما على مسافة 12 بكسل من الجانبين. الخطوة رقم 7 استخدم أداة Direct Selection أو A وحدد نقاط الربط التي أضفناها، بالإضافة إلى نقطة الربط العلوية اليمنى. حركها للأعلى 10 بكسل، عن طريق استخدام أداة Move عن طريق النقر بزر الفأرة الأيمن Vertical < Move < Transform ثم وضع - 10 بكسل. الخطوة رقم 8 أعد نفس العملية لنقاط الربط العلوية اليمنى. أضف حدًا للشكل الناتج حجمه 8 بكسل ولونه 382E2E. حدد الشكلين وضعهما في مجموعة G + Ctrl. الخطوة رقم 9 خذ القليل من الوقت، وارسم كأسًا صغيرًا باستخدام حد حجمه 4 بكسل مع Round Cap وJoin. استخدم الصورة المرجعية لتكون مرشدًا لك. عند الانتهاء، حدد كل الأشكال المكونة له وضعها في مجموعة G + Ctrl. الخطوة رقم 10 ابدأ العمل على مؤشر الصفحة السفلية، عن طريق رسم دائرتين بقياس 4x4 (واحدة بلون 382E2E، والثانية بلون AFAFAF) والتي سنقوم بوضعها بشكل منفصل على مسافة 4 بكسل من الحافة السفلية للشاشة، و 5 بكسل عن الجانبين. الخطوة رقم 11 أضف الخطوات الأصغر باستخدام ثلاث دوائر قياسها 2x2 بكسل (اثنتان منها باللون 382E2E وواحدة باللونAFAFAF)، والتي سنقوم بوضعها بين الدوائر الأكبر حجمًا، ونبعدها 2 بكسل عن بعضها البعض. بمجرد الانتهاء، حدد جميع الدوائر وضعها في مجموعة G + Ctrl، وافعل الشيء نفسه لقسم الشاشة بالكامل بعد ذلك. الخطوة رقم 12 أضف السماعات الأمامية عن طريق رسم مستطيلين دائريين بقياس 32x4 بكسل، لونه 382E2E و Corner Radius 2 بكسل. سنضعها في منتصف الإطار العلوي والسفلي للهاتف. الخطوة رقم 13 أنهِ الهاتف عن طريق رسم زر صغير في الأسفل. ارسم مستطيلًا دائريًا بقياس 8x16 بكسل، لونه 382E2E مع Corner Radius مقدارها 4 بكسل. سنضعه على الجانب الأيمن وتأكد من وضعه على حافة الشاشة العليا. خذ وقتك، وعند الانتهاء، لا تنسَ أن تحدد كل الأشكال معًا وتضعها في مجموعة G + Ctrl قبل حفظ المشروع. عمل رائع! لديك هناك عشاق اللياقة البدنية، وكان هدفك هو إنشاء أيقونة تعقب باستخدام بعض الأشكال والأدوات الهندسية الأساسية. أتمنى أن تكون قد تمكنت من اتباع كل خطوة، والأهم من ذلك أنك تعلمت شيئًا جديدًا ومفيدًا خلال هذه العملية. ترجمة - وبتصرف - للمقال Fitness Tracker Icon Tutorial لكاتبه Andrei Stefan
  3. سنتطرق في هذا المقال لشرح مراحل تصميم رمز طبق فضائي طائر، باستخدام بعض الأشكال والأدوات الأساسية في برنامج Adobe Illustrator، حضر كوبًا من مشروبك المفضل وارتدي قبعة الفضاء خاصّتك وهيا ننطلق! البرنامج: Adobe Illustrator CS6 – CC 2017 المستوى: مبتدئ مدة العمل: 20 دقيقة تصميم جسم الطبق الطائر خطوة 1 قبل أن نقلع في هذا المشروع، تأكد من تحضير ملف جديد بالذهاب إلى New < File (أو باستخدام اختصار Ctrl+N من لوحة المفاتيح)، واضبط الاعدادات التالية: Number of Artboards: ‏1 Width:‏ ‏128px Height‏:‏ 128px Units:‏ ‏Pixels ومن لائحة Advanced اضبط التالي: Color Mode‏:‏ RGB Raster Effects‏:‏‏ (Screen (72ppi Preview Mode‏:‏ Default نصيحة سريعة: أغلب الإعدادات المذكورة يمكن تفعيلها تلقائيًا عند ضبط إعدادات الملف على Profile to Web، ويتبقى عليك تحديد أبعاد العمل Width and Height. خطوة 2 ابدأ برسم قمرة القيادة وذلك برسم شكل بيضاوي بأبعاد px 32 x 48، وأعطها الدرجة لونية 8FCCBC#، ثم اضبط محاذاتها في وسط سطح العمل وعلى مسافة px 6 من الحافة العلوية. خطوة 3 ميّز الحدود الخارجية للشكل بعمل stroke، وذلك لعمل نسخة من الشكل بالضغط على Ctrl+C والصقها في المقدمة (Front) بالضغط على Ctrl+F، غيّر الدرجة اللونية إلى 595959# ثم اعكس نمط التعبئة بعمل stroke بالضغط على Shift+X، تحقق من ضبط سماكة الخط على px 4. عند انتهائك من تلك الخطوات حدّد الشكلين معًا وضعهم في مجموعة واحدة بالضغط على اختصار Ctrl+G من لوحة المفاتيح. خطوة 4 انتقالًا إلى الجزء الأعلى من الطبق الطائر، ارسم شكلًا بيضاويًا بأبعاد px 64 x 116، وأعطها درجة لونية C1C1C1‏# ثم اضبط محاذاتها مع سطح العمل على مسافة px 18 من الحافة العلوية. خطوة 5 احذف النصف السفلي من الشكل وذلك بتحديده أولًا ثم بالنقر على زر الفأرة الأيسر على نقطة التحكم في أسفل الشكل ثم Delete Anchor Point Tool. أعط الشكل الناتج سماكة خارجية بمقدار px 4 ودرجة 595959#، تحقق من ضبط الزوايا على Round Join في نافذة Stroke. خطوة 6 بالانتقال إلى رسم تفاصيل الحلقة الأفقية للطبق الطائر، ارسم شكلًا بيضاويًا بأبعاد px 38 x 130 ثم Stroke بسماكة px 2 بدرجة لونية 595959#، واضبط محاذاتها كما هو موضح في الصورة. خطوة 7 ننتقل لعمل قناع للشكل الذي توصلنا له، أدرج نسخة من الشكل بالضغط على Ctrl+C والصقها في المقدمة Ctrl+F، حدد الشكلين معًا ثم بالنقر على زر الفأرة الأيمن اختر Make Clipping Mask. خطوة 8 أضف تفاصيل الواجهة الأمامية للشكل باستخدام مستطيل بالأبعاد px 3 x 8، بدرجة لونية 595959#، ثم اضبط محاذاته في الوسط مع الحافة العلوية للحلقة. عندما تنتهي ضع العناصر في مجموعة واحدة Ctrl+G لننتقل بعدها للخطوة التالية. خطوة 9 ننتقل إلى الجزء السفلي من جسم الطبق الطائر، ارسم شكلا بيضاويَا بأبعاد px 24 x 116 بدرجة لونية 878787# وسماكة خارجية بقيمة px 4 ولون 595959#، ضع العناصر في مجموعة واحدة وركبها على الجزء السابق كما هو موضح في الصورة. خطوة 10 أضف فجوة المدخل برسم شكل بيضاوي بأبعاد px 8 x 40 ولون 6D6D6D# وسماكة خارجية بقيمة px 4 ولون 565656#، ضع العناصر في مجموعة Ctrl+G واضبط محاذاة الشكل. خطوة 11 لرسم المحركات أدرج مجموعتين في كلٍ منها ثلاثة أشكال بيضاوية بأبعاد px 2 x 8 ولون 595959#، وثبت موضعهم كما هو موضح في الصورة. خطوة 12 لإضافة بعض الظلال ارسم شكل بيضاوي بأبعاد px 24 x 116 ولون 595959#، ثم اضبط المحاذاة وسط مسطح العمل على ارتفاع px 4 من الحافة السفلية. إضافة شعاع الضوء خطوة 13 سننتقل للعمل على أنبوب السحب، صمم الهيكل الأساسي له برسم مستطيل بأبعاد px 66 x 16، ولونه بدرجة F2BB79‏#، وضعه في النصف العلوي من الظل كما توضح الصورة. خطوة 14 عدل الشكل المدرج بتحديد نقاط التحكم باستخدام أداة Direct Selection Tool‏ (A) ثم تحريكها للخارج مسافة** px 8** من خلال أداة Move كل نقطة على حدة (8px < Vertical < Move < Transform < right click +/- اعتمادًا على الجهة التي ستبدأ بها) خطوة 15 ارسم شكلًا بيضاويًا في نهاية أنبوب السحب لتحديد نهايته بأبعاد px 8 x 32، ولون F2BB79‏# ثم اضبط محاذاته في منتصف الجزء السفلي كما توضح الصورة. خطوة 16 لإضافة الجزء المعتم من الأنبوب ارسم دائرة بأبعاد px 4 x 24 ولون D6A36B#، ثم اضبط محاذاتها. خطوة 17 أنهِ الرمز بعمل قناع للجزء العلوي للأنبوب وذلك بنسخ حدود فجوة المدخل أولًا Ctrl+C، ولصقها في المقدمة Ctrl+F، ثم باستخدام أداة تحديد A) Direct Selection Tool) حرر نقطة التحكم السفلية وبالضغط على Delete احذفها. اضبط إعدادات Cap على Round للمسار الناتج، وأخيرًا حدد عناصر العمل وضعها في مجموعة Ctrl+G. عمل رائع! لقد خضت تجربةً جميلة، وصممت رمزًا لطبقٍ فضائيٍ طائر باستخدام بعض الأشكال والأدوات الأساسية المتوفرة في برنامج Illustrator. تمكنت من اتباع الخطوات بنجاح، والأهم أنك قد تعلمت شيئًا جديدًا خلال الطريق. ترجمة وبتصرف للمقال How to Create a UFO Icon – Adobe Illustrator Tutorial لصاحبه Andrei Stefan
  4. في هذا الشرح التوضيحي سنقوم بتصميم شعار لشمعة باستخدام الأشكال والأدوات الأساسية في برنامج Adobe illustrator. لذلك كن مستعدًا وحضّر كوبًا دافئًا من شرابك المفضل وهيا نبدأ معًا! البرنامج: CC 2017– Adobe Illustrator CS6 المستوى: مبتدئ زمن التطبيق: 20 دقيقة خطوة 1 كما نفعل عند بداية أي مشروع سنقوم بإدراج ملف جديد بالذهاب إلى New < File أو بالضغط على Ctrl+N، وأدخل القيم التالية في الحقول الخاصة بها: Number of Artboards:‏1 Width:‏ ‏128px Height‏:‏ 128px Units:‏ ‏Pixels Color Mode‏:‏ RGB Raster Effects‏:‏‏ (Screen (72ppi Preview Mode‏:‏ Default نصيحة سريعة: أغلب الإعدادات المذكورة يمكن تفعيلها تلقائيًا عند ضبط إعدادات الملف على Profile to Web، ويتبقى عليك تحديد أبعاد العمل Width and Height. خطوة 2 سنبدأ بعمل خلفية لتجميع عناصر العمل عليها وذلك برسم دائرة بأبعاد 120x120‏ px وتلوينها بدرجة FF8257‎#، ثم توسيط محاذاتها مع ورقة العمل. خطوة 3 سنبدأ برسم حامل الشمعة وذلك برسم مستطيل بأبعاد 44x8‏ px وتلوينه بدرجة FFB769‎#، ثم محاذاته على مسافة (22‏px) أعلى حافة الدائرة السفلية. خطوة 4 ميّز حدود الشكل بعمل stroke، وذلك بعمل نسخة من الشكل Ctrl+C ولصقها في المقدمة Ctrl+F. غيّر لون التعبئة إلى ‏ #534D54 ثم اعكس نمط تعبئتها Shift+X وتأكد من ضبط سماكتها على 4‏ px وزاوية الدوران على Round Join. عند الانتهاء من هذه الخطوات حدد الأشكال وجمّعها معًا بالضغط على Ctrl+G. خطوة 5 أضف خطًا أفقيًا بالمواصفات التالية ‏thick Stroke px2 ,‏wide px44 وبدرجة لونية ‏ #534D54، ووسّط محاذاته مع الأشكال التي تم تجميعها سابقًا. خطوة 6 ارسم الشكل الأساسي لحامل الشمع على يمين الشكل وذلك برسم مستطيل 12x20 ‏ px سماكة 4px Stroke ودرجة لونية ‏ #534D54 ثم Round Cap وJoin، وضعه كما هو موضح في الصورة المرفقة. خطوة 7 عدّل الضلع العلوي من الشكل واضبط دورانه على 6 px من خلال نافذة (Rectangle Properties < Transform). خطوة 8 افتح مسار الشكل الناتج عن طريق تحديد الجزء السفلي والأيمن باستخدام أمر (Direct Selection Tool (A واحذفه (Delete). اجمع كافة الأشكال معًا بالضغط على Ctrl+G. خطوة 9 سنبدأ بالعمل على عنصر الشمعة برسم مستطيل بالأبعاد 20x40‏ px وتعبئته بدرجة لونية F9CFA2‏# ومن ثم تحديد الأطراف بسماكة 4‏ px وتلوينها ‏ #534D54، ثم تجميع الشكل بالضغط على Ctrl+G وضعه أعلى الحامل الذي رسمناه سابقًا. خطوة 10 ارسم تفاصيل الشمعة وأضف 9 خطوط مائلة بأبعاد 20‏ px حدودها بسماكة 1‏ px وبدرجة لونية ‏ #534D54، ورصّها على مسافة رأسية 2‏ px، اضبطها على شكل الشمعة بتحديدها وسحب نقطة ارتكازها لأعلى مسافة 4‏ px وذلك باستخدام أداة Move واتبع الأوامر التالية: -4px < Vertical < Move < Transform < right click. ثم اجمع خطوط العمل معًا بالضغط على Ctrl+G. خطوة 11 سنبدأ العمل على المقطع العلوي لجسم الشمعة برسم مستطيل بأبعاد 20x6 ‏px وتلوينه بدرجة لونية ‏F9E0C0‏# ووضعه أعلى الأشكال التي تم تجميعها في الخطوات السابقة. خطوة 12 أضف المقطع الرأسي للشمعة برسم مستطيل 6x12 ‏px وتلوينه بدرجة F9E0C0‏# ونصف قطر للجزء السفلي 3‏ px، وضعه على الرسم كما هو موضح في الصورة، ووحّد الشكلين معًا عن طريق Pathfinder’s Unite Shape Mode. خطوة 13 باستخدام Live Corners Tool اضبط انحناءات الشكل الداخلية على 2‏px، وأعط الحدود سماكة 4‏px بلون ‏#534D54. واجمع الأشكال معًا. خطوة 14 لرسم الشعلة ارسم دائرة بأبعاد 12x12‏px ولون FFB769‏# ثم تحكم بنقاط الارتكاز للوصول إلى الشكل المطلوب، قم بمحاذاتها أعلى الشكل على ارتفاع 4‏px باستخدام أداة Move عن طريق 4px < Vertical < Move < Transform < right click-. خطوة 15 أعط الشكل الناتج سماكة 4px ولون ‏#534D54، وارسم خطًا بالخصائص 12px tall, 4px thick stroke, #534D54، واجمع العناصر معًا بالضغط على Ctrl+G. خطوة 16 ارسم خطوط للأشعة المتوهجة وجمّعها في مجموعتين من ثلاثة خطوط بسماكة 4px stroke ولون ‏#534D54 بانحناء Round Cap، وضعهم على جوانب شكل الشعلة كما يظهر في الصورة. خطوة 17 لرسم شكل النجمة ارسم 4 دوائر بالخصائص 20x20 px, 2px thick stroke‏ ,F9E0C0 #، وعدل التقاطع فيما بينها كما يظهر في الصورة. حدد الشكل الناتج عن التقاطع باستخدام ShapeBuilder Tool أو الضغط على Shift+M ثم احذف الدوائر المتبقية. خطوة 18 كرر الخطوة السابقة لرسم نجمة أخرى على الجزء الأيمن من الشكل وارسم الدوائر بالخصائص 12x12 px, 2px stroke, #F9E0C0، وجمّع العناصر مجددًا بالضغط علىCtrl+G ولا تنس حفظ الملف (Save). انتهى! لقد أنجزتها أخيرًا، كان هذا شرحًا مبسطًا لرسم شمعة باستخدام عناصر وأوامر أساسية في البرنامج. وكما العادة، أتمنى أنك قد اتبعت الخطوات بشكل سلس والأهم أنك قد تعلمت شيئًا جديدًا! ترجمة -وبتصرف- للمقال Adobe Illustrator Tutorial: Create a Christmas Candle Icon لصاحبه Andrei Stefan
  5. سنتعلم اليوم طريقة تصميم شريحة من البطيخ في برنامج Adobe illustratorباستخدام الأشكال الأساسية في البرنامج وطريقة إضافة الألوان والتفاصيل وبعض التأثيرات الأساسية بالإضافة إلى طريقة عمل الظلال والخلفيات. فتح نافذة عمل جديدة 1- افتح برنامج أدوبي اليستريتور واضغط على Ctrl+N لفتح نافذة عمل جديدة. اختر Pixels من Units drop down menu، أدخل القيم 665 width 830, height ثم 72ppi < screen < RGB < Advanced، تأكد من أن وضعية Align New Objects to Pixel Gridغير مفعلة قبل الضغط على موافق (ok). رسم الأشكال الأساسية 2- ارسم مستطيلًا من أداة M) Rectangle Tool) بالأبعاد 560x318 px وبلون أحمر. بمساعدة أداة Pen Tool ‏(P) ارسم الشكل الموضح أدناه. ثم أزل التحديد واحذف المستطيل الأحمر. 3- حدد الشكل الأسود الناتج من الخطوة 2 وانسخه بالضغط علىCtrl+c ثم Ctrl+f وغيّر لون حدود الشكل المنسوخ إلى اللون الأرجواني. باستخدام أداة A) Direct Selection Tool) حدد نقطة الارتكاز اليمنى من الجزء العلوي وحركها لليسار بمقدار 3 px. ثم انتقل لنقطة الارتكاز المقابلة على الجهة اليسرى وحركها بمقدار 3 px لليمين. حدد نقطة الارتكاز السفلية وحركها لأعلى بمقدار 40 px. عدّل الجزء السفلي كما يظهر في الصورة. 4- بنفس الطريقة وبتتابع الخطوات السابقة كرر رسم الشكل مرتين. 5- حدد الشكل باللون الأسود من الخطوة 2، أزل سماكة حدوده stroke وأعطه تدريجًا لونيًا كما هو موضح في الصورة أدناه. حدد الشكل باللون الأرجواني من الخطوة 3 وأزل سماكة حدوده ولوّنه بلون أخضر غامق درجة 60b020‏#. 6- حدد الشكل الأزرق من الخطوة 4 وأزل سماكة حدوده (stroke) ولون الشكل باللون البرتقالي الفاتح fae2ba#. ابق الشكل محددًا واذهب إلى (Gaussian Blur < Blur < Effect)، أدخل القيمة 5px radius واضغط ok. أكمل مع الشكل باللون الأخضر وأزل سماكة حدوده مجددًا ولون الشكل بالدرجة fe361a#. وابق على تحديد الشكل وأدخل قيمة 4px لتأثير Gaussian Blur. 7- لإضافة بعض التفاصيل للجزء الأخضر من شريحة البطيخ، أولًا ارسم شكل باللون الأخضر الغامق درجة ‏#3e6725 كما ترى في الصور التالية. تأكد أن الشكل الجديد ما زال محددًا واذهب إلى Gaussian Blur < Blur < Effect. أدخل قيمة 5px radius واضغط ok. 8- باستخدام الأدوات P) Pen Tool, (N) Pencil Tool) ارسم 5 أشكال كما هو موضح في الصور أدناه. بعد ذلك حدد الأشكال مرة أخرى وافتح قائمة Pathfinder من خلال الذهاب إلىPathfinder < Window واضغط على Minus Front. أزل سماكة حدود الشكل الناتج ولوّنه بلون أحمر فاتح درجة f2bec4 #. 9- حدد الشكل ذو اللون الأحمر الفاتح من خطوة 8 واذهب إلى Roughen < Distort & Transform < Effect. اتبع التعليمات كما يظهر في الصورة الأولى أدناه واضغط ok. أبق الشكل محددًا ثم اذهب إلى Grain < Texture < Effect واتبع التعليمات الظاهرة في الصورة الثانية واضغط ok. أضف تأثير Feather 15px على الشكل الناتج وغير إعدادات Blending Mode إلى Soft light وقلل الشفافية (Opacity) إلى 60%. 10- حدد الشكل الأول المنفذ في الخطوة 5 وانسخه بالضغط على Ctrl+C ثم Ctrl+F وضعه في المقدمة Ctrl+ Shift +Right Square Bracket. أزل لون التعبئة للشكل الجديد وأضف سماكة لحدوده بالخصائص التالية 1px yellow stroke. ركز على الصورة المرفقة الثانية، حدد نقطتي الارتكاز الموضحة بالأزرق ثم اضغط على أيقونة cut path at selected anchor points من شريط Properties. هذا سيجعل الشكل ذو اللون الأصفر بمسارين. حدد المسار العلوي مجددًا واستبدل لون حدوده باللون الأزرق. 11- حدد الشكل باللون الأزرق من خطوة 10 واذهب إلى (Zigzag < Distort & Transform < Effect). اتبع التعليمات كما يظهر في الصورة الأولى أدناه ثم ok. أبق المسار محددًا ثم اذهب إلى (Roughen < Distort & Transform < Effect). واتبع التعليمات كما تظهر في الصورة الثانية ثم ok. تأكد من أن المسار الحالي لازال محددًا واذهب إلى Appearance < Expand < Object. 12- حدد المسارين الأزرق والأصفر مجددًا، انقر بزر الفأرة الأيمن واختر Join من القائمة المنسدلة. انقر مرة أخرى بزر الفأرة الأيمن واختر Join. حدد جميع الأشكال التي تم رسمها بدءًا من الخطوة 2 وحتى الآن. انقر بزر الفأرة الأيمن واختر Make Clipping Mask من القائمة المنسدلة. رسم بذور البطيخ 13- ارسم شكلًا بيضاويًا بأداة ellipse toolبلون أزرق وبالأبعاد 16x37 px. حدد نقاط الارتكاز اليمنى واليسرى للشكل البيضاوي وحركهم للأسفل بمقدار 3 px. باستخدام أداة A) Selection Tool) والضغط على Shift حرك نقاط الارتكاز للوصول إلى الشكل المرفق أدناه. 14- حدد الشكل باللون الأزرق من الخطوة 13 أزل سماكة الحدود ولون الشكل بالدرجة d62911 #. أبق على تحديد الشكل وانسخه Ctrl+C ثم Ctrl+F. حدد الشكل المنسوخ وقم بتمويه التعبئة (sap the fill) بالضغط على أيقونة السهم المزدوج بجانب Fill and Stroke color swatches في صندوق الأدوات. غير سماكة التحديد إلى 2 px واستبدل لون التحديد بتدرج لوني. أضف تأثير Gaussian Blur 1px للشكل الناتج. حدد الأشكال التي تم رسمها في هذه الخطوة ثم Ctrl+G. 15- انسخ المجموعة التي كوّنتها في خطوة 14 بالضغط على Ctrl+C ثم Ctrl+F وضعها في مكان آخر. قبل أن تكمل حدد المجموعة الجديدة واضغط Ctrl+ Shift +G لإلغاء تجميعها. الآن باستخدام أداة P) Pen Tool , (G) Gradient TOOL) ارسم شكلًا باللون الأحمر الغامق كما في الصور أدناه. خبئ الشكل الجديد خلف الشكل ذو تأثير Blur effect. أخيرًا حدد الأشكال التي رسمتها في هذه الخطوة وجمّعها معًا Ctrl+G. 16- كرر نفس الخطوات السابقة لرسم المزيد من الأشكال. 17- انسخ عددًا من البذور التي رسمتها في الخطوة السابقة. ضعها بشكل جميل على شريحة البطيخ وغيّر من حجمها وفق ما تراه مناسبًا. من المفترض أن تكون النتيجة النهائية مشابهة لما تراه في الصورة التالية. حدد العناصر مجددًا وجمّعها معًا Ctrl+G. تصميم الخلفية 18- انتهينا من العمل على شريحة البطيخ وحان وقت العمل على خلفية الصورة. باستخدام أداة M) Rectangle Tool, (G) Gradient Tool) ارسم مستطيلًا بالخصائص التالية 830x665 px, light grayish blue كما هو موضح في الصورة. أضف شريحة البطيخة على الخلفية. 19- لإضافة تأثير أكثر واقعية للنتيجة النهائية سنقوم بإضافة بعض الظلال لشريحة البطيخ. انقر على أداة Ellipse Tool L وارسم شكل بيضاوي بالأبعاد 519x45 px، وضعها كما هو موضح في الصورة. حدد الشكل البيضاوي وأزل سماكة حدوده ثم املأه بتدرج لوني كما هو ظاهر في الصورة. أضف تأثير Gaussian Blur 6px على الشكل البيضاوي المحدد. ثم انقل الشكل البيضاوي خلف شريحة البطيخ. ترجمة -وبتصرف- للمقال Create a Tasty Watermelon Slice لصاحبه Bao Nguyen
  6. في هذا المقال سيتم استعراض خطوات تحويل رسوم يدوية لشخصية كرتونية إلى لعبة ورقية ثلاثية الأبعاد باستخدام برنامج اليستريتور (Adobe Illustrator)، ستكون شخصية Frankenspoon هي محور فكرة التصميم. سيتم استعراض الأفكار والمهارات اللازمة للعمل لكن دون التطرق لشرح طويل ومفصل لأدوات البرنامج، المهم هنا هو توضيح خطوات صناعة لعبة ورقية يمكنك تطبيقها بنفسك بكل سهولة. 1ـ فكّر بالشخصية التي تود تطبيق الفكرة عليها، وارسمها رسمًا ثلاثي الأبعاد بحيث يمكن إفرادها بعد ذلك إلى مستويات رأسية وأمامية وجانبية بنفس فكرة إفراد المكعب إلى ستة أوجه، حافظ على أفكارك بسيطة قدر الإمكان لتسهيل العمل في الخطوات اللاحقة. 2ـ افرد الرسم الثلاثي الأبعاد إلى مستويات أفقية وحدد أماكن الثني، من الممكن عمل مكعب ورقي ثم القيام برسم الشخصية عليه ومن ثم إفراده وتفكيكه إلى شبكة مسطحة ستكون الأساس للقيام بخطوات الرسم الرقمية فيما بعد. بما أن موسم الهالوين قد اقترب رسمت بعض النماذج للوحوش لتطبيق فكرة اللعبة. 3ـ الخطوة التالية ستكون رسم الشخصية المختارة لكن بإضافة تفاصيل أكثر، بإمكانك عمل مسح ضوئي لرسومك اليدوية بحيث تستخدمها كمرجع للرسم على برنامج إليستريتور. 4ـ بعد قيامك بمسح الصور باستخدام ماسح ضوئي (scanner) أدرجها في طبقة جديدة في برنامج إليستريتور وقلل الشفافية. استخدم أداة pen tool وتتبع فيها خطوط الرسم واحرص على عمل أشكال كاملة مغلقة كشكل الفم مثلًا. 5ـ لإضافة تأثير أجمل للرسم استخدم تأثير فرشاة مشابه لقلم الحبر بحيث تكون الخطوط متنوعة الكثافة. طبق ذلك من خلال رسم دائرة مع الضغط المطول على مفتاح shift، بعدها باستخدام direct selection اسحب النقطة بشكل أفقي واستمر بالضغط على مفتاح shift. في النافذة الخاصة بالفرشاة انقر على أيقونة new brush واختر من القائمة new art brush، غيّر إعداد colorization إلى Tints ثم اضغط OK. 6ـ اجعل محاذاة الشكل أفقية وأدرجه كفرشاة جديدة، الآن أنت تملك الخيار في ما إذا كان الخط يتدرج من السميك إلى الرفيع أو العكس. 7ـ طبق تلك التأثيرات للفرشاة على الخطوط التي رسمتها في البرنامج باستخدام pen tool واضبط إعدادات stroke على suit. في حال كانت الشخصية التي تعمل عليها متماثلة بإمكانك رسم نصفها الأول فقط ثم نسخه ولصقه في الجهة المعاكسة وبذلك يكتمل رسم الشخصية بشكل أسهل وأسرع. 8ـ أكمل رسم الخطوط في الجهة الأمامية للعبة واستخدم إطار بنفس بعد الصندوق للحفاظ على أبعاد ثابتة في الرسم. 9ـ استخدم تدرجات لونية مناسبة وأعط خطوط الرسم بعضًا من الحياة، وأضف تأثيرات الظل والنور اللازمة لجعل الشكل وكأنه ثلاثي الأبعاد وإعطائه العمق اللازم. 10ـ أبق كل التأثيرات اللونية في الخلفية تحت خطوط الرسم الأولى باستخدام الأمر ‎CTRL/CMD+] والأمر CTRL/CMD+[. في محاولتي لرسم شخصية Frankenspoon أبقيت بعض الخطوط سوداء حادة وأخرى دمجتها أكثر خلال الرسم. 11ـ لعمل البنطال الخاص بشخصية Frankenspoon أدرج خلفية سوداء ثم ارسم خطوط أفقية فوقها بلون أفتح، حدّد الخطوط ثم باستخدام blend tool أضف المزيد من الخطوط عن طريق: (Object ‏> Blend ‏> Blend Options /‏ Object ‏> Blend ‏> Make) 12ـ عند الانتهاء من الجزء الأمامي للعبة، انتقل لرسم الأجزاء الجانبية الأخرى. انسخ إطار العمل الإرشادي وحركه إلى الموضع المناسب إما عن طريق إدخال الإحداثيات الأفقية والرأسية x,y بعد إجرائك للحسابات في ذهنك، أو اضغط على مفتاح Enter وأدخل عرض الإطار في الشريط الأفقي ليتم نقله إلى الجانب الآخر. أكمل برسم الخطوط وإضافة التفاصيل على الجوانب والأطراف. يمكن توسيع بعض العناصر كالبنطال والقميص بحيث تمتد بشكل كاف لتغطية الجسم. 13ـ انتبه لوضعية إفراد الشكل وضع الأجزاء العلوية في مكانها الصحيح بحيث يمكن إغلاقها معًا بشكل مناسب، وانتبه لأبعاد الطول والعرض للأجزاء جميعها بحيث تنطبق معًا بشكل صحيح. بإمكانك إضافة بعض التفاصيل كالشعر والتي ستعطي الشخصية مظهر أجمل عند تجميعها. 14ـ الخطوة التالية ستكون رسم الأذرع للشخصية وتلوينها كما سبق. وجمّعهاا بحيث يمكن طيها على جوانب اللعبة. 15ـ احرص على عمل فتحات جانبية لطي الأذرع فيها أو لتبسيط الأمر بإمكانك لصقها على جوانب الشكل دون الحاجة لعمل فتحات. 16ـ أضف بعض الهوامش على أجزاء الشكل لتسهيل لصقها وتجميعها ببعضها. بحيث تربط بين الجوانب التي ستتصل معًا عند طي اللعبة. 17ـ بإمكانك تطبيق الهوامش من خلال رسم مستطيل ثم باستخدام direct selection tool حدد نقطتين طرفيتين على الضلع الطويل واذهب إلى object ‏>Transform ‏> Scale وأدخل قيمة 80% لعمل شكل الهامش ولونها وفقًا للتصميم بحيث تبدو مرتبة عند تجميعها معًا. 18ـ حدد على الرسم أماكن القص والثني برموز خاصة أو بخطوط مرجعية، مثلًا يمكنك تمييز مناطق الثني بعمل خطوط متقطعة بينما يمكنك تمييز خطوط القص بخط واحد متصل. استخدام أداة Scissors tool سيكون مفيد جدًا لعمل خطوط محيطة بالأشكال وبالتالي تمييز المتقطع والمتصل منها. لا تجعل خطوط الهوامش ظاهرة بشكل قد يشوه التصميم ولكن بقدر كافٍ لتمييزه ورؤيته. 19ـ أضف ملاحظاتك النهائية لطريقة تجميع الشكل وجعلها بسيطة وواضحة قدر الإمكان. 20ـ أخيرًا افرد التصميم على ورقة بحجم A4 أو Letter وبذلك يمكنك مشاركته مع الآخرين، وأضف بعض الشعارات و الكتابات أو أي معلومات شخصية أخرى. ترجمة -وبتصرف- للمقال Design and Create Your Own Fun Flat Pack Toy لصاحبه Chris Spooner
  7. هذا درس تعليمي قصير في برنامج Adobe Illustrator حول كيفية إنشاء زهرة بسيطة باستخدام الأدوات الأساسية وتأثيرات Distort & Transformation فقط. البرنامج: Adobe Illustrator CS6 – CC 2017 المستوى: مبتدئ وقت العمل المتوقع: 15 دقيقة ابدأ بفتح ملفٍ جديد من خلال الذهاب إلى New >‏ File أو (باستخدام N+Ctrl)، والذي سنضبطه كالتالي: Number of Artboards:‏ 1 Width:‏ 150px Height‏: 150px Units‏: Pixels الخطوة الأولى ابدأ برسم دائرة باستخدام أداة Ellipse، وللتأكد من أنها دائرة مثالية اضغط على Shift عند استخدام الفأرة لرسمها. الخطوة الثانية استخدم أداة Direct Selection وحدد نقطة الربط السفلية من الدائرة وحركها للأسفل باستخدام مفتاح السهم الأسفل على لوحة المفاتيح. الخطوة الثالثة اذهب إلى Effects ‏> Distort & Transform >‏ Transform. وبعد التأكد من اختيارك لمربع Preview، اضبط القيم كما ترى في الصورة أدناه. الخطوة الرابعة الآن يجب أن ترى الزهرة أو شيء ما يشبهها. أنشئ دائرة جديدة وضعها في منتصف ما نسميه الزهرة. الخطوة الخامسة أنشئ خطًا باستخدام أداة Line Segment وتأكد من أن تكون نهاية الخط السفلى بالقرب من مركز الدائرة. اضبط Stroke على 1pt وأنشئ دائرة صغيرة أخرى وضعها في أعلى الخط. الخطوة السادسة حدد الخط والدائرة الصغيرة وضعهما في مجموعة (G+Ctrl) وكررهما (V+Ctrl ، C+Ctrl). دوّر المجموعة الجديدة وعدل حجمها ثم ضعها كما ترى في الصورة أدناه. الخطوة السابعة اذهب إلى Transform Effects مرةً أخرى واستخدم هذه القيم. يجب أن ترى شيئًا مشابهًا… الخطوة الثامنة الخطوة الأخيرة هي توسيع هذه الأجسام. وبعد هذه الخطوة لن تستطيع تعديل إعدادات Transform Effects. وانتهينا! لقد كان قصيرًا بالفعل، أليس كذلك؟ وإذا تلاعبت بالنتيجة قليلًا، يمكنك إنشاء خلفية ربيعية جميلة. ترجمة - وبتصرف - للمقال Create a Simple Flower with the Effects Panel لكاتبه Zoltan Oldog
  8. أهلًا بك مجددًا في درسٍ تعليميٍّ سريع نتعلم فيه عملية إنشاء أيقونة صغيرة ولطيفة لمسدس. وبما أننا نفترض أنه لديك برنامج Illustrator يعمل، لنبدأ بذلك مباشرةً. البرنامج: Adobe Illustrator CS6-CC 2017 المستوى: مبتدئ وقت العمل المتوقع: 30 دقيقة الخطوة الأولى وكما نفعل في كل مشاريعنا، سنبدأ بضبط ملف جديد عن الطريق الذهاب إلى New ‏> File (أو باستخدام N+Ctrl) ، ثم سنضبطه كما يلي: Number of Artboards‏: 1 Width‏: ‎ 64 px Height‏: 64 px Units‏: Pixels ومن شريط Advanced: Color Mode‏: RGB Raster Effects‏: Screen ‏(72ppi) Preview Mode‏: Defaul ملاحظة سريعة: ستحصل على معظم الإعدادات التي تم الإشارة لها بشكلٍ تلقائيّ إذا اخترت أن يصبح الملف من Profile إلى Web. ولكن يبقى أمامك شيء واحد فقط يمكنك تعديله يدويًا وهو حجم لوحة العمل (الطول والعرض). الخطوة الثانية ابدأ العمل على مقبض المسدس عن طريق رسم مستطيل بقياس 14×6 بكسل واجعل لونه ‎#AFA5A1، ثم ضعه على مساحة تبعد 6 بكسل عن الحافة اليسرى للوحة العمل، و 8 بكسل عن الحافة السفلى. الخطوة الثالثة أعط الشكل الذي أنشأته للتو حدًا باستخدام Stroke. انسخ الشكل (C+Ctrl) والصقه في المقدمة (F+Ctrl)، ثم عدله بتغيير لونه أولًا ليصبح ‎#383C44. بدل لون تعبئته بلون الحد عن طريق الضغط على (X+Shift) وتآكد من جعل وزن الحد يصبح 4 بكسل وغير Corner لتصبح Round Join. عند الإنتهاء، حدد الشكلين وضعهما في مجموعة عن طريق (G+Ctrl). الخطوة الرابعة بعدها، ارجع إلى وضع Pixel Preview من خلال الضغط على (Y+Ctrl+Alt) وارسم الجسم الأساسي للمقبض ولونه بـ ‎#B58362 بمساعدة أداة Pen وباستخدام الصورة المرجعية كمرشدك الأساسي. خذ وقتك، وعند الإنتهاء ارجع إلى وضع Default Preview من خلال الضغط على (Y+Ctrl+Alt)، قبل الانتقال للخطوة التالية. الخطوة الخامسة أعط الشكل الناتج حدًا بمقدار 4 بكسل وبلون ‎#383C44، ثم أتبعه بـبرغي حجمه 2×2 بكسل بنفس اللون. تأكد من وضع الأشكال الثلاثة في مجموعة. الخطوة السادسة ابدأ العمل على قسم الإطار السفلي عن طريق إنشاء مستطيل بقياس 12×8 بكسل وبلون ‎#D3CFCD، الذي سنعدله من خلال ضبط Radius الزاوية السفلية اليمنى على 4 بكسل ضمن Rectangle Properties من لوحة Transform. أعط الشكل الناتج حدًا بمقدار 4 بكسل وبلون ‎#383C44 وضعها كما هو موضح في الصورة المرجعية. الخطوة السابعة أضف برغيًا صغيرًا عن طريق رسم دائرة بقياس 2×2 بكسل وبلون ‎#383C44. تأكد من تحديد الأشكال الثلاثة وضعها في مجموعة (G+Ctrl). الخطوة الثامنة أنشئ واقي الزناد عن طريق رسم مستطيل دائري الحواف بقياس 12×8 بكسل وبلون ‎#383C44 بحد مقداره 4 بكسل و Corner Radius بمقدار 4 بكسل، ثم سنضعه كما هو موضح في الصورة المرجعية. ارسم الزناد الفعلي باستخدام خط حده بمقدار 4 بكسل وبلون ‎#383C44 مع Round Cap. تأكد من وضعها في مجموعة (G+Ctrl) وضعها خلف الأقسام السابقة (Send to Back >‏ Arrange >‏ Right Click). الخطوة التاسعة ابدأ العمل على مطرقة الإطلاق برسم دائرة بقياس 16×16 وبلون ‎#AFA5A1 مع حد بمقدار 4 بكسل وبلون ‎#383C44، ثم ضعها في مجموعة (G+Ctrl) كما هو موضح في الصورة المرجعية. الخطوة العاشرة أضف الزناد الصغير باستخدام دائرة بقياس 12×12 بكسل بلون ‎#383C44 التي سنعدلها عن طريق إزالة نقاط الربط بتحديدها باستخدام أداة Direct Selection وثم اضغط ببساطة على Delete. وحال الإنتهاء، اضبط الشكل الناتج من Cap إلى Round، وضعها في الجهة اليسرى للمطرقة وتأكد من وضعها في مجموعة (G+Ctrl). الخطوة الحادية عشر ابدأ العمل على الجزء العلوي من الإطار، وارسم مربعًا بقياس 16×16 بكسل وبلون ‎#D3CFCD الذي سنعدله بإضافة نقطتي ربط تبعد 4 بكسل من الزاوية السفلية اليمنى باستخدام أداة Add Anchor Point. وعند الإنتهاء، احذف الزاوية الأولى باستخدام أداة Delete Anchor Point وأعط الشكل الناتج حدًا بمقدار 4 بكسل وبلون ‎#383C44. الخطوة الثانية عشر وحيث أن الأيقونة صغيرة جدًا، لن نستطيع عمل الشكل الفعلي للأسطوانة. ولذلك سنرسم مباشرةً خطين بعرض 10 بكسل وبلون ‎#383C44 بـ Round Cap التي سنضعها على بعد 2 بكسل من بعضها البعض. عند الانتهاء، ضعها في مجموعة (G+Ctrl) ثم اعمل Mask على النسخة السفلى منها (C+Ctrl) والتي سنلصقها في الأمام (F+Ctrl)، من خلال تحديد الأشكال وعمل Make Clipping Mask >‏ Right Click. بعد الانتهاء، لا تنسَ وضع كل الأشكال الناتجة في مجموعة (G+Ctrl). الخطوة الثالثة عشر أنشئ الفوهة برسم مستطيل قياسه 16×10 بكسل وبلون ‎#CFD0D1 بحد مقداره 4 بكسل وبلون ‎#383C44 بـ Round Join ثم ضعها في مجموعة (G+Ctrl) وضعها في مقدمة الإطار الأكبر. الخطوة الرابعة عشر أضف قضيب القذف برسم مستطيل قياسه 12×6 بكسل بلون ‎#AFA5A1 بحد مقداره 4 بكسل وبلون ‎#383C44 ثم ضعها في مجموعة (G+Ctrl) وضعها خلف المسدس عن طريق الضغط على (Send to Back > ‏Arrange >‏ Right Click) كما هو موضح في الصورة المرجعية. . الخطوة الخامسة عشر أنهِ المسدس والمشروع بالكامل عن طريق إضافة قطعة النظر الصغيرة من خلال رسم مستطيل بقياس 8×6 بكسل وبلون ‎#AFA5A1 الذي سنعدله من خلال تحديد نقطة الربط العلوية اليسرى باستخدام أداة Direct Selection، وتحريكها للأسفل بمقدار 2 بكسل باستخدام أداة Move عن طريق (2px >‏ Vertical >‏ Move >‏ Transform >‏ Right Click). أعط الشكل الناتج حدًا بمقدار 4 بكسل وبلون #383C44 وضعها في مجموعة ثم ضعها على الحافة اليمنى من الفوهة. عند الانتهاء، حدد كل الأشكال وضعها في مجموعة (G+Ctrl) قبل حفظ العمل. عمل رائع! لقد حصلت على أيقونة يحبها أصدقائك، من خلال درسٍ سهلٍ يعلم كيفية إنشاء مسدسك الصغير خطوة بخطوة. ومثل العادة، أتمنى أنك قد استمتعت في هذا المشروع وتعلمت شيئًا جديدًا ومفيدًا خلال العملية. ترجمة - وبتصرف - للمقال Adobe Illustrator Tutorial – How to create a Revolver Icon لكاتبه Andrei Stefan
  9. إذا أردت يومًا ما أن ترسم رسمةً ولكن لم يكن لديك أي أدنى فكرة عن كيفية البدء، فإن هذا الشرح التوضيحي مناسبٌ جدًا لك. في هذا الشرح، سوف نتعلم كيفية ضبط مستند في Illustrator وصنع رسومات ذات جودة عالية، وهذا الشرح سهل أيضًا للمبتدئين. عليك الانتباه لكل جزء من الشرح لأن كل جزء مهم جدًا لإنتاج رسومات رائعة. لاحظ بأن كل شيء سوف تتعلمه في هذا الشرح هو باستخدام نظام Windows وبرنامج Adobe Illustrator CC 2017، لذلك قد تختلف عمليتك بعض الشيء إن كنت تستخدم نظامًا آخر أو إصدار برنامج آخر. الخطوة الأولى: التخطيط تعد هذه الخطوة مخادعةً قليلًا للبعض، فالعديد منا ليس جيدًا بما فيه الكفاية في الرسم على الورق، ولكن بالإمكان عمله إن بذلت بعض الجهد ومارست قليلًا. أحضر ورقةً وقلم وأخرج إبداعك على الورقة. بإمكانك القيام برسمتك الخاصة، ولكن إن أردت أن تتعلم الجزء الرقمي من الرسمة في الحال فبإمكانك استخدام الرسمة بالأسفل. قم بتحميل الرسمة السابقة واحفظها على جهاز الحاسوب الخاص بك. سوف نستخدم هذه الصورة في الخطوة التالية. الخطوة الثانية: تجهيز Adobe Illustrator للعمل في هذه الخطوة، سوف تحتاج لتشغيل برنامج Illustrator، ومن ثم الضغط على قائمة File في الزاوية العلوية لليسار، ثم اختر ملف جديد New أو قم بالضغط على Ctrl+N لإنشاء مستند جديد. والآن استخدم الصورة التي نزلتها مسبقًا وضعها على مستند Illustrator الذي أنشأتَه وسوف تبدو كالتالي. اختر أداة الشكل البيضوي (Ellipse Tool) واصنع شكلًا رفيعًا كالتالي: حدِّد هذا الشكل واسحبه لقائمة الفُرَش في الشريط على اليمين. بعد سحبك للشكل إلى قائمة الفُرَش (brushes)، سوف تظهر لك النافذة التالية، قم باختيار (Art Brush) ثم اضغط موافق. سوف تظهر لك نافذة جديدة بخيارات إضافية. اترك كل شيءٍ كما هو، فقط قم بتغيير الأسلوب (method) لـ(Tints) ثم اضغط موافق. رائع! إن قمت نفذت الخطوات السابقة بشكل صحيح، بإمكاننا الآن الانتقال للخطوة التالية. الخطوة الثالثة: رسم الشكل رقميًا اختر أداة فرشاة الرسم (Paintbrush Tool) واضبط الخيار "Stroke" على القيمة "‎0.25 pt" واختر الفرشاة التي قمتَ بصنعها سابقًا. أنت تسير على الطريق الصحيح. والآن، لنرسم فوق الصورة التي أمامنا. اعد رسم الصورة بعناية بمساعدة أداة فرشاة الرسم، واحرص على أن تتقاطع الخطوط كما هو موضح. سوف نزيل لاحقًا هذا الخطوط المتقاطعة ولكنّها ضرورية جدًا لرسمنا. ارسم باستخدام أداة فرشاة الرسم وأكمل الصورة، وسوف تبدو كالتالي: والآن، فإن أساس رسمنا أصبح جاهزًا، لنتحرك للخطوة التالية. الخطوة الرابعة: ضبط وتحسين الرسم الابتدائي بإمكانك الآن أن تزيل الرسمة على الورقة واتّباع الخطوة التالية. علينا الآن أن نزيل أي خطوط متقاطعة إضافية من رسمنا. قم بتحديد كل شيئ باستخدام أداة التحديد (Selection Tool) كما هو موضح بالصورة: اختر القائمة (Object) من الأعلى في برنامج Illustrator، ثم اختر تمديد الشكل (Expand Appearance). بعد أن تم تمديد الرسم، قم بالضغط على قائمة (Object) مجددًا واختر الرسم الحي (Live Paint) ثم اضغط على (Make) كما هو موضح: ثم اختر قائمة (Object) مرةً أخرى، واختر تمديد (Expand) كما هو في الأسفل: والآن، اضغط على أداة التحديد المباشر (Direct Selection Tool). قم بالضغط المستمر على زر Shift واختر الخطوط المتقاطعة، تمامًا كما هو في الصورة أسفل: اضغط على زر مسح (backspace) على لوحة المفاتيح وسوف تزول كل التقاطعات الإضافية ويصبح الشكل كالتالي: رائع! فقط بعض الخطوات الإضافية وسوف تحصل على رسم الزومبي المخيف. ننتقل للخطوة التالية. الخطوة الخامسة: إضافة اللمسات السحرية بالألوان اختر كل شي على اللوحة باستخدام أداة التحديد. والآن، اختر أداة دلو الدهان (Live Paint Bucket) من القائمة الجانبية كما هو موضح: افتح لوحة الألوان وابدأ بتلوين أجزاء مختلفة من الوجه بألوان مختلفة. بإمكانك أيضًا أن تضيف تدرجًا لونيًا للوجه للحصول على نتائج أفضل. اختر أداة دلو الدهان (Live Paint Bucket) ثم اختر أي لون تريد أن تطبقه، ثم اضغط على جزء معين من الوجه وسوف يتم اضافة اللون بسلاسة. لقد أضفت ألوانًا متعددة وبعض التدرجات لوجه الزومبي الخاص بي، ويبدو رائعًا. إن كنت لا تصدقني، بإمكانك إلقاء نظرة! هنالك احتمالات لانهائية يمكنك الحصول عليها باستخدام هذه الطريقة. بإمكانك صنع الكثير من رسوم الكارتون والحيوانات اللطيفة. قم بالممارسة لفترة من الزمن وأنا متأكد بأنك سوف تحصل على نتائج مذهلة من هذا الشرح. ترجمة -بتصرف- للمقال How to draw a scary zombie illustration in Adobe Illustrator using brush tool
  10. تستخدم الصور الرسومية عادة كصور رمزية بسبب وقوعها في موقع وسط بين تمثيل الشخص الذي يستخدمها وبين الإبقاء على هويته مجهولة في نفس الوقت، وفي هذا الدليل سنستخدم أدوات الفكتور في برنامج إليستوريتور لإنشاء صورة رمزية بسيطة بأسلوب الفن الخطي "Line Art" وألوان بسيطة، وسنصمم الصورة الرمزية بحيث تكون قابلة للتعديل بحيث يمكن أن يُنتج أكثر من صورة رمزية لأكثر من شخص، من نفس الصورة. والتصميم الذي سنقوم به في هذا الشرح تم تبسيطه إلى أشكال أساسية من أجل إنتاج شكل عام للوجه يمكن تعديله بإضافة أو تغيير لون البشرة وشكل الشعر لتمثّل شخصيات عدة، وهذا الأسلوب مفيد لصفحات مثل مقابلة فريق العمل، حيث يمكن استخدام شخصيات كثيرة لها نفس الأساس والأسلوب، لكنها تختلف لتمثّل شخصيات مختلفة. وستكون الصور الرمزية التي سنصممها داخل دائرة، فارسم شكلًا بيضاويًا ellipse مع الضغط على زر shift، ثم احذف الملء الافتراضي ذا اللون الأبيض للدائرة، فنحن نريدها فارغة، وزد سُمك الإطار إلى 6 نقاط "6pts"، وتأكد من تنشيط خيار النهايات الدائرية "Round Cap". ارسم مستطيلًا داخل الدائرة، وحدد كلا العنصرين ثم اضغط على الدائرة مرة أخرى لتجعلها العنصر المحوري "Key Object". استخدم زر المحاذاة الأفقية إلى المنتصف "Horizontal Align Center" –كما في الصورة- لجعل المستطيل في وسط الدائرة. اختر أداة السهم الأبيض –أداة التحديد المباشر Direct Selection Tool-، وانقر على نقاط التحكم في الزوايا –Corner Widgets- واسحبها لتجعل زوايا المستطيل دائرية. إن كنت تستخدم نسخة قديمة من إلستوريتور فاستخدم أداة المستطيل المُدوَّر Rounded Rectangle، أو من قائمة Effect >‏ S**tylize > ‏Round Corners. اختر أداة الشكل البيضاوي مرة أخرى وارسم دائرة تمثّل العين، واملأها باللون الأسود من أداة fill في شريط الأدوات. اضغط على مفتاحي shift وalt بينما تسحب هذه الدائرة لتصنع نسخة منها وتجرها في نفس المستوى إلى الناحية الأخرى من الوجه، ثم اختر كلا العينين واجمعهما معًا في مجموعة واحدة من خيار group في القائمة المختصرة أو بالضغط على ctrl+g. اضغط على shift ثم على الإطار الخارجي للوجه كي تضيفه إلى التحديد السابق، ثم اترك مفتاح shift، واضغط على الوجه مرة أخرى لتجعله العنصر المحوري في التحديد. وسيبقى العنصر المحوري في التحديد في مكانه سامحًا للعينين فقط أن يتحركا حين نضغط على زر المحاذاة الأفقية إلى المنتصف، كما في الصورة أعلاه. ارسم دائرة في أي مكان في لوحة الرسم ثم استخدم السهم الأبيض لتحذف نقطتين من النقاط الأربعة التي تكوّن الدائرة، ليتبقى لديك ربع دائرة، وتأكد من أن هذا القوس له نهايات دائرية "Rounded Cap". أدر هذا القوس بزاوية 45 درجة، وانقله إلى أعلى العين ليشكًل الحاجب. انسخ هذا القوس لاستخدامه للحاجب الآخر، وكذلك للأنف والفم، وكبّر حجم النسخة التي ستجعلها للفم قليلًا. ارسم مستطيلًا صغيرًا وحدد النقطتين السفليتين باستخدام أداة السهم الأبيض، واسحب نقاط التحكم لتجعل النصف السفلي دائريًا. انقل هذا المستطيل إلى أسفل الفم مباشرة ليمثّل الرقبة، ولتسهيل عملية المحاذاة تأكد من تفعيل المرشدات الذكية "Smart Guides" في قائمة view. لحذف الجزء الزائد من الشكل، اختر مستطيل الرقبة ثم اختر أداة المقص "Scissors"، وانقر في أماكن تقاطع المسارين، واحذف الأجزاء التي لا تريدها. ارسم دائرة كبيرة لتمثل الأكتاف، وستمتد الدائرة لتكون أكبر من الإطار الدائري الخارجي لتصنع القوس المناسب للكتفين، ويمكنك حذف الأجزاء الزائدة باستخدام أداة المقص كما في الخطوة السابقة. اقطع المسار في المكان الذي يمتد فيه خارج الإطار الذي حددناه للصورة الرمزية. حدد كل المسارات والأشكال التي تشكّل الأساس للشخصية التي نرسمها، واضغط على مفتاح alt واسحب الشكل لصنع نسخة منه إلى جانبه سنستخدمها لاحقًا في هذا الشرح. وسنبدأ الآن بتخصيص هذا الوجه البسيط بإضافة الشعر: ارسم مستطيلًا كبيرًا، واجعل مركزه واحدًا مع نقطة المركز للشخصية، واسحب نقطتي التحكم للزاويتين العلويتين منه لتجعل نصفه الأعلى نصف دائرة. استخدم أداة المقص لتهذّب المسار الذي يخرج عن إطار الدائرة. ولرسم خصلة تفرق الشعر، استخدم أداة القوس Arc لرسم مسار من نقطة المنتصف العليا وانزل بها إلى محاذاة الحاجب، واضغط على زر F لتقلب القوس، ثم عدّل قُطره باستخدام مفاتيح الأسهم على لوحة المفاتيح. احذف الأجزاء الزائدة باستخدام المقص. يجب أن يبدو الشعر وكأنه يغطي جزءًا من الوجه. وهكذا يجب أن يكون لديك شكل كما بالصورة أعلاه، ورغم استخدامنا لأشكال أساسية في صنع هذه الصورة الرمزية إلا أن النتيجة تبدو ذات مظهر لطيف ومقبول. اصنع نسخة من الصورة الاحتياطية التي نسخناها قبل قليل من أجل استخدامها لشخصية أخرى، وارسم في تلك النسخة الجديدة دوائر كثيرة حول الرأس لتكون نواة لشعر مموج وقصير. حدد كل الدوائر واضغط على زر unite في لوحة pathfinder كي تدمجهم جميعًا في إطار واحد. احذف إطار الوجه الذي يقع داخل تفاصيل الشعر لترى أن الصورة الرمزية صارت تعبر عن شخص مختلف تمامًا. ولأن هذه الصورة ليس بها شعر يغطي منطقة الأذن، فسنرسم له أذنين، عبر رسم دائرة وحذف إحدى نقاطها لتكون نصف دائرة، وانسخها لتضع واحدة على كل جانب من الرأس. يمكن تخصيص الشخصية أكثر بملحقات مثل النظارات مثلًا، ولفعل ذلك: ارسم مستطيلًا صغيرًا واجعل حوافه دائرية قليلًا باستخدام أداة السهم الأبيض وأكمل رسم النظارة بنسخ الشكل إلى العين الأخرى وحذف الحاجبين، لترى أن الصورة تغيرت مرة أخرى ليكون شخصًا ثالثًا. والآن نأتي إلى مرحلة الألوان، وأسهل طريقة لإضافة لون إلى رسم هو عبر أداة Live Paint Bucket Tool، أو أداة الدلو: حدد كل المسارات والأشكال التي تريد تلوينها، ثم اضغط على أداة الدلو لتجعل الشكل مجموعة حية قابلة للتلوين. ألغ اختيار كل شيء، وحدد لونًا لملء كل جزء في الشكل، ثم طبقه على الشكل بالنقر بأداة الدلو في المكان الذي ترغب بالتلوين فيه. ورغم أننا رسمنا الشخصيات بمسارات مفتوحة في الغالب إلا أن أداة الدلو ستلون أجزاء الصورة كما لو كانت مسارات مغلقة. كما ترى في الصورة أعلاه، فإن تناسق لون الشعر والبشرة للصورة الرمزية يجعلها تعبر أكثر عن الشخصية التي تمثلها. يمكنك إضافة ظل للصورة بالذهاب إلى قائمة Object، ثم Expand، لجعل الألوان التي خصصناها للشخصية دائمة، واختر من المربع الحواري خيار Object. من القائمة المختصرة بالزر الأيمن للفأرة، اختر ungroup أكثر من مرة حتى تتأكد من فك كل المجموعات التي أنشأناها من قبل. حدد أحد جزئي الشعر ثم اضغط ctrl+c أو cmd على ماك لنسخه، ثم ctrl+f للصقها أعلى الرسم. غيّر لون الملء إلى الأسود، ثم اجعل شفافيته 10%. حرّك الشكل إلى أسفل قليلًا ليغطي جزءًا من الوجه. استخدم أداة القلم لكي تحيط الأجزاء التي لا تريدها من الشكل الأسود الذي كررناه قبل قليل لكي تشكّل أداة مؤقتة نستخدمها مع أداة pathfinder، حدد كلا الشكلين واضغط زر minus front. كرر العملية باستخدام نسخة من شكل الوجه الأساسي لتنشئ ظلًا صغيرًا على الرقبة، اذهب إلى قائمة Arrange ثم Bring To front لكي تضع الشكل فوق باقي الرسم ارسم إطارًا عامًا باستخدام القلم حول الأماكن التي تريد حذفها، ثم حدد كلا الكلين واختر Minus Front في لوحة pathfinder. ويجب أن تكون النتيجة النهائية تصميم فكتور لصورة رمزية لطيفة يمكن استخدامها كصورة رمزية على الإنترنت، ويمكنك إنشاء عدة شخصيات من هذا الشكل الأساسي كما ذكرت بالأعلى، وستظهر تلك الصور بوضوح في أماكن الصور الصغيرة المساحة بسبب تصميمها البسيط. ترجمة -بتصرف- لمقال How To Create Vector Avatar Characters with Adobe Illustrator لصاحبه Chris Spooner.
  11. اتبع هذا الدرس التعليمي وتعلم كيفية إنشاء مجموعة من إشارات المرور في Adobe Illustrator. في البداية، ستنشئ جسم إشارة المرور باستخدام أداة Rectangle، لوحة Transform وبعض التأثيرات الأساسية. بعد ذلك، ستنشئ الأضواء المُضاءة والمُطفأة باستخدام أداة Ellipse، و Offset Path ومجموعة من التدرجات. يعد هذا الدرس التعليمي مثالًا رائعًا لما يمكنك القيام به باستخدام لوحة Align في Illustrator. لنبدأ! أنشئ مستندًا جديدًا 1- شغل Adobe Illustrator واضغط على (N+Ctrl) لإنشاء مستند جديد. اختر Pixels من قائمة Units، وأدخل 1920 بكسل في مربع العرض و 1160 بكسل في مربع الارتفاع، وانقر على Advanced. اختر RGB، و Screen بدرجة وضوح 72ppi، وتأكد من عدم تحديد مربع Align New Objects to Pixel Grid قبل النقر على OK. إنشاء الجسم الرئيسي لإشارات المرور 2- اختر أداة M) Rectangle) وأنشئ مستطيلًا أسودًا بقياس: 200 × 670 بكسل. أعد تحديده واذهب إلى Round Corners>‏Stylize>‏Effect ... أدخل 15 بكسل في Radius وانقر على OK. أزل لون حد المستطيل الناتج، ثم املأه بتدرج خطي كما ترى في الصورة الأخيرة. حدد المستطيل الذي تم إنشاؤه في الخطوة 2 وأنشئ نسخةً منه (Ctrl + F ، Ctrl + C). ثم استبدل لون التعبئة الحالي للنسخة بتدرج خطي جديد كما هو موضح في الصورة الأولى. حدد المستطيل الناتج، وافتح لوحة Transform (من Transform>‏Window) ثم غير W إلى 197 بكسل و H إلى 665 بكسل. أبقِ هذا المستطيل محددًا وانسخه، ثم استبدل لون التعبئة الحالي له بتدرج خطي جديد كما ترى في الصورة الثانية. تأكد من أن المستطيل الناتج لا يزال محددًا واذهب إلى Feather‏>Styllize‏>Effect ... أدخل 15 بكسل في Radius وانقر على OK. 4- بمساعدة أداة M) Rectangle) وأداة G) Gradient)، أنشئ مستطيلًا رماديًا داكنًا بقياس: 62 × 188 بكسل كما هو موضح في الصورة الأولى والثانية. بعد ذلك، أرسل هذا المستطيل للخلف (Left Square Bracket+Ctrl+Shift). حدد المستطيل الذي تم إنشاؤه في الخطوة 2 وانسخه (Ctrl + C ، Ctrl + F). أبقِ النسخة محددة واذهب إلى Drop Shadow>‏Effect‏>Stylize... اتبع البيانات كما تراها في الصورة الرابعة وانقر على OK. أعد تحديد المستطيل الأول الذي تم إنشاؤه في هذه الخطوة وانسخه، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). بعد تحديد هذه النسخة، اضغط باستمرار على Shift وانقر على المستطيل الذي طُبق عليه تأثير الظل في هذه الخطوة. انقر بزر الفأرة الأيمن على لوحة العمل واختر "Create Clipping Mask" من القائمة. ثم أخفِ مجموعة Clipping خلف المستطيل الذي تم إنشاؤه في الخطوة 2. أخيرًا، حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 2 وضعها في مجموعة (G+Ctrl). الجسم الرئيسي لإشارة المرور جاهز ويبدو مثل الصورة الأخيرة. 5- اختر أداة M) Rectangle)، وأنشئ مستطيلًا أحمر بقياس: 18 × 148 بكسل ثم ضعه في المكان الموضح في الصورة الأولى. ركّز على الصورة الثانية، واختر أداة Add Anchor Point (+) وأضف نقطة ربط في النقطة المميزة باللون الأزرق. حدد نقطة الربط هذه وحركها 3 بكسل إلى اليسار. بمساعدة أداة Convert Anchor Point أو (C+Shift)، انقر على نقطة الربط التي حركتها للتو، واسحبها لأسفل باستخدام الفأرة مع الضغط على Shift. بعد الانتهاء من ضبط شكل الشكل الأحمر، أزل حده واملأه بالتدرج الخطي كما هو موضح في الصورة الخامسة. أبقِ الشكل الناتج محددًا وانسخه (Ctrl + F ، Ctrl + C). حدد النسخة، وقم بتبديل ألوان التعبئة والحد بنقر مزدوج على السهم ذو الرأسين الموجود بجوار Fill and Stroke Color Swatches في Tools Box. غير حجم الحد للشكل الناتج إلى 3 بكسل واستبدل لونه باللون الأزرق الرمادي (‎# bcbec0). افتح لوحة Stroke (من Stroke‏>Window)، ركز على قسم Profile، وافتح القائمة وحدد Width Profile 6، ثم انقر على أيقونة Flip Across. ركز الآن على الصورة التالية إلى الأخيرة، وحدد نقطتي الربط التي تم تمييزها باللون الأحمر وانقر على أيقونة "Cut Paths at Selected Anchor Points" من شريط "Properties". يجعل هذا الأزرق الرمادي يصبح بمسارين. حدد واحذف المسار الأيمن. 6- بمساعدة أداة P) Pen) وأداة G) Gradient)، أنشئ شكلًا كما ترى في الصورة الأولى والثانية. تابع استخدام أداة P) Pen)، وأنشئ شكلًا بنفسجيًا رماديًا غامقًا (# 6e6d71) كما هو موضح في الصورة الثالثة. طبق عليه تأثير Gaussian Blur بمقدار 10 بكسل، ثم اضبط Blending Mode على Lighten وقلل Opacity إلى 50٪. الآن، أعد تحديد الشكل الأول الذي تم إنشاؤه في هذه الخطوة وانسخه (Ctrl + F ، Ctrl + C)، ثم أحضر النسخة للأمام (Right Square Bracket+Ctrl). أبقِ هذه النسخة محددة واضغط باستمرار على مفتاح Shift وانقر على الشكل الذي طُبّق عليه تأثير Blur في هذه الخطوة. انقر بزر الفأرة الأيمن على لوحة العمل ثم اختر Make Clipping Mask" من القائمة. 7- حدد كل أشكال الضوء العلوي الأيسر وضعها في مجموعة (G+Ctrl)، ثم اذهب إلى Move>‏Transform‏>Object... أدخل 203 بكسل في مربع Vertical وانقر على Copy. ثم اضغط على (D+Ctrl) مرة واحدة لتحصل على النتائج التي تراها في الصورة الثانية. أعد تحديد الأضواء اليسرى الثلاثة واذهب إلى Reflect‏>Transform>‏Object ... حدد Vertical وانقر على Copy. اسحب النُسخ التي أنشأناها للتو إلى اليمين وضعها كما هو موضح في الصورة الرابعة. لا تنسَ الاحتفاظ بمفتاح Shift للسحب بشكل مستقيم. اختر الآن أداة A) Direct Selection) وحدد ثلاثة مسارات منحنية كما هو موضح في الصورة التالية إلى الأخيرة. ثم افتح لوحة Stroke (من Stroke>‏Window) وانقر على أيقونة Flip Across. أخيرًا، حدد كل الأضواء التي تم إنشاؤها من بداية الخطوة 5 إلى الآن ثم أرسلها للخلف (Left Square Bracket+Ctrl+Shift). إنشاء الأضواء المُضاءة 8- أولًا، سننشئ الضوء الأحمر. بمساعدة أداة L) Ellipse) وأداة G) Gradient)، أنشئ دائرة قياسها: 128 × 128 بكسل كما ترى في الصورة الأولى والثانية. بعد ذلك، استخدم أداة M) Rectangle)، وأنشئ مستطيلًا أحمر داكن بقياس: 5 × 3 بكسل (# a3161f). أبقِ هذا المستطيل محددًا واذهب إلى Round Corners>‏Stylize‏>Effect ... أدخل Radius بمقدار 2 بكسل وانقر على OK. حدد المستطيل الناتج واذهب إلى Move‏>Transform‏>Object... أدخل 6.5 بكسل في Horizontal وانقر على Copy. ثم اضغط على (D+Ctrl) واحد وعشرين مرة للحصول على النتائج كما تراها في الصورة الخامسة. أعد تحديد كل المستطيلات ذات اللون الأحمر الداكن التي تم إنشاؤها في هذه الخطوة وافتح مربع "Move" مرةً أخرى. أدخل 6 بكسل في Vertical وانقر على Copy. ثم اضغط على (D+Ctrl) اثنين وعشرين مرة للحصول على النتائج كما هو موضح في الصورة الأخيرة. أخيرًا، حدد جميع المستطيلات ذات اللون الأحمر الداكن التي تم إنشاؤها في هذه الخطوة وضعها في مجموعة (G+Ctrl). حدد المجموعة التي تم إنشاؤها في الخطوة 8 واذهب إلى Rotate‏>Transform‏>Object ... أدخل زاوية -45 درجة وانقر على OK. الآن، حدد الدائرة التي تم إنشاؤها في الخطوة 8 وانسخها (Ctrl + F ، Ctrl + C)، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). حدد هذه النسخة، واضغط على Shift وانقر على المجموعة التي تم تدويرها في هذه الخطوة. انقر بزر الفأرة الأيمن على لوحة العمل ثم اختر "Create Clipping Mask". أخيرًا، غير Blending Mode الخاص بمجموعة Clipping إلى Multiply. 10- حدد الدائرة التي تم إنشاؤها في الخطوة 8 واذهب إلى Offset Path>‏Path‏>Object ... أدخل Radius بمقدار -7 بكسل ثم انقر على "OK". ثم استبدل لون التعبئة الحالي للدائرة التي تم إنشاؤها حديثًا بالتدرج الخطي كما هو موضح في الصورة الثانية. طبّق عليها تأثير Gaussian Blur بمقدار 3 بكسل ثم قم بتغيير Blending Mode إلى Screen. باستخدام أداة L) Ellipse)، أنشئ شكلًا بيضاويًا أخضر بحجم 97 × 92 بكسل وضعه في المكان الذي تراه في الصورة الرابعة. حدد بعد ذلك أعلى نقطة ربط لهذا الشكل الأخضر وحركها بمقدار 7 بكسل إلى أسفل. أخيرًا، أزل حد هذا الشكل، ثم املأه بالتدرج الدائري كما هو موضح في الصورة الأخيرة. 11- حدد الدائرة التي تم إنشاؤها في الخطوة 8 وانسخها (Ctrl + F ، Ctrl + C)، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). بدّل ألوان التعبئة والحد للدائرة التي تم إنشاؤها حديثًا من خلال النقر على السهم ذي الرأسين المنحني الموجود بجوار Fill and Stroke Color Swatches في مربع الأدوات. ثم غيّر حجم الحد الناتج لها إلى 2 بكسل واستبدل لون الحد الحالي بتدرج خطي داخل الحد. انسخ هذه الدائرة ثم استبدل لون الحد الحالي للنسخة باللون الأزرق. واذهب إلى Offset Path‏>Path‏>Object ... أدخل 10 بكسل في Offset وانقر على OK. أعد تحديد الشكلان ذوي اللون الأزرق اللذان تم إنشاؤهما في هذه الخطوة، ثم افتح Pathfinder (من Pathfinder‏>Window) وانقر على زر Minus Front. أزل حد المسار المركب الناتج، ثم املأه بالتدرج الخطي كما هو موضح في الصورة الخامسة. أبقِ هذا المسار المركب محددًا واذهب إلى Offset Path>‏Path>‏Object... وأدخل -4 بكسل في Offset ثم انقر على "OK". استبدل لون التعبئة الحالي للمسار المركب الذي تم إنشاؤه حديثًا بتدرج خطي جديد كما هو موضح في الصورة التالية إلى الأخيرة. أخيرًا طبق تأثير Gaussian Blur بمقدار 2 بكسل للمسار المركب الناتج. 12- اختر أداة L) Ellipse)، وأنشئ شكلًا بيضاويُا أخضر بقياس: 154 × 179 بكسل ثم ضعه في المكان الذي تراه في الصورة الأولى. باستخدام أداة Line Segment ()، أنشئ خطًا أفقيًا بطول 190 بكسل، بحد أحمر وبدون تعبئة. ثم ضع هذا الخط على المكان الموضح في الصورة الثانية. الآن، أعد تحديد الشكلين اللذين تم إنشاؤهما في هذه الخطوة، ثم افتح لوحة Pathfinder (من Pathfinder>‏Window) وانقر على زر Divide. أبقِ المجموعة الناتجة محددة، واضغط على (Ctrl + Shift + G) لفك تجميعها. ثم حدد واحذف الشكل الأخضر السفلي. أزل حد الشكل الأخضر المتبقي، ثم املأه بالتدرج الدائري كما هو موضح في الصورة التالية إلى الأخيرة. أخيرًا، أرسل الشكل الناتج للخلف (Left Square Bracket+Ctrl+shift). 13- بمساعدة أداة P) Pen) وأداة G) Gradient) أنشئ شكلًا بنفسجيًا غامقًا كما ترى في الصورة الأولى والثانية. تابع باستخدام أداة P) Pen)، وأنشئ مسارًا منحنيًا أخضر كما هو موضح في الصورة الثالثة. بمجرد رسم هذا المسار، غير حجم الحد إلى 2 بكسل واستبدل لونه باللون الأسود (# 000000). ثم طبّق عليه Width Profile 1 و Gaussian Blur بمقدار 2 بكسل. الآن، حدد الشكل الأول الذي تم إنشاؤه في هذه الخطوة وانسخه (Ctrl + F ، Ctrl + C)، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). أبقِ هذه النسخة محددة، واضغط مع الاستمرار على Shift وانقر على المسار المنحني الذي طُبق عليه تأثير Blur في هذه الخطوة. انقر بزر الفأرة الأيمن على لوحة العمل ثم اختر "Create Clipping Mask" من القائمة. 14- حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 8 إلى هذا الوقت وضعها في مجموعة (G+Ctrl). الضوء الأحمر المُضاء جاهز ويبدو كما يلي: 15- حان الوقت لإعادة التلوين وإنشاء الضوء البرتقالي والأخضر. حدد الضوء الأحمر وانسخه (Ctrl + F ، Ctrl + C)، ثم ضع النسخة في مكان جديد. سوف نعمل على هذه النسخة لإنشاء الضوء البرتقالي. قبل المتابعة، حدد الضوء الذي تم إنشاؤه حديثًا واضغط على (Ctrl + Shift +3) لفك تجميعه. الآن، حدد الشكل كما ترى في الصورة الثانية وافتح لوحة Gradient (من Gradient‏>Window). بعد ذلك، استبدل الألوان الحالية المتدرجة كما هو موضح في الصورة الثانية. وبالمثل، اتبع تسلسل الصور وغير ألوان الأشكال البيضاوية لتكون مماثلة لتلك الموجودة في الأسفل. أخيرًا، أعد تحديد كل أشكال الضوء التي تم إنشاؤها في هذه الخطوة وضعها في مجموعة (G+Ctrl). وانتهى الضوء البرتقالي! 16- حدد المصباح البرتقالي الذي تم إنشاؤه في الخطوة 15 وانسخه (Ctrl + F ، Ctrl + C)، ثم ضع النسخة في مكان جديد. سوف نعمل على هذه النسخة لإنشاء الضوء الأخضر. قبل المتابعة، حدد الضوء الذي تم إنشاؤه حديثًا واضغط على (Ctrl + Shift +3) لفك تجميعه. اتبع الآن تسلسل الصور وكرر التقنية المذكورة في الخطوة 15 لتغيير ألوان الضوء الذي تم إنشاؤه حديثًا. أخيرًا، أعد تحديد أشكال الضوء التي تم إنشاؤها في هذه الخطوة وضعها في مجموعة (G+Ctrl)*. لقد انتهينا من الضوء الأخضر في الوقت الحالي. 17- الأضواء المُضاءة جاهزة وتبدو هكذا: إنشاء الأضواء المُطفأة 18- بعد ذلك يأتي دور الأضواء المطفأة. أولًا، حدد الضوء الأحمر المضاء وانسخه (Ctrl + C ، Ctrl + F)، ثم ضع النسخة في مكانٍ جديد. سوف نعمل على هذه النسخة لإنشاء ضوء أحمر مطفأ. قبل المتابعة، حدد الضوء الذي تم إنشاؤه حديثًا واضغط على (Ctrl + Shift +3) لفك تجميعه. الآن، حدد الشكل كما ترى في الصورة الثانية وافتح لوحة Gradient (من Gradient‏>Window). بعد ذلك، استبدل الألوان الحالية للتدرج كما هو موضح في الصورة الثانية. ركز على الصورة الثالثة، وحدد أكبر شكل بيضاوي للضوء الذي تم إنشاؤه حديثًا، وقم بعمل نسخة منه وأحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). ثم استبدل لون التعبئة الحالي لهذا الشكل بتدرج دائري جديد كما هو موضح في الصورة الأخيرة. أبقِ هذا الشكل محددًا وغيّر Blending Mode إلى Multiply. أخيرًا، أعد تحديد كل أشكال الضوء التي تم إنشاؤها في هذه الخطوة. وانتهينا من الضوء الأحمر المطفأ! 19- الآن، اتبع تسلسل الصور وكرر نفس العملية الموجودة في الخطوة 18 لإنشاء اثنين من الأضواء المطفأة المتبقية. 20- وانتهينا من الأضواء المطفأة في الوقت الحالي. ضع الأضواء المُطفأة والمُضاءة على الإشارة الضوئية 21- حدد الضوء الأحمر المُطفأ، واضغط على Shift وانقر على الضوء العلوي الأيسر. ثم حرر Shift وانقر على الضوء العلوي الأيسر مرة أخرى (لضبط مكانه). بعد ذلك افتح لوحة Align (من Align‏>Window) وانقر على زر Vertical Align Bottom. أبقِ الضوء الأحمر محددًا، واضغط مع الاستمرار على مفتاح Shift وانقر على جسم إشارة المرور. حرر Shift وانقر على جسم إشارة المرور مرة أخرى. ثم انقر على Horizontal Align Center من لوحة Align. 22- حدد الضوء المُطفأ البرتقالي، واضغط على (Shift) وانقر على الضوء الأوسط الأيسر. ثم حرر Shift وانقر على الضوء الأوسط الأيسر مرة أخرى (لضبط مكانه). بعد ذلك، افتح لوحة Align (من Align‏>Window) وانقر على Vertical Align Bottom. أبقِ هذا الضوء محددًا واستمر في الضغط على Shift وانقر على جسم إشارة المرور. اترك Shift وانقر على جسم إشارة المرور مرة أخرى. ثم انقر على Horizontal Align Center من لوحة Align. ركز على الصورة الخامسة، وحدد الضوء الأخضر المُطفأ واضغط على Shift وانقر على الضوء السفلي الأيسر. ثم اترك Shift وانقر على الإضاءة السفلية اليسرى مرةً أخرى. ثم انقر على Vertical Align Bottom من لوحة Align. أبقِ هذا الضوء الأخضر محددًا، واضغط باستمرار على Shift وانقر على جسم إشارة المرور. حرر Shift وانقر على الجسم مرة أخرى. ثم انقر على Horizontal Align Center من لوحة Align. الآن إشارة المرور مع الأضواء المُطفأة جاهزة. 23- حدد جميع أشكال إشارة المرور واذهب إلى Move‏>Transform‏>Object... أدخل 510 بكسل في Horizontal وانقر على Copy. ثم اضغط على (Ctrl + D) مرة واحدة للحصول على النتائج كما تراها في الصورة أدناه. 24- قبل المتابعة، حدد المصابيح الثلاثة المُضاءة وانقلها إلى المقدمة (Right Square Bracket+Ctrl+Shift). أعد تحديد الضوء الأحمر المُضاء واستمر في الضغط على مفتاح (Shift) وانقر على الضوء الأحمر المُطفأ لإشارة المرور اليسرى. ثم اترك Shift وانقر على الضوء الأحمر المطفأ لإضاءة إشارة المرور اليسرى مرةً أخرى (لضبط Opacity). افتح لوحة Align (من Align‏>Window) وانقر على Horizontal Align Center، ثم انقر على Vertical Align Center. أخيرًا، أعد تحديد الضوء الأحمر المطفأ لإشارة المرور اليسرى وأزله. 25- حدد الضوء البرتقالي المضاء، واستمر في الضغط على مفتاح (Shift) وانقر على مفتاح الضوء البرتقالي المطفأ الموجود في إشارة المرور الوسطى. حرر Shift وانقر على الضوء البرتقالي المطفأ لإشارة المرور الوسطى (لضبط Opacity). افتح لوحة Align (من Window‏>Align) وانقر على Horizontal Align Center، ثم انقر على Vertical Align Center. بعد ذلك، أعد تحديد الضوء البرتقالي المطفأ في إشارة المرور الوسطى. تابع وحدد الضوء الأخضر المُضاء، استمر في الضغط على Shift وانقر على الضوء الأخضر المُطفأ في إشارة المرور اليمنى. حرر Shift وانقر على الضوء الأخضر المطفأ لإشارة المرور اليمنى. ثم انقر على Horizontal Align Center وانقر على Vertical Align Center. أخيرًا، أعد تحديد الضوء الأخضر المطفأ وأزله. 26- في هذه المرحلة ، يجب أن يظهر الشكل كما هو في الصورة التالية: 27- ركز على إشارة المرور بالضوء الأحمر المضاء، وحدد مسارين كما ترى في الصورة الأولى واستبدل لون الحد الحالي باللون الأحمر النقي (‎# ff2900). استمر في تحديد المسارات الناتجة واذهب إلى Outer Glow‏>Stylize‏>Effect ... اتبع البيانات كما هو موضح في الصورة الثانية وانقر على OK. بعد ذلك، وبمساعدة أداة A) Direct Selection) و Shift، حدد الشكلين كما هو موضح في الصورة الأخيرة واستبدل لون التعبئة الموجود بلون أحمر نقي (‎# ff0000). 28- ركز على إشارة المرور بالضوء البرتقالي المضاء. حدد مسارين كما ترى في الصورة الأولى واستبدل لون الحد الحالي باللون البرتقالي الناعم (‎# ddad46). استمر في تحديد المسارات الناتجة واذهب إلى Outer Glow‏>Stylize‏>Effect... اتبع البيانات كما هو موضح في الصورة الثانية وانقر على OK. بعد ذلك، وبمساعدة أداة A) Direct Selection) و Shift، حدد الشكلين كما هو موضح في الصورة الثالثة واستبدل لون التعبئة الموجود بلون برتقالي نقي (‎# ffaa00). ركز الآن على إشارة المرور بالضوء الأخضر المضاء، وحدد مسارين كما ترى في الصورة التالية إلى الأخيرة واستبدل لون الحد الحالي باللون الأخضر الليموني الناعم (‎# 85e282). أبقِ المسارات الناتجة محددة، واذهب إلى Outer Glow‏>Stylize‏>Effect... اتبع البيانات كما هو موضح في الصورة الأخيرة وانقر على OK. 29- إشارات المرور جاهزة وتبدو كالتالي: 30- لقد انتهينا من إشارات المرور، وحان الوقت للخلفية الآن. بمساعدة أداة M) Rectangle) و G) Gradient) ، أنشئ مستطيلًا أزرق بقياس: 1920 × 1156 بكسل كما هو موضح في الصورة أدناه. آخر ما عليك فعله هو وضع إشارات المرور الثلاث في هذه الخلفية. وانتهينا! ترجمة - وبتصرف - للمقال Create a Set of Traffic Lights in Adobe Illustrator لصاحبه Bao Nguyen
  12. يمكنك إنشاء الكثير لواجهة لعبتك الخاصة وفي هذا الدرس التعليمي سأريكم كيفية إنشاء شريط تقدم اللعبة مع أيقونة استعانة لطيفة باستخدام Adobe Illustrator. سنستخدم لوحة Pathfinder لدمج الأشكال لتصبح أشكالًا جديدة، وسنضيف تأثيرات الشفافية Transparency للأشكال وغيرها الكثير. لنبدأ إذًا! 1- أنشئ مستندًا جديدًا شغل البرنامج، ثم اضغط على (N+Ctrl) لإنشاء مستند جديد. سمِّ هذا المستند وحدد Pixels من قائمة Units، وأدخل 460 بكسل في مربع العرض و 350 بكسل في مربع الارتفاع، ثم انقر على زر Advanced. حدد RGB من Color Mode و Screen بدقة وضوح (150ppi) وتأكد من انّ مربع Align New Objects to pixel Grid غير محدد، قبل النقر على "OK"**. 2- إنشاء أيقونة النجمة الخطوة الأولى: لنقم بإنشاء أيقونة النجمة. اختر أداة Star. انقر واسحب للرسم مع الضغط على مفتاح Shift. اجعل عرض النجمة 86 بكسل. اختر أداة Rotate ‏(R) وانقر على مركز النجمة مع الضغط على مفتاح Alt. سترى الآن مربع أداة R) Rotate). اضبط الزاوية على 21 واضغط على OK. أبقِ النجم محددُا واختر أداة A) Direct Selection) واضبط نصف قطر الزاوية على 5 بكسل و Rounding على Absolute. املأ الشكل بالتدرج وبدون حد (انظر الصور أدناه). الخطوة الثانية: انسخ النجمة والصقها في المقدمة (Ctrl + F ، Ctrl + C) مرتين. حدد الآن الشكل الجديد وصغر حجمه مع الضغط على Alt + Shift. حدد الشكل الذي قمنا بنسخه من قبل والشكل الجديد واذهب إلى لوحة Pathfinder، واختر Exclude. اجعل لونه الجديد: 255، 239، 90 واضبط Opacity على 66٪. الخطوة الثالثة: انسخ النجمة مرة أخرى والصقها في المقدمة (Ctrl + F ، Ctrl + C). الآن، حدد الشكل الجديد وصغر حجمه مع الضغط على Alt + Shift. ثم اذهب إلى Offset Path>‏Path>‏Object‏، واضبط Offset على -0.5 بكسل. حدد الشكل الذي أنشأناه من قبل والشكل الجديد، واذهب إلى لوحة Pathfinder، واختر Execlude. اجعل لون الشكل الجديد على أسود، واضبط Blending Mode على Soft Light و Opacity على 100٪. الخطوة الرابعة: انسخ الشكل الجديد والصقه في المقدمة (Ctrl + F ، Ctrl + C). الآن، أبقِ الشكل المنسوخ محددًا وصغر حجمه مع الضغط على Alt + Shift. اجعل لونه أبيض، واضبط Blending Mode على Screen و Opacity على 66٪. الخطوة الخامسة: الآن انسخ شكل النجمة الرئيسي والصقه في الخلف (Ctrl + B ، Ctrl + C). حدد هذا الشكل، واضغط على Shift وحركه إلى اليمين بالضغط على مفتاح السهم الأيمن مرتين. ثم حركه للأعلى مع الضغط على Shift ومفتاح السهم الأعلى مرةً واحدة. املأ الشكل بالتدرج (انظر الصور أدناه). الخطوة السادسة: لننشئ ظلًا صغيرًا الآن. انسخ النجمة الرئيسية والصقها في المقدمة (Ctrl + F ، Ctrl + C) مرتين. أبقِ الشكل الجديد محددًا وحركه لليمين والأعلى قليلًا. حدد كلا الشكلين المنسوخين واذهب إلى لوحة Pathfinder، واختر Minus Front. اضبط Blending Mode على Multiply و Opacity على 100٪، واملأه بالتدرج. الخطوة السابعة: سننشئ في هذه الخطوة وجهًا لطيفًا للنجمة. اختر أداة L) Ellipse) وارسم دائرة بعرض وارتفاع 10 بكسل. في الوقت الحالي، املأها باللون الذي تريده، ولكن بدون حد. انسخ الشكل ومع الضغط على Shift حركه إلى اليمين بالضغط على مفتاح السهم الأيمن مرتين، وحركه للأسفل بالضغط على مفتاح السهم الأسفل 3 مرات. الآن، حدد كلاهما واذهب إلى لوحة Pathfinder، واختر Minus Front. سيكون هذا شكل العين. املأ الشكل الجديد باللون: 26،28،18، ثم اضبط Blending Mode على Color Burn و Opacity على 35٪. *الخطوة الثامنة: دعونا نضيف الآن بعض التأثيرات. انسخ شكل العين والصقه في المقدمة (Ctrl + F, Ctrl + C) مرتين. حدد الشكل الجديد وضعه كما هو موضح في الصورة أدناه. حدد الآن الشكلين الجديدين واذهب إلى لوحة Pathfinder، واختر Intersect. املأ الشكل الجديد باللون الأسود، ثم اضبط Blending Mode على Color Burn و Opacity على 35٪. الخطوة التاسعة: انسخ شكل العين مرةً أخرى والصقها في المقدمة (Ctrl + F ، Ctrl + C) مرتين. حدد الشكل الجديد وضعه كما هو موضح في الصورة أدناه. حدد الآن كلا الشكلين الجديدين واذهب إلى لوحة Pathfinder، واختر Minus Back. املأ الشكل الجديد باللون الأبيض. ثم اضبط Blending Mode على Screen و Opacity على 76٪. الخطوة العاشرة: ضع الأشكال الثلاثة في مجموعة وضعها على النجمة. كما ترون حصلنا على تأثير لطيف للعين. حدد مجموعة العين، انسخها والصقها في المقدمة (Ctrl + F ، Ctrl + C). حدد الشكل الجديد وضعه كما هو موضح في الصورة أدناه. اختر الآن أداة O) Reflect) وانقر على مركز الشكل مع الضغط على Alt. اضبط زاوية الانعكاس على 120 وانقر على OK. الخطوة الحادية عشر: وبنفس الطريقة يمكننا إنشاء فم للنجمة. اتبع خطوات شكل العين فقط. وفي حالة الفم، فقد أنشأت شكلًا بيضاويًا بسيطًا. انظر الصورة أدناه من فضلك. الخطوة الثانية عشر: وللمسة النهائية، سنضيف بعض اللمعان والظل في الخلف لنجمنا الجميل. ولعمل الظل الخلفي، انسخ النجمة الرئيسية والصقها في الخلف (Ctrl + B ، Ctrl + C). حركه إلى اليمين والأعلى لإسقاط بعض الظل. اجعل لون هذا الشكل أسود، واضبط Blending Mode على Multiply و Opacity على 40٪. ولإضافة بعض اللمعان إلى نجمنا، اختر أداة Star وانقر على لوحة العمل. الآن ترى النافذة. اضبط Radius 1 على 30 بكسل، و Radius 2 على 5 وPoints على 4. انقر على OK. قلل حجمها كما هو موضح في الصورة أدناه واضبط اللون على الأبيض. ولجعلها أكثر لمعانًا، أنشئ بعض التدرج. ارسم دائرة بعرض وارتفاع 14 بكسل. واملأها بتدرج (من أبيض - 100٪ إلى أسود 0٪) كما هو موضح في الصورة أدناه. اضبط Blending Mode على Screen و Opacity على 100٪. وضعها خلف النجمة اللامعة الصغيرة. 3- إنشاء شريط التقدم الخطوة الأولى: اختر أداة Rounded Rectangle، وانقر على لوحة العمل، وستظهر نافذتها. اضبط العرض على 219 بكسل والارتفاع على 26 بكسل، واضبط Corner Radius على 12 بكسل، وانقر على OK. اضبط اللون على: 173،171،174 وبدون حد. حدد الشكل، انسخه والصقه في الخلف (Ctrl + B ، Ctrl + C). حرك الشكل إلى اليمين والأعلى مع الضغط على Shift ومفاتيح الأسهم مرتين لكل منهما. املأ الشكل الجديد باللون: 129، 134، 137. الآن انسخ الشكل الأمامي مرةً أخرى والصقه في المقدمة (Ctrl + F ، Ctrl + C). حدد العرض ليكون 214 بكسل والارتفاع ليكون 16 بكسل. مرةً أخرى، انسخ الشكل الجديد والصقه في المقدمة (Ctrl + F ، Ctrl + C) مرتين. حرك أحدها إلى الأسفل 3 مرات مع الضغط على Shift ومفتاح السهم للأسفل. الآن حدد كلا الشكلين واذهب إلى لوحة Pathfinder، واختر Minus Front. الخطوة الثانية: اختر أداة Rounded Rectangle، وانقر على لوحة العمل، وستظهر النافذة. اضبط العرض على 208 بكسل والارتفاع على 13 بكسل، واضبط Corner Radius على 7 بكسل، وانقر على OK. املأ الشكل باللون: 255،239،79 وبدون حد. ضعه كما هو موضح في الصورة أدناه. حدد الشكل، انسخه والصقه في المقدمة (Ctrl + F ، Ctrl + C) مرتين. اختر واحدًا وحركه إلى أسفل. ثم حدد الأشكال الجديدة واذهب إلى لوحة Pathfinder، واختر Minus Front. اضبط Blending Mode على Screen و Opacity على 35٪. حدد الشكل مرةُ أخرى، انسخه والصقه في المقدمة (Ctrl + F ، Ctrl + C) مرتين. اختر واحدًا وحركه للأعلى. ثم حدد الأشكال الجديدة واذهب إلى لوحة Pathfinder، واختر Minus Front. اضبط Blending Mode على Color Burn و Opacity على 25٪. الخطوة الثالثة: اختر أداة Pen وارسم بعض اللمعان على الشريط. املأ الأشكال باللون الأبيض واضبط Blending Mode على Soft Light، و Opacity على 36٪. ضع الأشكال في مجموعة ووضعها خلف الشكل الأصفر. انظر الصورة أدناه. الخطوة الرابعة: حدد الشكل الأصفر واذهب إلى Offset Path‏>Path>‏Object. اضبط Offset على -3 بكسل. أبقِ الشكل الجديد محددًا واذهب مرةً أخرى إلى Offset Path>‏Path>‏Object. اضبط Offset على -0.5 بكسل. حدد الشكلين واذهب إلى لوحة Pathfinder، واختر Execlude. املأ الشكل باللون الأسود واجعله بلا. اضبط Blending Mode على Soft Light و Opacity على 100٪. حدد الشكل الجديد مرةً أخرى، وانسخه والصقه في المقدمة (Ctrl + F ، Ctrl + C). صغر حجمه قليلًا واملأه باللون الأبيض. اضبط Blending Mode على Soft Light و Opacity على 100٪. الخطوة الخامسة: في النهاية أضف عليه بعض النجوم اللامعة والظل في الخلف كما فعلنا مع أيقونة النجمة. يمكنك أيضًا جعل الشكل الأصفر أقصر، ليبدو شريط التقدم ديناميكيًا. وأخيرًا، ضع كل ذلك جنبًا إلى جنب مع خلفية جميلة. يمكنك أيضًا إنشاء أي نوع آخر من الأشكال (قلب، طاقة، ورقة وغيرها). فقط اتبع نفس الخطوات المذكورة أعلاه. هذا كل شيء. شكرًا لكم جميعًا، وسأكون مسرورًا لرؤية إصداراتك من أشرطة تقدم اللعبة. ترجمة -وبتصرف -للمقال How to Design a Game Progress Bar in Adobe Illustrator لصاحبه Astghik Salnazaryan
  13. في هذا الدرس التعليمي، سأوضح لك كيفية إنشاء سبورة في Adobe Illustrator. سوف نستخدم الأدوات الأساسية، وبعض تقنيات بناء الأشكال مع بعض التدرجات والتأثيرات للوصول إلى النتيجة النهائية. إنّ هذا الدرس بسيط نسبيًا ويمكن تطبيقه على العديد من مشاريع Illustrator الأخرى. لنبدأ! // التنسيق المطلوب p a { text-align: center; } أنشئ مستندًا جديدًا 1- شغّل البرنامج، ثم اضغط على (N+Ctrl) لإنشاء مستند جديد. حدد Pixels من قائمة Units، وأدخل 1200 في مربع العرض و 944 في مربع الارتفاع، ثم انقر على زر Advanced. حدد RGB ،Screen بدقة وضوح (72ppi) وتأكد من انّ مربع Align New Objects to pixel Grid غير محدد، قبل النقر على "OK". إنشاء السبورة 2- اختر أداة Rounded Rectangle، وببساطة انقر على لوحة العمل وأدخل البيانات كما هي موضحة أدناه، ثم انقر على Ok. بمساعدة أداة Rectangle ‏(M)، أنشئ مستطيلين بقياس: 489x340 بكسل و 466x317 بكسل. والآن أعد تحديد المستطيلات الثلاثة التي أنشأتها في هذه الخطوة وافتح لوحة Align (من Align>‏ Window) وانقر على Horizontal Align Center. أخيرًا، حدد المستطيل الأسود واملأه باللون: R=252 ، G=223 ، B=145 وأزل حده. 3- حدد المستطيلين المتبقيين وأنشئ نسخة منهما (Ctrl + F ، Ctrl + C)، وأخفِ النسخ (Ctrl +3). الآن، أعد تحديد المستطيلين الأصليين مرة أخرى، ثم افتح لوحة Pathfinder (من Pathfinder>Window) وانقر على Minus Front. املأ الشكل الناتج باللون: R = 243 ، G = 198 ، B = 123 وأزل حده. 4- قبل المتابعة، اضغط على (Ctrl + Alt +3) لإظهار المستطيلين المخفيين في الخطوة 3. قم بعمل نسخة لهذين المستطيلين (Ctrl + F ، Ctrl + C)، ثم اضغط على (Ctrl +3) لإخفاء النسخ. حدد الآن المستطيل الأزرق الأصلي واملأه بـاللون: R = 89 ، G = 108 ، B = 64 ، ثم أزل حده. تأكد من أن المستطيل الناتج لا يزال محددًا، وكرره مرة واحدة (Ctrl + F ، Ctrl + C) واذهب إلى Grain>‏ Texture>‏ Effect... اتبع البيانات كما تراها في الصورة الثالثة وانقر على OK. 5- بمساعدة أداة Direct Selection ‏(A) و Shift، حدد نقاط الربط العلوية اليمنى واليسرى للمستطيل الأحمر، ثم انقر على "Cut Paths at Selected Anchor Points" من شريط "Properties". يجعل هذا المستطيل الأحمر يصبح بمسارين. حدد المسار العلوي واحذفه. حدد بعد ذلك المسار المتبقي، واستبدل لون الحد الحالي له بـاللون: R = 252 ، G = 233 ، B = 158، وغيّر حجمه إلى 2 بكسل. 6- قبل المتابعة، اضغط (Ctrl + Alt +3) لإظهار المستطيلين المخفيين في الخطوة 4. بمساعدة أداة Direct Selection‏ (A) و Shift، حدد نقاط الزوايا الأربع من المستطيل الأزرق، ثم انقر على "Cut Paths at Selected Anchor Points" من شريط "Properties". يجعل هذا المستطيل الأزرق يصبح بأربعة مسارات. حدد المسار السفلي واحذفه. تابع باستخدام أداة Direct Selection ‏(A)، وحدد نقطة الربط السفلية للمسار الأزرق الأيسر وحركها بمقدار 4 بكسل إلى اليسار. بعد ذلك، حدد نقطة الربط السفلية للمسار الأزرق الأيمن وحركها 4 بكسل إلى اليمين. الآن حدد المسار الأزرق العلوي واستبدال لون الحد الحالي له بـاللون: R = 59 ، G = 31 ، B = 8 وغير حجمه إلى 4 بكسل. أبقِ المسار الناتج محددًا واذهب إلى Gaussian Blur>‏Blur>‏Effect ... أدخل نصف قطر مقداره3 بكسل وانقر على OK. بعد ذلك، حدد المسارين المتبقيين باللون الأزرق واستبدل لون الحد الحالي لهما بـاللون R = 59 ، G = 31 ، B = 8، ثم قم غير حجم الحد إلى 3 بكسل. أخيرًا، طبّق لهذين المسارين الناتجين: Width Profile 4 وتأثير Gaussian Blur بمقدار 5 بكسل. 7- حدد المستطيل الدائري الذي تم إنشاؤه في الخطوة 2 وقم بعمل نسخة منه (Ctrl + F ، Ctrl + C) منه، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). أضف حدًا أسودًا بمقدار1 بكسل لهذا المستطيل وأزل لون تعبئته. ركز على الصورة الثانية، واختر أداة Add Anchor Point (+) وانقر على النقاط الأربع المميزة باللون الأحمر للمستطيل الأسود. باستخدام أداة Direct Selection ‏(A) و Shift، حدد نقاط الربط الأربع التي تم إنشاؤها حديثًا للمستطيل الأسود ونقاط الزوايا الأربع من المستطيل الأحمر، ثم انقر على "Cut Paths at Selected Anchor Points" من شريط "Properties". يجعل هذا المستطيلين يصبحان بثمانية مسارات. حدد الآن المسارين الأيسرين، وانقر بزر الفأرة الأيمن على لوحة العمل ثم اختر "Join" من القائمة. افعل ذلك مرةً أخرى لتوصيل هذين المسارين ليصبحا مسارًا مغلقًا كما ترى في الصورة الرابعة. وبالمثل، كرر نفس الخطوات للمسارات الستة المتبقية. في النهاية، يجب أن يبدو الرسم مثل آخر صورة. 8- باستخدام أداة Line Segment ()، أنشئ خطًا رأسيًا بطول 600 بكسل، وبحد أحمر مقداره 1 بكسل بدون تعبئة. قم بعمل نسخة من هذا الخط (Ctrl + F ، Ctrl + C)، ثم حركها 54 بكسل إلى اليمين. بعد ذلك، حدد الخطين واذهب إلى Blend Options>‏Blend>‏Object... اتبع البيانات كما هو موضح أدناه وانقر على OK، ثم اذهب إلى Make>‏Blend>‏Object أو (Ctrl +Alt +B). تأكد من أن الشكل المُدمَج ما زال محددًا واذهب إلى Blend>‏Expand>‏Object. انقر الآن نقرًا مزدوجًا على أداة Bloat Tool من لوحة الأدوات. في شاشة Bloat Tool Options، اتبع البيانات كما هو موضح في الصورة الرابعة وانقر على OK. باستخدام أداة Bloat Tool، انقر على بعض المواقع في المجموعة التي تم إنشاؤها في هذه الخطوة. يجب أن تكون النتيجة مثل الصورة الخامسة أدناه. ركز على الصورة التالية إلى الأخيرة، وغيّر حجم الحد لبعض الخطوط المنحنية للمجموعة التي تم إنشاؤها في هذه الخطوة. أخيرًا، أعد تحديد هذه المجموعة واستبدل لون الحد الحالي لها بـاللون: R = 246 G = 205 ، B = 114. 9- قبل المتابعة، حدد الأشكال الأربعة الحمراء التي تم إنشاؤها في الخطوة 7 ثم أحضرها إلى المقدمة (Right Square Bracket+Ctrl+Shift). حدد الآن المجموعة التي تم إنشاؤها في الخطوة 8 وقم بعمل نسخة منها (Ctrl + F ، Ctrl + C)، ثم ضعها على المكان الموضح أدناه. أبقِ هذه النسخة محددة، اضغط مع الاستمرار على مفتاح Shift وانقر على الشكل الأحمر الأيسر واذهب إلى Make‏>Clipping Mask>‏Object أو (Ctrl+7)، ثم قلل Opacity لمجموعة Clipping إلى 50٪. وبالمثل، كرر نفس الخطوات السابقة للجانب الأيمن من السبورة. يجب أن تكون النتيجة مثل الصورة الأخيرة أدناه. 10- حدد المجموعة التي تم إنشاؤها في الخطوة 8 واعمل نسخة منها (Ctrl + F ، Ctrl + C). دوّر النسخة بزاوية تبلغ حوالي 90 درجة ثم ضعها في المكان الموضح أدناه. أبقِ هذه النسخة محددة، واضغط على مفتاح Shift، وانقر على الشكل الأحمر العلوي واذهب إلى Make>‏Clipping Mask>‏Object أو (7+Ctrl)، ثم قلل Opacity لمجموعة Clipping إلى 50٪. وبالمثل، كرر نفس الخطوات السابقة للجانب السفلي من السبورة. يجب أن تكون النتيجة مثل الصورة الأخيرة أدناه. 11- في الوقت الحالي، ارسم مسارًا باستخدام أداة Pen‏ (P) بحد مقداره 1 بكسل وبلون: R = 168 ، G = 87 ، B = 37. بعد ذلك، اختر أداة Ellipse ‏(L)، وأنشئ دائرة بقياس 7.5 × 7.5 بكسل، ثم قم بعمل نسخة منها (Ctrl + F ، Ctrl + C). ضع هاتين الدائرتين في الأماكن التي تراها في الصورة الثانية. املأها بتدرج دائري كما هو موضح في الصورة الثالثة، ثم أزل حدودها. كرر نفس العملية لإضافة هذه التفاصيل على زوايا السبورة الثلاث. في هذه المرحلة، يجب أن يبدو الشكل كما هو في الصورة الأخيرة أدناه. أخيرًا حدد كل الأشكال التي تم إنشاؤها في هذه الخطوة وضعها في مجموعة (G+Ctrl). 12- حدد المستطيل الدائري الذي تم إنشاؤه في الخطوة 2 واعمل نسخة منه (Ctrl + F ، Ctrl + C)، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). أبقِ هذه النسخة محددة، واضغط على Shift وانقر على المجموعة التي تم إنشاؤها في الخطوة 11، ثم اذهب إلى Make‏>Clipping Mask‏>Object أو (7+Ctrl). بعد ذلك، حدد Blending Mode الخاص بمجموعة Clipping ليكون Multiply وقلل Opacity إلى 40٪. 13- اختر أداة Rounded Rectangle، كل ما عليك هو النقر على لوحة العمل وإدخال البيانات كما هو موضح أدناه ، ثم انقر على "OK". املأ هذا المستطيل بـاللون: R = 182 و G = 110 و B = 56 وضعه في المكان الموضح أدناه. بمساعدة أداة Rectangle Tool ‏(M)، أنشئ مستطيلًا بقياس: 144 × 33 بكسل، ثم ضعه في المكان الذي تراه في الصورة الثانية. حدد نقطة الربط السفلية اليسرى للمستطيل الذي تم إنشاؤه حديثًا وحركها 20 بكسل إلى اليسار. بعد ذلك، حدد نقطة الربط السفلية اليمنى وحركها 20 بكسل إلى اليمين. الآن، أعد تحديد الشكل الأحمر واذهب إلى Round Corners‏>Stylize‏>Effect... أدخل نصف قطر مقداره 5 بكسل وانقر على OK، ثم اذهب إلى Expand Appearance‏>Object. تأكد من أن الشكل الناتج ما زال محددًا وقم بعمل نسخة منه (Ctrl + F ، Ctrl + C). ثم استبدل لون الحد الحالي للنسخة باللون الأزرق وحركها بمقدار 11 بكسل للأعلى. 14- حدد الشكل الأحمر الذي تم إنشاؤه في الخطوة 13 واملأه بـاللون: R = 243 ، G = 198 ، B = 123، ثم أزل حده. بعد ذلك املأ الشكل الأزرق بالتدرج الخطي كما هو موضح أدناه ثم أزل حده. أبقِ الشكل الناتج محددًا وقم بعمل نسخة منه، ثم اضغط على (Ctrl +3) لإخفاء النسخة. أعد الآن تحديد الشكلين اللذين تم إنشاؤهما في هذه الخطوة وادمجهما. أخيرًا، اضغط على (Ctrl + Alt +3) لإظهار الشكل الذي تم إخفاؤه في هذه الخطوة، ثم استبدل اللون الموجود بتدرج خطي جديد كما ترى في الصورة الأخيرة. 15- حدد المجموعة التي تم إنشاؤها في الخطوة 8 واعمل نسخة منها (Ctrl + F ، Ctrl + C)، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). دوّر هذه النسخة بزاوية تبلغ حوالي 90 درجة ثم ضعها في المكان الموضح أدناه. أبقِ هذه المجموعة محددة وقم بعمل نسخة منها، ثم اسحب النسخة وضعها كما هو موضح في الصورة الثانية. الآن حدد الشكل الذي استبدلت لونه للتو بتدرجٍ خطي جديد في الخطوة 14 وقم بعمل نسخة منه، ثم أحضر النسخة إلى المقدمة. تأكد من أن هذه النسخة لا تزال محددة، واضغط مع الاستمرار على Shift وانقر على المجموعتين اللتين تم إنشاؤهما في هذه الخطوة، ثم اذهب إلى Make‏>Clipping Mask‏>Object أو (7+Ctrl). أخيرًا، قلل Opacity إلى 80٪. 16- اختر أداة Rectangle ‏(M) وأنشئ مستطيلًا بقياس 48 × 568 بكسل، ثم ضعه في المكان الموضح أدناه. حدد نقطة الربط العلوية اليمنى لهذا المستطيل وحركها بمقدار 5 بكسل إلى اليسار، وذلك باستخدام أداة Direct Selection ‏(A). بعد ذلك، حدد نقطة الربط العلوية اليسرى وحركها بمقدار 5 بكسل إلى اليمين. املأ هذا الشكل باللون: R = 242 ، G = 211 ، B = 145 ثم أزل حده. بعد ذلك، حدد المجموعة التي تم إنشاؤها في الخطوة 8، وأنشئ نسخة منها (Ctrl + F ، Ctrl + C) وأحضرها إلى المقدمة (Right Square Bracket+Ctrl+Shift)، ثم ضع هذه النسخة في المكان الموضح في الصورة الرابعة أدناه. حدد الآن الشكل الذي تم إنشاؤه في هذه الخطوة وقم بعمل نسخة منه، ثم أحضرها إلى المقدمة. أبقِ هذه النسخة محددة، اضغط مع الاستمرار على مفتاح Shift وانقر على المجموعة التي تم إنشاؤها في هذه الخطوة، ثم اذهب إلى Make‏>Clipping Mask‏>Object أو (7+Ctrl). أخيرًا، اضبط Blending Mode الخاص بمجموعة Clipping على Multiply وقلل Opacity إلى 20٪. 17- أنشئ مستطيلًا أزرقًا بقياس: 46 × 69 بكسل وضعه في المكان الموضح أدناه. املأ هذا المستطيل بالتدرج الخطي كما ترى في الصورة الثانية ثم أزل حده. تأكد من أن هذا المستطيل الناتج لا يزال محددًا، وطبّق عليه تأثير Gaussian Blur بمقدار 5 بكسل ثم اضبط Blending Mode على Multiply. الآن حدد الشكل الأول الذي تم إنشاؤه في الخطوة 16 وقم بعمل نسخة منه، ثم أحضر النسخة إلى المقدمة. أبقِ هذه النسخة محددة، واضغط مع الاستمرار على Shift وانقر على الشكل الذي طُبّق عليه تأثير Blur في هذه الخطوة، ثم اذهب إلى Make‏>Clipping Mask‏>Object أو (7+Ctrl). أخيرًا، حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 16 إلى الآن وضعها في مجموعة (Ctrl + G)، ثم أرسل هذه المجموعة إلى الخلف (Left Square Bracket+Ctrl+Shift). 18- اختر أداة Rectangle Tool ‏(M) وأنشئ مستطيلًا بقياس: 43 × 123 بكسل، ثم ضعه في المكان الموضح أدناه. بمساعدة أداة Direct Selection ‏(A) و Shift، حدد نقاط الربط السفلية اليسرى واليمنى للمستطيل الأزرق، وحركها بمقدار 35 بكسل إلى اليسار. اختر بعد ذلك أداة (Pen (P وأنشئ شكلًا أحمر كما ترى في الصورة الثالثة. وبمجرد رسمه، أعد تحديده واملأه بـاللون: R = 252 ، G = 223 ، B = 145، ثم أزل حده. أخيرًا، حدد الشكل الأزرق واملأه بـاللون: R = 243 ، G = 198 ، B = 123، ثم أزل حده. 19- حدد المجموعة التي تم إنشاؤها في الخطوة 8 وقم بعمل نسخة منها (Ctrl + F ، Ctrl + C)، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). دوّر المجموعة الجديدة بزاوية حوالي -16 درجة ثم ضعها في المكان الموضح أدناه. الآن حدد الشكل الأكبر الذي تم إنشاؤه في الخطوة 18 وقم بعمل نسخة منه، ثم أحضر النسخة إلى المقدمة. حدد هذه النسخة، واضغط مع الاستمرار على Shift وانقر على المجموعة التي تم إنشاؤها في هذه الخطوة، ثم اذهب إلى Make‏>Clipping Mask>‏Object أو (7+Ctrl). أخيرًا، اضبط Blending Mode الخاص بمجموعة Clipping على Multiply وقلل Opacity إلى 15٪. 20- ارسم مسارًا منحنيًا باستخدام أداة (Pen (P واجعل حده بحجم 4 بكسل وبلون: (R = 105 ، G = 38 ، B = 0) في الوقت الحالي. أعد تحديد هذا المسار وطبق عليه تأثير Gaussian Blur بمقدار 5 بكسل ثم اضبط Blending Mode على Multiply. الآن حدد الأشكال التي تم إنشاؤها في الخطوة 18 وقم بعمل نسخة منها، ثم أحضر هذه النسخ إلى المقدمة. تأكد من استمرار تحديد هذين الشكلين اللذين تم إنشاؤهما حديثًا، وافتح لوحة Pathfinder (من Pathfinder>‏Window) وانقر على Unite. أبقِ الشكل الناتج محددًا، واستمر في الضغط على Shift وانقر على المسار الذي طُبق عليه تأثير Blur في هذه الخطوة، ثم اذهب إلى Make‏>Clipping Mask>‏Object أو (7+Ctrl). 21- حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 18 إلى هذا الوقت وضعها في مجموعة (G+Ctrl)، ثم أرسل هذه المجموعة إلى الخلف (Left Square Bracket+Ctrl+Shift). لننشئ صورة معكوسة للجانب الأيمن. حدد المجموعة المنشأة حديثًا واذهب إلى Reflect‏>Transform‏>Object. اضبط Axis على Vertical ثم انقر على Copy. اسحب النسخة التي أنشأناها للتو إلى اليمين. لا تنسَ الضغط على Shift للسحب بشكل مستقيم. عند هذه النقطة، يجب أن تظهر السبورة كما هي في الصورة الأخيرة أدناه. 22- سنكمل مع الإسفنجة. بمساعدة أداة Pen ‏(P)، أنشئ ثلاثة أشكال كما ترى في الصور أدناه. بمجرد رسم هذه الأشكال، حدد أكبر شكل واملأه بـاللون: R = 235 ، G = 186 ، B = 109، ثم أزل حده. بعد ذلك حدد الشكلين المتبقيين واملأهما بـاللون: R = 212 ، G = 134 ، B = 50، ثم أزل حدودهما. 23- حدد الأشكال الثلاثة التي تم إنشاؤها في الخطوة 22 وقم بعمل نسخة منها (Ctrl + F ، Ctrl + C)، ثم استبدل اللون الحالي للنسخ كما هو موضح في الصورة الأولى. الآن حدد هذه الأشكال الثلاثة الجديدة واذهب إلى Texturizer>Texture>Effect ... اتبع البيانات كما تراها في الصورة الثانية وانقر على OK. أبقِ هذه الأشكال الناتجة محددة وطبق عليها تأثير Feather بمقدار 3 بكسل، ثم قلل Opacity إلى 50٪. 24- ارسم مسارًا منحنيًا باستخدام أداة Pen‏ (P) واجعل له حدًا أسود بحجم 3 بكسل في الوقت الحالي. أعد تحديد هذا المسار وطبق عليه تأثير Gaussian Blur، ثم قلل Opacity إلى 70٪. أخفِ المسار الناتج وراء الأشكال الثلاثة التي تم إنشاؤها في الخطوة 22. أخيرًا حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 22 إلى الآن وضعها في مجموعة (G+Ctrl). وانتهينا من الإسفنجة في الوقت الحالي. 25- يأتي الآن دور الطبشورة. اختر أداة Ellipse ‏(L) وأنشئ شكلين بيضاويين بقياس: 6 × 12 بكسل و 6 × 15 بكسل. أعد تحديد هذين الشكلين ودوّرهما بزاوية حوالي -30 درجة، وضعهما على الأماكن الموضحة في الصورة الثالثة. ركز على الصورة الرابعة، واملأ الشكلين البيضاويين بالتدرجات الخطية، ثم أزل حدودهما. قبل المتابعة، حدد الشكل البيضاوي الأكبر وأنشئ نسخة منه، ثم اضغط على (Ctrl +3) لإخفاء النسخة. الآن حدد الشكلين اللذين تم إنشاؤهما في هذه الخطوة وادمجهما. بعدها، اضغط على (Ctrl + Alt +3) لإظهار الشكل البيضاوي المخفي في هذه الخطوة. تأكد من تحديده واستبدل اللون الحالي له بتدرج خطي جديد كما هو موضح في الصورة الأخيرة. 26- ارسم مسارًا باستخدام أداة Pen ‏(P) وأضف له حدًا بمقدار 3 بكسل في الوقت الحالي. أعد تحديد هذا المسار وطبّق عليه تأثير Gaussian Blur بمقدار 2 بكسل، ثم أخفِ المسار الناتج وراء الشكل المُدمَج الذي تم إنشاؤه في الخطوة 25. ثم حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 25 إلى الآن، وضعها في مجموعة (G+Ctrl). وانتهينا من الطباشير في الوقت الحالي. 27- ارسم مسارًا منحنيًا باستخدام أداة Pencil ‏(N) واجعل له حدًا بحجم 10 بكسل في الوقت الحالي. وبمجرد رسمه، أعد تحديده، وطبق عليه تأثير Gaussian Blur بمقدار 2 بكسل ثم اضبط Blending Mode على Overlay وقلل Opacity إلى 40٪. حدد الآن المستطيل الأخضر مع تأثير Grain الذي طُبق عليه في الخطوة 4 وقم بعمل نسخة منه (Ctrl + F ، Ctrl + C)، ثم أحضر النسخة إلى المقدمة (Right Square Bracket+Ctrl+Shift). حدد هذه النسخة، واضغط مع الاستمرار على Shift وانقر على المسار الذي طُبق عليه تأثير Blur في هذه الخطوة، ثم اذهب إلى Make‏>Clipping Mask>‏Object أو (7+Ctrl). حدد مجموعة Clipping، واضغط على (Ctrl + X) لقصها. ثم اختر أداة Selection ‏(V)، وانقر على المستطيل الأخضر الذي طُبق عليه تأثير Grain في الخطوة 4 ثم اضغط (Ctrl + F) للصق مجموعة القطع التي أُنشئت في هذه الخطوة. 28- الآن اختر أداة Type ‏(T)، افتح لوحة Character (من Character‏>Type‏>Window) واضبط البيانات كما هو موضح أدناه. بعدها، انقر ببساطة على لوحة العمل وأضف النص كما ترى في الصورة الأولى. وبالمثل، كرر نفس العملية لإضافة نص آخر كما هو موضح في الصورة الثانية. الآن، أعد تحديد النص الذي تم إنشاؤه في هذه الخطوة واذهب إلى Expand>‏Object. اضغط على Ok عندما يظهر مربع Expand. 29- الآن افتح لوحة Brushes (من Brushes>‏Window)، وانقر على "Brushes Libraries Menu" (في الزاوية السفلية اليسرى من لوحة Brushes) وستحصل على مجموعات فرشاة من فئات مختلفة. افتح فئة Artistic، واختر فئة Chalk Charcoal Pencil الفرعية. ستحصل على مكتبة من الفرش الخشنة وحدد الفرشاة المناسبة. سأستخدم الفرشاة المسمية بـ Charcoal Thin. قبل المتابعة، أغلق الفئة Chalk Charcoal Pencil الفرعية. وحدد الآن كل المجموعات التي تم إنشاؤها في الخطوة 28، ثم اذهب إلى لوحة Brushes وانقر على فرشاة Charcoal Thin. يجب أن تبدو المجموعات الناتجة كالصورة الأخيرة أدناه. 30- حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 2 إلى الآن. السبورة جاهزة وتبدو كما يلي: 31- لقد انتهينا من السبورة الآن وحان الوقت للخلفية. اختر أداة Rectangle ‏(M) وأنشئ مستطيلًا بقياس: 1200 × 944 بكسل. املأ هذا المستطيل بالتدرج الدائري كما هو موضح أدناه. أخيرًا، ضع السبورة في هذه الخلفية. 32- لإعطاء شكل أكثر واقعية، سأضيف بعض الظلال على بعض الأماكن الرئيسية. باستخدام أداة (Pen (P، ارسم ثلاثة مسارات واجعل لها حدًا أسودًا بمقدار 3 بكسل في الوقت الحالي وطّبق عليها تأثير Gaussian Blur بمقدار 2 بكسل، ثم اضبط Blending Mode على Multiply. بعد ذلك، أخفِ المسارات الناتجة خلف السبورة. استمر وأنشئ شكلًا بيضاويًا بقياس: 556 × 13 بكسل باستخدام أداة Ellipse ‏(L)، ثم ضعه في المكان الموضح في الصورة الثالثة. املأ هذا الشكل بالتدرج الدائري كما ترى في الصورة الرابعة، ثم أزل حده. بعدها، طبق عليه تأثير Gaussian Blur بمقدار 4 بكسل، ثم اضبط Blending Mode على Multiply وقلل Opacity إلى 30٪. وأخيرًا أخفِ هذا الشكل البيضاوي خلف السبورة. وانتهينا! ترجمة- وبتصرف –للمقالHow to Create a Chalkboard in Adobe Illustrato لصاحبه Bao Nguyen
  14. سننشئ في هذا الدرس التعليمي بعض أيقونات الملابس الرجالية، في برنامج Adobe Illustrator. ستتعلم أولًا كيفية رسم أيقونة قميص باستخدام الأشكال الأساسية مع تأثيرات ووظائف البرنامج المختلفة. بعد ذلك، ستقوم بإنشاء الأيقونات الثلاث المتبقية عن طريق إضافة بعض التفاصيل على أيقونة القميص. لنبدأ! أنشئ ملفًا جديدًا 1- شغل البرنامج، ثم اضغط على (N+Ctrl) لإنشاء ملف جديد. اختر Pixels من قائمة Units، وأدخل 1004 في مربع العرض و776 في مربع الارتفاع، ثم انقر على زر Advanced. حدد RGB، و Screen بدقة وضوح (72ppi) وتأكد من أنّ مربع Align New Objects to pixel Grid غير محدد، قبل النقر على "OK". أنشئ أيقونة القميص 2- اختر أداة Rounded Rectangle، وببساطة انقر على لوحة العمل وأدخل البيانات كما هو موضح أدناه، ثم انقر على OK. أظهر المساطر (Show Ruler> ‏View Ruler <View) أو (R+Ctrl ). بعد ذلك، اسحب موجِّهًا رأسيًا من المساطر. إذا كانت مقفلة، اذهب إلى Lock Guides>Guides<View) أو (;+Alt+Shift). حدد الآن المستطيل الدائري الذي تم إنشاؤه في هذه الخطوة والموجه الرأسي. بعدها، افتح لوحة Align ‏(من Align>Window) وانقر على زر Horizontal Align Center. ركّز على الصورة الثالثة، واختر أداة Add Anchor Point (+) وانقر على النقطتين المميزتين باللون الأحمر. حدد نقطتي الربط التي أضفتها للتو بمساعدة أداة Direct Selection ‏(A) وShift، ثم انقر على "Cut paths at selected anchor points" من شريط "Properties". سيجعل هذا المستطيل دائري يصبح بمسارين. حدد المسار الأيسر واحذفه. 3- حدد نقطة الربط المميزة باللون الأصفر للمسار المتبقي باستخدام أداة Direct Selection‏ (A)، وأزلها. ركز الآن على الصورة الثانية، حدد نقاط الربط المميزة باللون الأخضر وحركها 30 بكسل إلى الأسفل. ركز الآن على الصورة الرابعة، وحدد نقطة الربط المميزة باللون الأحمر وانقر على "Convert selected anchor points to smooth" من شريط "Properties". بعدها، اضبط مقابض نقطة الربط هذه للحصول على النتيجة التي تراها في الصورة الأخيرة أدناه، بمساعدة أداة Direct Selection ‏(A). 4- حدد المسار الأسود، واختر أداة Reflect ‏(O)‏ واستمر في الضغط على مفتاح Alt، ثم انقر على الموجه الرأسي الذي تم إنشاؤه في الخطوة 2. في مربع "Reflect"، حدد "Vertical" وانقر على "Copy". الآن، أعد تحديد كلا المسارين الأسودين اللذين تم إنشاؤهما من الخطوة 2 إلى الآن، ثم انقر بزر الفأرة الأيمن على لوحة العمل واختر "Join" من القائمة. قم بذلك مرة أخرى لتوصيل هذين المسارين ليصبحا مسارًا مغلقًا كما ترى في الصورة الثالثة. اترك هذا المسار المغلق محددًا واذهب إلى Offset Path>‏ Path <Object... أدخل Offset مقدارها 10- بكسل ثم انقر على "OK". 5- حدد الشكل الأسود الأكبر واملأه بـاللون R = 230 ، G = 231 ، B = 232، ثم أزل حده. بعد ذلك، حدد الشكل المتبقي واملأه بـاللون R = 255 ، G = 255 ، B = 255، ثم أزل حده. أبقِ الشكل الناتج محددًا واذهب إلى Gaussian Blur> ‏Blur> ‏Effect... أدخل 5 بكسل في Radius وانقر على OK. حدد الآن الشكل الأكبر الذي تم إنشاؤه في هذه الخطوة وقم بعمل نسخة منه (Ctrl+C و Ctrl+F) ، ثم أحضر النسخة إلى المقدمة (Right square Bracket+Shift+Alt). تأكد من أن النسخة لا تزال محددة، واستمر في الضغط على مفتاح (Shift) وانقر على الشكل الذي طُبّق عليه تأثير Blur في هذه الخطوة، ثم اذهب إلى Make> ‏Clipping Mask> ‏Object أو (7+Ctrl). في هذه المرحلة، يجب أن تظهر رسمتك كما هي في الصورة الأخيرة أدناه. 6- اختر أداة Ellipse ‏(L) وأنشئ شكلًا بيضاويًا بقياس 93 × 35 بكسل. تأكد من أن الشكل الجديد ما زال محددًا، واضغط مع الاستمرار على مفتاح Shift وانقر على مجموعة Clipping التي تم إنشاؤها في الخطوة 5، ثم حرر مفتاح Shift وانقر على مجموعة Clipping مرة أخرى (لتصحيح موضعها). بعد ذلك، افتح لوحة Align من (Align> ‏Window)، وانقر على Horizontal Align Center ثم علىVertical Align Top. ثم حدد الشكل البيضاوي الأحمر وحركه بمقدار 18 بكسل للأعلى. حدد نقطة الربط السفلية للشكل البيضاوي الأحمر بمساعدة أداة Direct Selection‏ (A) وحركها بمقدار 20 بكسل للأسفل. قم بعمل نسخة من الشكل الناتج (Ctrl+C و Ctrl+F)، ثم حرك النسخة 18 بكسل للأعلى. أخيرًا، حدد الشكلين الأحمرين اللذين تم إنشاؤهما في هذه الخطوة، ثم افتح لوحة Pathfinder (من Window >‏ Pathfinder) وانقر على زر "Minus Back". يجب أن يبدو الشكل الناتج كما هو في الصورة الأخيرة أدناه. 7- اختر أداة Pen ‏(P) وأنشئ شكل أزرق كما هو موضح أدناه. بمجرد رسم الشكل الخاص بك، أعد تحديده، ثم اختر أداة Reflect ‏(O)، استمر في الضغط على Alt وانقر على الموجه الرأسي الذي تم إنشاؤه في الخطوة 2. في مربع Reflect، حدد "Vertical" وانقر على "Copy". قبل المتابعة، حدد الأشكال الثلاثة التي تم إنشاؤها من بداية الخطوة 6 إلى الآن وقم بعمل نسخة منها، ثم أخفها (Ctrl +3). أعد الآن تحديد الأشكال الثلاثة الأصلية التي تم إنشاؤها من الخطوة 6 إلى الآن، وافتح لوحة Pathfinder (من Window >‏ Pathfinder) وانقر على Unite، ثم اذهب إلى Release> ‏Compound Path> ‏Object. بعد ذلك، حدد الشكل الأزرق الأصغر واحذفه. أخيرًا حدد الشكل الأزرق المتبقي واستبدل لون الحد الحالي له باللون الأسود. 8- قبل المتابعة، اضغط على (3+Alt+Ctrl) لإظهار الأشكال الثلاثة التي تم إخفاؤها في الخطوة 7. حدد الآن الشكل الأسود الذي تم إنشاؤه في الخطوة 7 واملأه بـاللون R = 241 ، G = 242 ، B = 242، ثم أزل حده. بعدها، حدد الشكل الأحمر واملأه بتدرج دائري كما هو موضح في الصورة الثالثة، ثم أزل حده. أخيرًا، املأ الشكلين باللون الأزرق بالتدرج الخطي كما ترى في الصورتين الأخيرتين، ثم أزل حدود الأشكال الناتجة. 9- ارسم مسارًا منحنيًا باستخدام أداة Pen‏ (P) وحدد لها حدًا أسود بمقدار 1 بكسل في الوقت الحالي. تأكد من تحديد هذا المسار، وطبق عليه Width Profile 1 وتأثير Gaussian Blur بمقدار 2 بكسل، ثم قلل Opacity إلى 10٪. تابع باستخدام أداة (Pen (P، وارسم مسارًا منحنيًا كما ترى في الصورة الرابعة، وضع له حدًا أسود بمقدار 1 بكسل وأبقه بدون تعبئة. بعد ذلك، طبّق Width Profile بمقدار 1 بكسل وتأثير Gaussian Blur بمقدار 2 بكسل للمسار المنشأ حديثًا. أخيرًا، أخفِ المسار الناتج وراء آخر شكلين تم إنشاؤهما في الخطوة 8. 10- بمساعدة أداة Pen‏ (P)، أنشئ شكلًا كما هو موضح أدناه. بمجرد رسم الشكل الخاص بك، أعد تحديده واملأه بـاللون R = 35 ، G = 31 ، B = 32، ثم أزل حده. أبقِ الشكل الناتج محددًا، وطبق عليه تأثير Gaussian Blur بمقدار 3 بكسل، ثم قلل Opacity إلى 70٪. أخيرًا، أخفِ هذا الشكل خلف آخر شكلين تم إنشاؤهما في الخطوة 8. 11- اختر أداة Rectangle‏ (M) وأنشئ مستطيلًا بقياس 7x18 بكسل بلون رمادي، ثم ضعه في المكان الموضح أدناه. حدد الآن كل الأشكال التي تم إنشاؤها من بداية الخطوة 6 إلى الآن، وضعها في مجموعة. الياقة جاهزة الآن وتبدو مثل الصورة الثانية أدناه. 12- اختر أداة Rectangle ‏(M) وأنشئ مستطيلًا بقياس 189x24 بكسل، ثم ضعه في المكان الموضح أدناه واملأه بـاللون R = 255 ، G = 255 ، B = 255، وأزل حده. تأكد من أن المستطيل الناتج لا يزال محددًا واذهب إلى Drop Shadow <Stylize <Effect ... اتبع البيانات كما هو موضح في الصورة الثانية وانقر على OK. 13- حان الآن الوقت لرسم بعض أزرار القميص. باستخدام أداة Line Segment ()، أنشئ خطًا أفقيًا بطول 13 بكسل، بحد مقداره 2 بكسل وبلون R = 147 ، G = 149 ، B = 152 بدون تعبئة، ثم ضع هذا الخط على المكان الموضح أدناه. أبقِ هذا محددًا، واذهب إلى لوحة Stroke (من Stroke>‏ Window) وانقر على أيقونة Round Cap لجعل نهايات الخط مستديرة. اختر بعد ذلك أداة Ellipse ‏(L) وأنشئ دائرة بقياس 10x10 بكسل، ثم ضعها في المكان الذي تراه في الصورة الثانية. أبقِ هذه الدائرة محددة، وأزل الحد واملأها بـاللون R = 255 ، G = 255 ، B = 255، ثم اذهب إلى Drop Shadow <Stylize <Effect ... اتبع البيانات كما هو موضح في الصورة الثالثة وانقر على OK. تابع باستخدام أداة Ellipse ‏(L) لإنشاء دائرتين صغيرتين بلونٍ رماديّ ثم ضعهما في الأماكن الموضحة في الصورة الرابعة. حدد الآن كل الأشكال التي تم إنشاؤها في هذه الخطوة وضعها في مجموعة (G+Ctrl). لقد انتهينا من الزر في الوقت الحالي. أخيرًا، قم بعمل نسختين من الزر المُنشأ حديثًا ثم ضع هذه النسخ على الأماكن الموضحة في الصورة الأخيرة. 14- حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 12 إلى الآن وضعها في مجموعة (G+Ctrl). بعد تحديد هذه المجموعة، اضغط على (X+Ctrl) لقصها. ثم اختر أداة Selection ‏(V)، وانقر نقرًا مزدوجًا على مجموعة Clipping التي تم إنشاؤها في الخطوة 5 واضغط على (F+Ctrl) للصق المجموعة التي تم قصها في هذه الخطوة. بعد ذلك، انقر نقرًا مزدوجًا على أي مكان خارج المجموعة. حدد الآن كل الأشكال التي تم إنشاؤها من بداية الخطوة 2 إلى الآن وضعها في مجموعة (G+Ctrl). أيقونة القميص جاهزة وتبدو مثل الصورة الأخيرة. أنشئ أيقونة الحمّالة 15- تأتي بعد ذلك أيقونة الحمّالة. حدد مجموعة أيقونة القميص التي تم إنشاؤها في الخطوة 14 وقم بعمل نسخة منها (Ctrl+C و Ctrl+F)، ثم ضع النسخة في مكانٍ آخر. سوف نعمل على هذه النسخة لإنشاء أيقونة الحمّالة. أولًا سنقوم بإنشاء ربطة العنق. اختر أداة Rectangle ‏(M) وأنشئ مستطيلين بقياس: 19x20 بكسل و 22x147 بكسل، ثم ضع هذين المستطيلين في الأماكن الصحيحة كما هو موضح أدناه. باستخدام أداة Direct Selection ‏(A)، حدد نقطة الربط العلوية اليسرى للمستطيل الأحمر وحركها 5 بكسل إلى اليسار. حدد بعد ذلك نقطة الربط العلوية اليمنى وحركها 5 بكسل إلى اليمين. تابع باستخدام أداة Direct Selection ‏(A)، وحدد نقطة الربط السفلية اليسرى من المستطيل الأزرق وحركها 6 بكسل إلى اليسار. بعد ذلك، حدد نقطة الربط السفلية اليمنى وحركها 6 بكسل إلى اليمين. ركز الآن على الصورة الخامسة، واختر أداة Add Anchor Point (+) وانقر على النقطتين المميزتين باللون الوردي. أعد تحديد نقطة الربط اليسرى التي أضفتها للتو وحركها 4 بكسل إلى اليسار. بعد ذلك انقل نقطة الربط اليمنى 4 بكسل إلى اليمين. أخيرًا، أضف نقطة ربط في منتصف الجانب السفلي للشكل الأزرق، ثم حرك نقطة الربط هذه 19 بكسل إلى الأسفل. أخيرًا، يجب أن يبدو الشكل كما هو في آخر صورة. 16- حدد الشكلين باللونين الأحمر والأزرق، ثم املأهما بـاللون R = 45 ، G = 44 ، B = 46 وأزل حدودهما. حدد الآن الشكل الأصغر الذي ملأته للتو باللون الأسود واذهب إلىDrop Shadow<Stylize<Effect ... اتبع البيانات كما هي في الصورة الثانية وانقر على OK. بعدها، حدد الشكل الأسود المتبقي وطبق تأثير Drop Shadow كما هو موضح في الصورة الأخيرة أدناه. أخيرًا، حدد الأشكال التي تم إنشاؤها في هذه الخطوة وضعها في مجموعة (G+Ctrl). وانتهت ربطة العنق! 17- باستخدام أداة Rectangle ‏(M)، أنشئ مستطيلًا أسودًا بحجم 236x25 بكسل، ثم ضعه في المكان الموضح أدناه. أبقِ المستطيل محددًا واذهب إلى Drop Shadow <Stylize <Effect ... اتبع البيانات كما هو موضح في الصورة الثانية وانقر على OK. لننشئ صورة معكوسة عن الجانب الأيمن. حدد المستطيل الذي طُبّق عليه تأثير الظل في هذه الخطوة واذهب إلى Reflect>‏Transform>‏Object. حدد Axis ليكون Vertical، ثم انقر على Copy. اسحب النسخة التي أنشأناها للتو إلى اليمين. لا تنسَ الضغط باستمرار على مفتاح Shift للسحب بشكل مستقيم. تأكد من أن المستطيل الذي تم إنشاؤه حديثًا ما زال محددًا واذهب إلى لوحة Appearance من (Appearance>‏Window)، ثم انقر على Drop Shadow. اتبع البيانات كما تراها في الصورة الأخيرة في مربع Drop Shadow، وانقر على OK. 18- اختر أداة Rectangle ‏(M) وأنشئ مستطيلين بقياس: 29x8 بكسل و 5.5x29 بكسل، ثم ضعهما في المكان الصحيح كما هو موضح أدناه. حدد المستطيل الأكبر الذي أنشأته للتو واملأه بتدرج خطي كما هو موضح في الصورة الثالثة، ثم أزل حده. املأ المستطيل المتبقي بـاللون R = 255 ، G = 229 ، B = 180، ثم أزل حده. 19- حدد جميع الأشكال التي تم إنشاؤها من الخطوة 15 إلى الآن، ثم اضغط على (X+Ctrl) لقصها. ثم اختر أداة (Selection (V، وانقر نقرًا مزدوجًا على مجموعة Clipping من قميص أيقونة الحمّالة واضغط (F+Ctrl) للصق جميع الأشكال تم قصها في هذه الخطوة. بعد ذلك، انقر نقرًا مزدوجًا على أي مكان خارج مجموعة Clipping. حدد الآن كل الأشكال التي تم إنشاؤها من بداية الخطوة 15 إلى الآن، وضعها في مجموعة (G+Ctrl). أيقونة الحمّالة جاهزة وتبدو مثل الصورة الأخيرة أدناه. أنشئ أيقونة السترة 20- سنواصل مع أيقونة السترة. حدد أيقونة القميص التي تم إنشاؤها في الخطوة 14 وقم بعمل نسخة منها Ctrl+C و Ctrl+F، ثم ضع النسخة في مكانٍ آخر. سوف نعمل على هذه النسخة لإنشاء أيقونة السترة. ابدأ برسم شكل باستخدام أداة Pen ‏(P) كما في الصورة أدناه. ركز الآن على الصورة الثانية، واختر أداة Convert Anchor Point أو (C+Shift). انقر فوق نقطة الربط المميزة باللون الأزرق، واسحبها بالفأرة إلى اليمين أثناء الضغط على مفتاح Shift. استمر في العمل باستخدام أداة Convert Anchor Point، وانقر فوق المقبض الأيسر لنقطة الربط المميزة باللون الأزرق وحركها إلى المكان الموضح في الصورة الثانية. تابع استخدام أداة Convert Anchor Point أو (C+Shift)، وانقر على نقطة الربط المميزة باللون الأخضر، واسحبها بالفأرة للأعلى أثناء الضغط على مفتاح Shift. تأكد من أنّ أداة Convert Anchor Point ما زالت نشطة، وانقر فوق المقبض العلوي لنقطة الربط المميزة باللون الأخضر وحركها إلى اليمين. وبالمثل، كرر نفس العملية بالنسبة لنقطتي الربط الموضحة باللون الأصفر والأرجواني. يجب أن تحصل على شكل مشابه للصورة الأخيرة أدناه. 21- حدد الشكل الأحمر الذي تم إنشاؤه في الخطوة 20 وقم بعمل نسخة منه (Ctrl+C و Ctrl+F). اعكس النسخة بشكل عمودي، ثم ضعها على الجانب الآخر من القميص. أعد تحديد الشكلين الأحمرين وأزل حدودهما، ثم املأهما بـاللون R = 65 ، G = 64 ، B = 66. حدد الآن الشكل الأيسر الذي ملأته للتو باللون الأسود واذهب إلى Drop Shadow <Stylize <Effect ... اتبع البيانات كما تظهر في الصورة الثالثة وانقر على OK. بعدها، حدد الشكل الأسود المتبقي طبق عليها تأثير Drop Shadow كما هو موضح في الصورة الأخيرة أدناه. 22- حان الوقت الآن لرسم بعض الأزرار للسترة. أنشئ خطًا أفقيًا بطول 17 بكسل باستخدام أداة Line Segment ()، مع حد بمقدار 2 بكسل وبلون R = 35 ، G = 31 ، B = 32 وبدون تعبئة، ثم ضع هذا الخط على المكان الموضح أدناه. أبقِ الخط الذي تم إنشاؤه حديثًا محددًا، واذهب إلى لوحة Stroke (من Stroke>‏ Window) وانقر على أيقونة Round Cap لجعل نهايات الخط مستديرة. بعد ذلك، اختر أداة Ellipse‏ (L) وأنشئ دائرة بقياس 13 × 13 بكسل، ثم ضعها في المكان الظاهر في الصورة الثانية. أبقِ هذه الدائرة محددة، وأزل الحد واملأها بـاللون R = 88 ، G = 89 ، B = 91، ثم اذهب إلى Drop Shadow <Stylize <Effect ... اتبع البيانات كما هو موضح في الصورة الثالثة وانقر على OK. تابع باستخدام أداة Ellipse ‏(L) لإنشاء دائرتين صغيرتين بلونٍ رمادي ثم ضعها في الأماكن الموضحة في الصورة الرابعة. حدد الآن كل الأشكال التي تم إنشاؤها في هذه الخطوة وضعها في مجموعة (Ctrl+G). لقد انتهينا من الزر في الوقت الحالي. أخيرًا، قم بعمل نسخة من الزر الذي تم إنشاؤه الآن ثم ضع هذه النسخة في المكان الموضح في الصورة الأخيرة. 23- حدد جميع الأشكال التي تم إنشاؤها من بداية الخطوة 20 إلى الآن وضعها في مجموعة (G+Ctrl)، ثم اضغط على (X+Ctrl) لقصها. اختر أداة Selection‏ (V)، وانقر نقرًا مزدوجًا على مجموعة Clipping من قميص أيقونة السترة، واضغط على (F+Ctrl) للصق كل المجموعة التي تم قصها في هذه الخطوة. بعدها، انقر نقرًا مزدوجًا على أي مكان خارج المجموعة. في هذه المرحلة، يجب أن تظهر أيقونة السترة كما هي في الصورة الأخيرة أدناه. 24- لقد حان الوقت لرسم البابيون. يمكنك إنشاء شكلين كما هو موضح في الصورة الأولى والثانية بمساعدة أداة Pen ‏(P). عندما ترسم الأشكال الخاصة بك، حدد الشكل الأكبر وأزل حده، ثم املأه بـاللون R = 35 ، G = 31 ، B = 32. بعدها، حدد الشكل المتبقي، وأزل حده واملأه باللون R = 65 ، G = 64 ، B = 66، ثم طبق تأثير Gaussian Blur بمقدار 2 بكسل على الشكل الناتج. تابع باستخدام أداة (Pen (P، وانشئ شكلًا أحمر كما ترى في الصورة الخامسة. املأ هذا الشكل بـاللون R = 45 ، G = 44 ، B = 46 وأزل حده. ركز على الصورة السابعة، ارسم مسارين باستخدام أداة Pen ‏(P). وأعد تحديدهما، واستبدل لون الحد الحالي بـاللون R = 65 ، G = 64 ، B = 66، وغير حجم الحد إلى 2 بكسل، ثم طبق Width Profile 5 للمسارات الناتجة. بعد ذلك، حدد المسار الأطول وغير حجم الحد إلى 3 بكسل. حدد الآن الأشكال الثلاث الأخيرة التي تم إنشاؤها في هذه الخطوة وضعها في مجموعة (G+Ctrl)، ثم قم بعمل نسخة من هذه المجموعة (Ctrl + C ، Ctrl + F). اعكس النسخة بشكل رأسي، ثم ضعها على الجانب الآخر من الياقة. 25- اختر أداة Pen ‏(P) وأنشئ شكلًا كما ترى في الصورة أدناه. بمجرد رسم الشكل الخاص بك، أعد تحديده، وأزل حده واملأه بـاللون R = 0 ، G = 0 ، B = 0. ثم طبق عليه تأثير Gaussian Blur بمقدار 3 بكسل على هذا الشكل الجديد وأخفه خلف كل الأشكال التي تم إنشاؤها في الخطوة 24. ثم حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 24 إلى الآن وضعها في مجموعة (G+Ctrl). وانتهت البابيون! أخيرًا، حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 20 إلى الآن وضعها في مجموعة (G+Ctrl). لقد انتهينا من أيقونة السترة الآن. أنشئ أيقونة المعطف والسترة 26- لنرسم الأيقونة النهائية: أيقونة المعطف والسترة. حدد أيقونة السترة التي تم إنشاؤها في الخطوة 25 وقم بعمل نسخة منها (Ctrl+C و Ctrl+F)، ثم ضع النسخة في مكانٍ آخر. سوف نعمل على هذه النسخة لإنشاء أيقونة المعطف والسترة. أولاً، حدد ربطة العنق واحذفها. اختر بعد ذلك ربطة العنق في أيقونة الحمالة التي تم إنشاؤها في الخطوة 16 وقم بعمل نسخة منها، ثم ضع النسخة على المكان الموضح في الصورة الثالثة. الآن أعد تحديد ربطة العنق التي تم إنشاؤها حديثُا، ثم اضغط على *أخفها خلف مجموعة السترة كما هو موضح في الصورة التالية. أخيرًا، انقر نقرًا مزدوجًا على أي مكان خارج المجموعة. في هذه المرحلة، يجب أن تظهر أيقونة المعطف والسترة كما هي في الصورة الأخيرة أدناه. 27- اختر أداة Rectangle ‏(M) وأنشئ مستطيلًا بقياس 125 × 226 بكسل، ثم ضعه في المكان الموضح أدناه. باستخدام أداة Direct Selection ‏(A)، حدد نقطة الربط العلوية اليمنى للمستطيل الجديد وحركها بمقدار 20 بكسل إلى اليسار. ركز الآن على الصورة الثالثة، واختر أداة "Convert Anchor Point" أو (C+Shift)، وانقر على نقطة الربط السفلية اليمنى للشكل الأحمر، واسحبها إلى اليسار أثناء الضغط على مفتاح Shift. استمر في العمل باستخدام أداة Convert Anchor Point، انقر فوق المقبض الأيمن لنقطة الربط السفلية اليمنى وحركها إلى المكان الموضح في الصورة الثالثة. تابع استخدام أداة (Convert Anchor Point أو (C+Shift)، وانقر فوق نقطة الربط العلوية اليمنى، واسحبها بالفأرة إلى اليمين أثناء الضغط على مفتاح Shift. تأكد من أن أداة Convert Anchor Point ما زالت نشطة، انقر فوق المقبض الأيمن لنقطة الربط العلوية اليمنى وحركها إلى الأسفل. عند هذه النقطة، يجب أن يظهر الشكل الأحمر كما هو في الصورة الثالثة. تابع باستخدام أداة Pen ‏(P)، أنشئ شكلين كما ترى في آخر صورتين أدناه. أخيرًا، حدد الشكل الأخضر وأخفه خلف الشكل الأصفر. 28- حدد الأشكال الثلاثة التي تم إنشاؤها في الخطوة 27 وأزل حدودها، ثم املأها بـاللون R = 35 ، G = 31 ، B = 32. أعد تحديد الشكل الأكبر الذي ملأته للتو باللون الأسود واذهب إلى Drop Shadow <Stylize <Effect ... اتبع البيانات كما هو موضح في الصورة الثانية وانقر على OK. بعدها، حدد الشكلين المتبقيين وافتح شاشة Drop Shadow. اتبع البيانات الموضحة في الصورة الثالثة، ثم انقر على "OK". 29- حدد جميع الأشكال السوداء الثلاثة التي طبق عليها تأثير Drop Shadow وقم بعمل نسخة منها (Ctrl+C و Ctrl+F). اعكس هذه النسخ بشكل رأسي، ثم اسحب الأشكال الناتجة إلى اليمين وضعها كما هو موضح في الصورة الأولى. لا تنسَ الضغط على Shift للسحب بشكل مستقيم. حدد الآن الشكل الأسود الأكبر الذي حركته للتو واذهب إلى لوحة Appearance من (Appearance>‏Window)، ثم انقر على Drop Shadow. اتبع البيانات كما هو موضح في الصورة الثانية في شاشة Drop Shadow وانقر على OK. كرر نفس العملية للشكلين الصغيرين المتبقيين لتعديل تأثير Drop Shadow كما هو موضح في الصورة الأخيرة. 30- حدد جميع الأشكال التي تم إنشاؤها من بداية الخطوة 27 إلى الآن وضعها في مجموعة (G+Ctrl). اختر بعد ذلك أكبر شكل أبيض من أيقونة قميص المعطف والسترة وقم بعمل نسخة منه (Ctrl+C و Ctrl+F)، ثم أحضر النسخة إلى المقدمة (Right square Bracket+Shift+Alt). حدد هذه النسخة، واضغط على مفتاح Shift وانقر على المجموعة التي تم إنشاؤها في هذه الخطوة، ثم اذهب إلى Make>‏‏Clipping Mask>‏Object أو (7+Ctrl). أخيرًا، حدد جميع الأشكال التي تم إنشاؤها من بداية الخطوة 26 إلى الآن وضعها في مجموعة (G+Ctrl). أيقونة المعطف والسترة جاهزة وتبدو مثل الصورة الأخيرة. أنشئ الخلفية 31- لقد انتهينا من الأيقونات، وحان الوقت الآن للخلفية. أنشئ مستطيلًا بقياس 1004 × 776 بكسل باستخدام أداة Rectangle ‏(M) ثم املأه بالتدرج الدائري كما هو موضح أدناه. بعدها ضع الأيقونات الأربع التي تم إنشاؤها في الخطوات السابقة في هذه الخلفية. 32- سنبدأ بإنشاء ظلال لهذه الأيقونات لمنحها مظهرًا ثلاثي الأبعاد. أولًا، اختر أداة Ellipse ‏(L) وأنشئ شكلًا بيضاويًا بقياس 154 × 9 بكسل، ثم ضعه في المكان الموضح أدناه واملأه بـاللون R = 35 ، G = 31 ، B = 32، وأزل حده. ثم طبّق عليه تأثير Gaussian Blur بمقدار 8 بكسل. بعدها، قم بعمل أربع نسخ من هذا الشكل مع تأثير Blur المطبق في هذه الخطوة، ثم ضع هذه النسخ على الأماكن التي تراها في الصورة الأخيرة. انتهينا! ترجمة -وبتصرف- للمقال How to Create some Men Clothes Icons in Adobe Illustrator لصاحبه Bao Nguyen
  15. ستتعلم في هذا الدرس التعليمي، كيفية إنشاء سكين الورق في برنامج الـ Adobe Illustrator. سنستخدم الأشكال الأساسية ونستخدمها مع لوحة Pathfinder، و Blend Objects، و Path Offset إلى جانب بعض التأثيرات الأساسية. أتمنى أن تستمتع به. لنبدأ! أنشئ ملفًا جديدًا شغّل Adobe Illustrator، ثم اضغط على (Ctrl+N) لإنشاء ملف جديد. اخترPixels من قائمة Units، وأدخِل 1272 في مربع العرض و787 في مربع الارتفاع، وبعدها انقر على زرAdvanced. اختر RGB، Screenبدقة وضوح (72ppi) وتأكد من أنّ مربع Align New Objects to Pixel Grid غير محدد، قبل النقر على OK. أنشئ المشرط ابدأ برسم مستطيل بقياس 466x124 بكسل باستخدام أداة Rectangle ‏(M). أنشئ شكلًا بيضاويًّا بقياس 109x124 بكسل بمساعدة أداة Ellipse ‏(L)، ثم ضعه في المكان الصحيح كما هو موضح في الصورة الثانية. حدد الآن الشكلان اللذان تم إنشاؤهما حديثًا، ثم افتح لوحة Pathfinder (من Window >‏ Pathfinder) وانقر على زر Unite. باستخدام أداة Direct Selection ‏(A)، حدد نقطة الربط العلوية اليمنى للشكل الناتج وحركها بمقدار 7 بكسل إلى الأسفل. بعد ذلك، حدد نقطة الربط السفلية اليسرى، وحركها بمقدار49 بكسلًا للأعلى و21 بكسلًا إلى اليمين. اختر أداة Add Anchor Point (+) وانقر على النقطتين الظاهرتين باللون الأزرق. بمساعدة أداة Direct Selection ‏(A)، حدد نقطة الربط العليا وحركها بمقدار 8 بكسل للأعلى. بعدها، حدد نقطة الربط المتبقية وحركها بمقدار 16 بكسل للأعلى. أعد الآن تحديد نقطتي الربط اللتان قمت بتحريكهما للتو وانقر على زر "Convert selected anchor points to smooth" من شريط "Properties". بعد ذلك وبمساعدة أداة Direct Selection ‏(A)، اضبط نقطتي الربط اللتان تم إنشاؤهما حديثًا، كما هو موضح في الصورة الأخيرة. اختر أداة Add Anchor Point (+) وانقر على النقاط الأربع المميزة باللون الأسود. أعد تحديد نقاط الربط الأربعة التي تم إنشاؤها حديثًا وانقر على زر "Cut path at selected anchor points" من شريط "Properties". يجعل هذا الشكل الأحمر يصبح بأربعة مسارات. واستبدل لون الحد الحالي للمسارين بلونين مختلفين، كما هو في الصورة الثانية. وبالتالي سيكون من الأسهل عليك العثور عليها. اختر الآن المسار الأزرق واذهب إلى Zig ZagExpand Appearance. وأخيرًا، حدد المسارات الأربعة التي تم إنشاؤها في هذه الخطوة، وانقر بزر الفأرة الأيمن على Artboard ثم اختر "Join**" من القائمة. يجب أن يبدو الشكل في هذه المرحلة كما هو ظاهر في الصورة الأخيرة. اختر أداة Rectangle ‏(M) وأنشئ مستطيلين بالأبعاد التالية 391x45 بكسل و 65x 29 بكسل، ثم ضعها في أماكنها التي تراها في الصورة الثالثة. أعد تحديد المستطيلين اللذين تم إنشاؤهما حديثًا، وافتح لوحة Pathfinder (من Window >‏ Pathfinder) وانقر على زر Unite. يجب أن يبدو الشكل الناتج كما هو في الصورة الأخيرة أدناه. حدد نقطة الربط المميزة باللون الأحمر من الشكل الأسود وانقلها 6 بكسل إلى اليمين. ركز الآن على الصورة الثانية. انقر فوق نقطة الربط المميزة باللون الأحمر، واسحبها إلى اليمين أثناء الضغط على مفتاح Shift، بمساعدة أداة Convert Anchor Point أو Shift+C. استمر في فعل الشيء نفسه مع نقطة الربط المميزة باللون الأصفر للحصول على النتيجة التي تراها في الصورة الثالثة أدناه. ركز على الصورة الأولى .حدد نقطة الربط المميزة باللون الأحمر وحركها 12 بكسل إلى اليمين. الآن باستخدام أداة Convert Anchor Point أو (Shift + C)، انقر فوق نقطة الربط المميزة باللون الأحمر، واسحبها إلى اليسار أثناء الضغط على مفتاح Shift. استمر في فعل الشيء نفسه مع نقطة الربط المميزة باللون الأصفر للحصول على النتيجة التي تراها في الصورة الثالثة أدناه. في هذه المرحلة، يجب أن يبدو الشكل الأسود كما هو في الصورة التالية: اختر أداة (Ellipse (L وأنشئ شكلين دائريين بالأبعاد التالية 34x34 بكسل و20x20 بكسل، ثم ضعها في أماكنها كما هو موضح أدناه. قبل المتابعة، حدد الدائرة السوداء الكبرى وأنشئ نسخة منها من خلال الضغط على Ctrl+C و Ctrl+F. استبدل لون الحد الحالي لهذه النسخة باللون الأصفر، ثم اضغط على (Ctrl +3) لإخفاء النسخة. حدد الآن نقاط الربط الأربعة المميزة باللون الأصفر للدائرتين المنشئتين حديثًا ثم انقر على "Cut paths at selected anchor points" من شريط "Properties". يجعل هذا الدائرتين تصبحان بأربعة مسارات. حدد مسارين كما هو موضح في الصورة الثالثة وأزلهما. بعد ذلك، أعد تحديد المسارين المتبقيين، وانقر بزر الفأرة الأيمن على لوحة العمل واختر "Join" من القائمة. ثم انقر بزر الفأرة الأيمن على لوحة العمل مرة أخرى واختر "Join". اضغط على (Ctrl+Alt+3) لإظهار الدائرة الصفراء التي تم إخفاؤها في الخطوة 9. تأكد من أن الدائرة ما زالت محددة وقم بعمل نسختين منها من خلال الضغط على (Ctrl+F،Ctrl+F،Ctrl+C). حدد الآن الدائرة الصفراء والشكل الأسود الذي تم إنشاؤه في الخطوة 9. افتح لوحة Pathfinder (من Window >‏ Pathfinder) وانقر على زر Minus Front. استمر في تحديد الدائرة الصفراء والشكل الأزرق الذي تم إنشاؤه في الخطوة 4، ثم انقر على Minus Front من لوحة Pathfinder. أبقِ الشكل الناتج محددًا وقم بعمل نسخة منه من خلال الضغط على Ctrl+C و Ctrl+F، ثم استبدل لون الحد الحالي للنسخة باللون الأحمر. تأكد من تحديد هذا الشكل الأحمر، واضغط على مفتاح Shift وانقر على الشكل الأسود الذي تم إنشاؤه في الخطوة 7، ثم انقر على Minus Frontمن لوحة Pathfinder. حدد الشكل الأزرق الذي تم إنشاؤه في الخطوة 10 واملأه باللون: R = 147، G = 141 ، B = 119، ثم أزل حده. بعدها، حدد الشكل الأحمر واملأه باللون: R = 236 ، G = 63 ، B = 66، ثم أزل حده. حدد الدائرة الصفراء وأحضرها إلى المقدمة Right Square Bracke+Shift+Ctrl وقم بعمل نسخة منها Ctrl+C و Ctrl+F، ثم حرك النسخة 2 بكسل للأعلى و7 بكسل إلى اليسار. أعد تحديد العلامتين الصفراء وانقر على Minus Front من لوحة Pathfinder. وأخيرًا، املأ الشكل الناتج بـاللون: R = 180 ، G = 36 ، B = 0 ثم أزل حده. حدد الشكل الأسود الذي تم إنشاؤه في الخطوة 10 واذهب إلى Offset Path>Path<Object... اتبع البيانات الموضحة أدناه وانقر على Ok. تأكد من أن الشكل الذي تم إنشاؤه الآن ما زال محددًا، وحركه بمقدار 2 بكسل إلى الأعلى و1 بكسل إلى اليسار، واملأه باللون: R = 180 ، G = 36 ،B = 0 وأزل حده. بعدها، املأ الشكل الأسود المتبقي بـاللون R = 236 ، G = 63 ، B = 66، ثم أزل حده. أعد تحديد الشكلان اللذان ملأتهما للتو باللون الأسود الآن، واذهب إلى Blend Options>Blend>Object ... اتبع البيانات كما تراها في الصورة الأخيرة وانقر على OK، ثم اذهب إلى Make>Blend>Object أو (B+Alt+Ctrl). بمساعدة أداة (Pen (P، أنشئ شكلين كما هو ظاهر في الصورة الأولى والثانية. وبمجرد رسمهما، أعد تحديدهما، ثم افتح لوحة Pathfinder (من Window >‏ Pathfinder) وانقر على Minus Front. املأ الشكل الناتج بـاللون R = 180 ، G = 36 ، B = 0، وأزل حده، ثم أخفِ هذا الشكل خلف الشكل الأحمر الذي تم إنشاؤه في الخطوة 11. أبقِ الشكل الذي تم إنشاؤه حديثًا محددًا واذهب إلى Drop Shadow<Stylize<Effect ... اتبع البيانات كما تراها في الصورة الأخيرة وانقر على OK. اختر أداة Rectangle‏ (M) وأنشئ مستطيلًا بقياس 333 × 37 بكسل، ثم ضعه في المكان الموضح أدناه. حدد نقطتا الربط أسفل اليسار وأسفل اليمين للمستطيل الذي تم إنشاؤه حديثًا، ثم حركهما 23 بكسلًا إلى اليسار. تابع باستخدام أداة Rectangle ‏(M) وأنشئ مستطيلًا بقياس 5 x 383 بكسل، ثم ضعه في مكانه كما ترى في الصورة الثالثة. حدد الآن الشكل الأسود الذي تم إنشاؤه في هذه الخطوة وقم بعمل نسخة منه Ctrl+C و Ctrl+F أبقِ النسخة محددة، واستمر في الضغط على مفتاح **Shift وانقر على المستطيل الأزرق. افتح لوحة Pathfinder (من Window >‏ Pathfinder) وانقر على زر Intersect** . املأ الشكل الناتج باللون R = 220 ، G = 221 ، B = 222 وأزل حده. بعد ذلك،املأ الشكل الأسود الذي تم إنشاؤه في هذه الخطوة بـاللون R = 181 ، G = 183 ، B = 177 وأزل حده. باستخدام أداة Pen ‏(P)** ، أنشئ مسارين باللون الأزرق كما هو موضح أدناه. أعد تحديد المسارين المنشأين حديثًا وادمجهما. تأكد من أن الشكل المُدمَج ما زال محددًا وأضف له حدًا بمقدار 1 بكسل** (طبق التدرج الخطي للحد). اختر أداة Ellipse ‏(L) وأنشئ دائرتين بقياس 15x15 بكسل و 12x12 بكسل، ثم ضعها في مكانها كما هو موضح أدناه. املأ الدائرة الأكبر بـاللون R = 0 ، G = 0 ، B = 0 وأضف حدًا بمقدار 1 بكسل (استخدم التدرج الخطي داخل الحد) لهذه الدائرة. بعد ذلك، املأ الدائرة المتبقية بالتدرج الدائري كما ترى في الصورة الأخيرة، ثم أزل حدها. اختر أداة Pen ‏(P) وأنشئ شكلين كما هو موضح في الصورة الأولى والثانية. وبمجرد رسم هذه الأشكال، حدد الشكل الأزرق واملأه بـاللون: R = 43 ، G = 44 ، B = 47، ثم أزل حده. بعد ذلك، املأ الشكل المتبقي بالتدرج الخطي كما ترى في الصورة الأخيرة ثم أزل حده. باستخدام أداة Rectangle‏ (M)، أنشئ مستطيلًا بقياس 504x43 بكسل وضعه كما هو موضح في الصورة الأولى. اختر بعد ذلك أداة Pen ‏(P) وأنشئ شكلًا أرجوانيًا كما ترى في الصورة الثانية. أعد تحديد الشكلين اللذين تم إنشاؤهما في هذه الخطوة، وافتح لوحة Pathfinder (من Window >‏ Pathfinder) وانقر على زر Minus Front، ثم اذهب إلى Ungroup>Object أو (G+Shift+Ctrl). اختر أداة(Direct Selection (A ومع الضغط على مفتاح (Shift)، حدد نقطتي الربط الموضحة باللون الأحمر كما هو موضح في الصورة الخامسة وانقلهما 9 بكسل إلى اليسار. ركز الآن على الصورة السادسة، واختر أداة Add Anchor Point (+) وانقر على النقطتين المميزتين باللون الأصفر. ثم حدد نقطة الربط المميزة باللون الأخضر وأزلها. اختر أداة Convert Anchor Point أو (Shift + C)، وانقر فوق نقطة الربط الأولى التي أضيفت للتو، واسحبها إلى اليمين باستخدام الفأرة. يجب أن تحصل على شكل مثل الشكل الموجود في آخر صورة. وبالمثل، كرر نفس العملية بنفس الخطوات السابقة للشكل الأزرق المتبقي. اختر أداة Add Anchor Point (+) وانقر على النقطة المميزة باللون الأخضر للشكل الأزرق العلوي. بعدها، حدد نقطة الربط التي تم إنشاؤها حديثًا ونقطة الربط اليمنى السفلية للشكل الأزرق العلوي، ثم انقر على "Cut path at selected anchor points" من شريط "Properties"، ليصبح الشكل الأزرق العلوي بمسارين. أما بالنسبة للصورة الثالثة، فاستبدل لون الحد الحالي للمسار الأقصر باللون الأخضر. سيكون من الأسهل بالنسبة لك العثور على هذا المسار. الآن، أعد تحديد المسار الأخضر واذهب إلى Zig Zag<Distort & Transform<Effect ... اتبع البيانات كما هو موضح في الصورة الرابعة وانقر على OK، ثم اذهب إلى Expand Appearance<Object. أخيرًا، حدد المسار الأخضر والأزرق، وانقر بزر الفأرة الأيمن على لوحة العمل ثم اختر "Join" من القائمة. يجب أن يبدو الشكل الأخضر عند هذه النقطة كما هو في الصورة الأخيرة. حدد الشكلين باللونين الأخضر والأزرق، ثم واملأهما باللون الأبيض R = 221 ، G = 224 ، B = 224 وأزل حدودهما. أعد تحديد الشكل الأبيض العلوي وقم بعمل نسخة منه Ctrl+C و Ctrl+F ثم استبدل اللون الموجود للنسخة بـاللون R = 88 ، G = 89 ، B = 91. حرك الشكل الذي تم إنشاؤه حديثًا 2 بكسل للأسفل وأخفه خلف الشكل الأبيض العلوي. حدد الشكل الأبيض السفلي وقم بعمل نسخة منه Ctrl+C و Ctrl+F. أضف لهذه النسخة بعد ذلك حدًا بمقدار 1 بكسل بلون R = 255 ، G = 255 ، B = 255، ثم أزل لون تعبئته. حدد الآن الجزء السفلي الأيسر وأعلى يمين الشكل الذي تم إنشاؤه حديثًا، ثم انقر على"Cut paths at selected anchor points" من شريط "Properties" ليصبح هذا الشكل بمسارين. حدّد المسار السفلي وأزله. ولإضافة بعض التفاصيل، ارسم أولاً مسارين أفقيين كما ترى في الصورة الثالثة. بمجرد رسم المسارات، حدد المسار الأزرق وأضف حدًا بمقدار 3 بكسل بلون R = 255 ، G = 255 ، B = 255، ثم طبق Width Profile 4 لهذا المسار. بعد ذلك حدد المسار المتبقي وأضف حدًا بمقدار 1 بكسل** وبلون R = 65 ، G = 64 ،B = 66. حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 15 إلى الآن وضعها في مجموعة (G+Ctrl)، ثم أخفِ هذه المجموعة خلف الشكل الذي طُبّق عليه تأثير الظل في الخطوة 14. اختر أداة Ellipse ‏(L) وأنشئ دائرة بقياس 42x42 بكسل. أبقِ الدائرة التي أنشأتها للتو محددة، واذهب إلى Zig Zag<Distort & Transform<Effect ... اتبع البيانات كما هو موضح في الصورة الثانية وانقر على OK. قبل المتابعة، حدد الشكل الأحمر الذي تم إنشاؤه في هذه الخطوة وقم بعمل نسخة منه Ctrl+C و Ctrl+F، ثم اضغط على (Ctrl +3) لإخفاء النسخة. الآن، أعد تحديد الشكل الأصلي الأحمر واملأه بلون R = 189 ، G = 176 ، B = 118، ثم أزل حده. تأكد من أن الشكل الذي تم إنشاؤه حديثًا ما زال محددًا واذهب إلى Drop Shadow<Stylize<Effect ... اتبع البيانات كما تراها في الصورة الرابعة وانقر على OK. اضغط (Ctrl + Alt+3) لإظهار الشكل الأحمر الذي تم إخفاؤه في الخطوة 24. قم بعمل نسخة منه Ctrl+C و Ctrl+F ثم أخفها. أعد تحديد الشكل الأحمر الأصلي واستبدل لون الحد باللون الأزرق. أبقِ هذا الشكل الأزرق محددًا، وافتح لوحة Appearance من (Appearance>Window) وأزل Zig Zag. يجب أن تبدو الدائرة الناتجة كالصورة الثانية أدناه. قم بعمل نسخة من هذه الدائرة الزرقاء، ثم قلل حجم النسخة كما هو موضح في الصورة الثالثة. الآن، أعد تحديد الدائرتين وادمجهما. أبقِ الشكل المُدمَج محددًا واستبدل لون الحد الحالي له باللون R = 229 ، G = 185 ، B = 127. وأخيرًا غيّر Blending Mode لهذا الشكل إلى Overlay وأخفض Opacity إلى 80٪. اختر أداة Pen ‏(P) وأنشئ شكلين باللون R = 229 ، G = 222 ، B = 183 كما هو موضح أدناه. بمجرد رسم الأشكال، أعد تحديدها وطبّق عليها تأثيرGaussian Blur 2px. قبل المتابعة، اضغط (Ctrl + Alt+3) لإظهار الشكل الأحمر الذي تم إخفاؤه في الخطوة 25. أبقِ هذا الشكل محددًا واجعله في المقدمة (Right Square Bracket+Shift+Alt)، ثم اذهب إلى Expand Appearance <Object. تأكد من أن الشكل الأحمر ما زال محددًا، واستمر في الضغط على مفتاح (Shift)، وانقر فوق الشكل المُدمَج الذي تم إنشاؤه في الخطوة 25 والشكلين مع تأثير Blur الذي طبّق في هذه الخطوة. انتقل بعد ذلك إلى Make>Clipping Mask>Object أو (7+Ctrl). أخيرًا حدد كل الأشكال التي تم إنشاؤها من بداية الخطوة 24 إلى الآن وضعها في مجموعة Ctrl+G، ثم ضع هذه المجموعة في المكان الموضح في الصورة الأخيرة. حدد جميع الأشكال التي تم إنشاؤها من بداية الخطوة 2 إلى الآن وضعها في مجموعة (Ctrl+G). الآن، المشرط جاهز ويبدو كالتالي: أنشئ خلفية لقد انتهينا من المشرط، وحان الوقت للخلفية. اختر أداة Rectangle ‏(M) وأشئ مستطيلًا بقياس 1272x787 بكسل، ثم املأ هذا المستطيل بالتدرج الخطي كما هو موضح أدناه. تابع باستخدام أداة Rectangle ‏(M) وأنشئ مستطيلًا بقياس 1157x446 بكسل. حدد بعد ذلك أعلى نقطتي ربط في اليمين واليسار من المستطيل الذي تم إنشاؤه حديثًا وحركهما بمقدار 740 بكسل إلى اليمين. أنشئ خطًا أفقيًا بمساعدة أداة Line Segment ()، كما هو موضح أدناه. حدد الآن هذا الخط مع الشكل الأسود الذي تم إنشاؤه في الخطوة 28، انقر على Divide من لوحة **Pathfinder، ثم اذهب إلى Ungroup‏> Object أو (G+Shift+Ctrl). بعد ذلك، حدد المسار الأسود العلوي واستبدل لون الحد الحالي باللون الأحمر، ثم ضعه في المقدمة (Right Square Bracket+Shift+Alt)**. اختر أداة Add Anchor Point (+)وانقر على النقطتين المميزتين باللون الأزرق للشكل الأحمر. أعد تحديد نقطتي الربط التي تم إنشاؤها حديثًا وانقر على "Cut path at selected anchor points" من شريط "Properties"، ليصبح الشكل الأحمر هذا بمسارين. حدد المسار الأطول وانقر بزر الفأرة الأيمن على لوحة العمل ، ثم اخترJoin من القائمة. بعد ذلك، حدد المسار الأحمر المتبقي، وانقر بزر الفأرة الأيمن على لوحة العمل واختر Join من القائمة. أخيرًا، استبدل لون الحد الحالي للشكل الأحمر الأصغر باللون الأزرق. حدد الشكل الأزرق وقم بعمل نسخة منه Ctrl+C و Ctrl+F، ثم استبدل لون الحد الحالي للنسخة باللون الأرجواني. بمساعدة أداة Direct Selection ‏(A)، حدد نقطة الربط السفلية اليسرى للشكل الأرجواني وحركها للأعلى بمقدار 260 بكسل، ثم 120 بكسل إلى اليمين. أبقِ نقطة الربط هذه محددة وانقر على "Convert selected anchor points to smooth" من شريط Properties. اختر الآن أداة Convert Anchor Point أو (Shift+C)، وانقر على المقبض العلوي الأيمن لنقطة الربط التي حركتها للتو وحركها للأسفل. بعدها، انقر على المقبض المتبقي وحركه كما هو موضح في الصورة الرابعة. حدد نقطة الربط العلوية اليسرى للشكل الأسود الذي تم إنشاؤه في الخطوة 29 وحركه 20 بكسل للأعلى، ثم 37 بكسل إلى اليسار. أبقِ نقطة الربط هذه محددة وانقر على "Convert selected anchor point to smooth" من شريط Properties**. بعد ذلك، وبمساعدة أداةConvert Anchor Point أو (Shift+C)، اضبط المقابض للحصول على النتيجة التي تراها في الصورة الأخيرة. حدد الشكلين ذوي اللون الأحمر والأسود واملأهما بـاللون R = 255 ، G = 255 ، B = 255، ثم أزل حدودهما. بعد ذلك، حدد الشكل الأرجواني واملأه بتدرج خطي كما هو موضح في الصورة الثانية، ثم أزل حده. حدد الشكل الأزرق واملأه بتدرج خطي كما ترى في الصورة الثالثة، وأزل حده. أبقِ الشكل الناتج محددًا، ثم ضع تأثير Gaussian Blur ، ثم اضبط Blending Mode على Multiply وقلل Opacity إلى 30٪. أنشئ خطًا أفقيًا باستخدام أداة Line Segment () كما هو موضح أدناه. أعد تحديد هذا الخط وأضف حدًا بمقدار 2 بكسل بلون R = 167 ، G = 169 ، B = 172. أبقِ هذا الخط محددًا وافتح لوحة Stroke (من Stroke‏> Window). حدد مربع Dashed Line، ثم أدخل 12 بكسل في مربع **dash و 10 بكسل في مربع gap**. وانتهينا من الخلفية في الوقت الحالي. وأخيرًا، دوّر المشرط بزاوية 40 درجة تقريبًا ثم ضعها في المكان الموضح أدناه. انتهينا! ترجمة- وبتصرف –للمقالHow to Create a Paper Knife لصاحبه Bao Nguyen