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



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

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

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

نوع المُحتوى


التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

أسئلة وأجوبة

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

التصنيفات

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

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

  1. ستتعلم في هذا الشرح التوضيحي طريقة رسم حوض أسماك، في حالك كونك مبتدئًا ستتعلم كيف تصمم الأشكال الرئيسية باستخدام الأدوات الأساسية في البرنامج وستتعلم أيضًا بعض التقنيات لبناء الأشكال المتجهة. بعدها ستتعلم كيف تصمم زينة حوض الأسماك مثل الرمل والصخور والنباتات المائية. ومع تتابع خطوات العمل ستتعلم كيف ترسم الأسماك باستخدام الأشكال البسيطة والتأثيرات الأساسية وأخيرًا تصميم خلفية جميلة للعمل. إنشاء مستند عمل جديد بعد تشغيل البرنامج اضغط على Ctrl+N لفتح مستند عمل جديد، من القائمة المنسدلة Units اختر Pixels ثم أدخل قيمة العرض 615 والارتفاع 610، بعدها انتقل إلى الخيارات المتقدمة Advanced واختر نظام الألوان RGB، ثم (Screen (72ppi، وتحقّق من عدم تفعيل مربع Align New Objects to Pixel Grid قبل الضغط على OK. رسم حوض الأسماك باستخدام أداة (Ellipse Tool (L ارسم شكلًا بيضاويًا أسود اللون بأبعاد px350*80، حدد الشكل واذهب إلى Scale < Transform < Object. في مربع الحوار Scale اختر Non-Uniform، ثم أدخل قيمة 75 في مربع Horizontal و67 في مربع Vertical بعدها اضغط Copy. استبدل لون حدود الشكل الجديد باللون الأزرق وحرّكه 308px لأعلى. باستخدام الأداة (Rectangle Tool (M ارسم شكلًا مستطيلًا أصفر اللون بأبعاد 263*312px واضبط موضعه كما هو موضح في الصورة أدناه. باستخدام أداة (Direct Selection Tool (A حدد نقطة التحكم السفلية اليسرى للشكل وحركها لليسار بمقدار 41px. انتقل بعدها لتحديد نقطة التحكم السفلية اليمنى وحركها 41px لليمين. أعد تحديد الشكل الأصفر وانسخه بالضغط على Ctrl+F ،Ctrl+C ثم استبدل لون حدود الشكل إلى اللون الأحمر. الآن التقط أداة (Anchor Point Tool (Shift+C واضغط على نقطة التحكم العلوية اليسرى للشكل الأحمر واسحبها لليسار مع الضغط على مفتاح Shift. حدد ذراع التحكم اليسرى للنقطة العلوية اليسرى واسحبها للأسفل. استكمالًا بأداة Convert Anchor Point Tool اضغط على نقطة التحكم السفلية اليسرى للشكل الأحمر وبالضغط على مفتاح Shift اسحب النقطة إلى اليمين. بعدها حدد ذراع التحكم اليسرى للنقطة السفلية اليسرى واسحبها لأعلى. وصولًا إلى هذه المرحلة سيظهر الشكل الأحمر كما توضحه الصورة الأخيرة المرفقة. بعد انتهائك من ضبط الشكل الأحمر، أعد تحديده واختر أداة Reflect Tool من شريط الأدوات. في مربع الحوار Reflect اختر Vertical ثم Copy. تأكد من أن الشكل المنسوخ لا زال محددًا وبالضغط على مفتاح Shift انقر على الشكل الأصفر الناتج من خطوة 3، بعدها حرر مفتاح Shift واضغط على الشكل الأصفر مجددًا لتعديل موضعه. افتح نافذة Align بالذهاب إلى Align < Window ثم اضغط على أيقونة Horizontal Align Left. أعد تحديد الشكلين باللون الأحمر وافتح نافذة Pathfinder بالذهاب إلى Pathfinder < Window واضغط على أيقونة Unite. أخيرًا حدد الشكل الأصفر واحذفه. حدد الشكل البيضاوي ذو اللون الأزرق الناتج من خطوة 2 واذهب إلى Offset Path < Path < Object. أدخل قيمة Offset 1px ثم OK، بعدها استبدل لون الحدود للشكل الجديد باللون التركوازي وحرك الشكل 7px لأسفل. حدد الشكلين التركوازيّ والأسود واصنع نسختين منهما بالضغط على Ctrl+F ،Ctrl+F ،Ctrl+C. الآن حدد الشكل الأحمر الناتج من خطوة 4 وانسخه. أبق على تحديد الشكل المنسوخ وبالضغط على مفتاح Shift انقر على الشكل البيضاوي ذو اللون التركوازي. افتح نافذة Pathfinder بالذهاب إلى Pathfinder < Window واضغط على أيقونة Unite. ومع إبقائك على تحديد الأشكال الناتجة وبالضغط على مفتاح Shift انقر على الشكل المنسوخ ذو اللون الأسود. بعدها اضغط على Minus Back من نافذة Pathfinder وضع الشكل الناتج في خلفية سطح العمل بالضغط على Ctrl +Shift +Left Square Bracket. حدد الشكل الأحمر الأصلي وباقي نسخ الشكل البيضاوي ذو اللون التركوازي، ثم اضغط على Minus Back من نافذة Pathfinder. أبق على تحديد الأشكال الناتجة وبالضغط على مفتاح Shift انقر على باقي نسخ الشكل البيضاوي الأسود، بعدها اضغط على Unite. ثم ضع الأشكال المحددة في مقدمة العمل بالضغط على Ctrl +Shift +Right Square Bracket. حدد الشكل الأحمر الناتج من خطوة 5، وأزل لون حدوده ثم املأه باللون الأبيض ffffff#، وقلل شفافية الشكل الناتج حتى 20%. بعدها حدد الشكل الأحمر الناتج من خطوة 6 وأزل لون حدوده ثم املأه بتدرج إشعاعي كما هو موضح في الصورة الثانية المرفقة. أبقٍ على تحديد الشكل الناتج وغير نظام الدمج إلى Hard Light. الآن حدد الشكل البيضاوي الأسود وأزل لون حدوده ثم املأه بتدرج إشعاعي كما يظهر في الصورة الأخيرة. أخيرًأ ضع الشكل الناتج في خلفية سطح العمل بالضغط على Ctrl +Shift +Left Square Bracket. حدد الشكل ذو اللون التركوازي واذهب إلى Scale < Transform < Object، اختر Non-Uniform ثم أدخل قيمة 117 في مربع Horizontal و103 في مربع Vertical بعدها اضغط Copy. استبدل لون حدود الشكل الناتج باللون الأحمر وحرّكه لأسفل 21px. الآن حدد الشكل في مقدمة سطح العمل الناتج من خطوة 7 ثم اذهب إلى Offset Path < Path < Object، وأدخل قيمة 4px Offset- ثم OK. ركز على الصورة الرابعة، اختر أداة Add Anchor Point Tool (+) واضغط على النقطتين المشار إليهما لإضافة نقطتي تحكم جديدتين. بالاعتماد على أداة (Direct Selection Tool (A وبالضغط على مفتاح Shift حدد نقطتي التحكم المشار إليهما باللون الأحمر واحذفهما. من المفترض أن يظهر الشكل الناتج كما هو موضح في الصورة الأخيرة أدناه. حدد الشكل البيضاوي ذو اللون الأحمر وانسخه بالضغط على Ctrl+F، Ctrl+C. أبقِ على تحديد النسخة ومع الضغط على مفتاح Shift انقر على الشكل الناتج من خطوة 8. افتح نافذة Pathfinder بالذهاب إلى Pathfinder < Window واضغط على Unite. استبدل لون الشكل بتدرج إشعاعي كما توضحه الصورة الثانية. ومع إبقائك على تحديد الشكل الناتج غيّر نظام الدمج إلى Normal. أخيرًا ضع الشكل الناتج خلف الشكل المتكون من خطوة 7. حدد الشكل البيضاوي الأحمر المتبقي وأزل لون حدوده ثم املأه بتدرج إشعاعي كما هو موضح أدناه. تأكد من أن الشكل الناتج لايزال محددًا وغيّر نظام الدمج إلى Hard Light وقلل الشفافية حتى 20%. انسخ الشكل بالضغط على Ctrl+F ،Ctrl+C وأزل لون التعبئة للشكل المنسوخ وأضف حدود بالون أزرق cfe8ff# وبسماكة 4px. أبق على تحديد الشكل الناتج وأضف تأثيرات Width Profile2 و** 2px Gaussian Blur**. أبق على تحديد الشكل الناتج وغيّر نظام الدمج إلى *Lighten* وقلل الشفافية حتى 40%. ارسم مسارًا منحنيًا باستخدام أداة (Pen Tool (P وأعطه سماكة بمقدار 11px لهذه المرحلة. بعدها أضف تأثير Width Profile 1 واملأ المسار الجديد بتدرج إشعاعي. أبقِ على تحديد المسار وأضف تأثير 8px Gaussian Blur وغير نظام الدمج إلى Hard Light ثم قلل الشفافية حتى 50%. حدد الشكلين الأزرق والتركوازي وضعهم في مقدمة العمل بالضغط على Ctrl +Shift +Right Square Bracket. حدد الشكل البيضاوي ذو اللون الأزرق وانسخه بالضغط على Ctrl+F،Ctrl+C، بعدها اضغط على Ctrl+3 لإخفاء النسخة. بالاعتماد على أداة (Direct Selection Tool (A وبالضغط على مفتاح Shift حدد نقاط التحكم الأربعة المشار إليها باللون الأحمر ثم انقر على أيقونة Cut path at selected anchor points من شريط Properties. هذا سيحول الشكلين البيضاويين إلى أربعة مسارات منحنية. الآن حدد المسارين العلويين وبالضغط على زر الفأرة الأيمن اختر Join من القائمة المنسدلة. اضغط مجددًا على زر الفأرة الأيمن في أي مكان على مسطح العمل، واختر Join. كرر نفس الخطوات السابقة للمسارين المنحنيين المتبقيين. أعد تحديد الشكلين الناتجين في هذه الخطوة وأزل لون الحدود ثم املأهما باللون الأبيض ffffff#، وقلل الشفافية حتى 30%. الآن اضغط على Ctrl+Alt+3 لإظهار الشكل البيضاوي الأزرق المخفي، ثم ضعه في مقدمة سطح العمل بالضغط على Ctrl +Shift +Right Square Bracket. استبدل لون الحدود للشكل البيضاوي باللون الرمادي الفاتح e6e7e8‏# وغيّر سماكة الحدود إلى 3px. أخيرًا قلّل شفافية الشكل الناتج حتى 70%. وصولًا إلى هذه الخطوة سيظهر شكل حوض الأسماك كما يلي: إضافة الرمل إلى حوض الأسماك حدد الشكل الناتج من خطوة 9 وانسخه بالضغط على Ctrl+F،Ctrl+C، ثم ضعه في مقدمة سطح العمل بالضغط على Ctrl +Shift +Right Square Bracket. أزل لون التعبئة للشكل الناتج ولون حدوده باللون الأزرق. باستخدام أداة (Pen Tool (P ارسم الشكل الموضح في الصورة الثانية باللون الأحمر. الآن ركز على الصورة الثالثة، اختر أداة Add Anchor Points Tool (+) وانقر على النقطتين المشار إليهما باللون الأصفر. بعدها حدّد جميع نقاط التحكم أعلى النقطتين المُدرجتين واحذفهم. حتى هذه المرحلة من المفترض أن يظهر الشكل الأزرق كما توضحه الصورة الأخيرة أدناه. حدد الشكل الناتج من خطوة 14 وأزل لون حدوده ثم املأه بلون بني فاتح d1a66e#. انسخ الشكل وحافظ على تحديده، ثم استبدل لون التعبئة باللون البني الداكن 967b54‏#. مع إبقائك على تحديد الشكل إذهب إلى Grain < Texture < Effect واتبع التعليمات الموضحة في الصورة الثانية أدناه ثم اضغط OK. بعدها أضف تأثير Featherpx 5 على الشكل الناتج. حدد الشكل الأحمر وأزل لون حدوده ثم املأه باللون البرتقالي e3c07b#. أبقِ على تحديد الشكل ثم انسخه بالضغط على Ctrl+F، Ctrl+C ثم اذهب إلى Grain < Texture < Effect واتبع التعليمات الموضحة في الصورة الثانية ثم OK. حدد الشكل الأخير الناتج وأضف تأثير Feather 5px وغير نظام الدمج إلى Multiply ثم قلل الشفافية حتى 60%. التقط أداة (Pen Tool (P وارسم الأشكال الخمسة الموضحة في الصورة أدناه. بعدها أزل لون الحدود واملأ الأشكال بتدرج إشعاعي. حدد الأشكال المرسومة في الخطوة السابقة وانسخها ثم استبدل لون التعبئة باللون البرتقالي الهادئ e3c07b#. استمر في تحديد الشكل الناتج واذهب إلى Grain < Texture < Effect واتبع التعليمات الموضحة في الصورة الأولى ثم اضغط OK. أبق على تحديد الشكل الناتج وأضف تأثير Feather 2px وغير نظام الدمج إلى Multiply ثم قلل الشفافية حتى 60%. الآن حدّد جميع الأشكال الناتجة من خطوة 14 حتى الآن وخبئها خلف الأشكال الناتجة من خطوة 7. تصميم بعض النباتات المائية حان وقت إضافة بعض النباتات المائية. بالاعتماد على أداتي (Pen Tool (P و(Gradient Tool (G ارسم الشكلين الموضحين في الصورة أدناه. استمر بالعمل مع أداة (Pen Tool (P وارسم مسارين منحنيين باللون البرتقالي ffb700‏# كما يظهر في الصورة الثالثة. فور انتهائك من رسم المسارات حددهم وغير سماكة الحدود إلى 8px وأضِف تأثير Width Profile 5 إلى المسارات الناتجة. أبق على تحديد المسارين وافتح نافذة Stroke بالذهاب إلى Stroke < Window وفعّل مربع DAsh Line. أدخل قيمة 4px في مربع Dash و2px في مربع Gap. اتبع تسلسل الصور المرفقة وكرر الخطوات السابقة لرسم المزيد من النباتات الخضراء. بالاعتماد على أداتي (Pen Tool (P و(Gradient Tool (G ارسم الشكل الموضح في الصور أدناه. حدد الشكل الناتج وانسخه. ثم أزل لون التعبئة للنسخة وأضف حدود للشكل بسماكة 5px وبلون برتقالي هادئ ffb700‏#، ثم أضف تأثير Width Profile 2 على الشكل الناتج. حدد الشكل المتكون وافتح نافذة Stroke بالذهاب إلى Stroke < Window وفعّل مربع Dash Line. أدخل قيمة 4px في مربع Dash و قيمة 6px في مربع Gap. غيّر نظام الدمج إلى Overlay ثم حدد الشكل الأول المرسوم في هذه الخطوة وانسخه بالضغط على Ctrl+F، Ctrl+C وضع الشكل المنسوخ في مقدمة سطح العمل بالضغط على Ctrl +Shift +Right Square Bracket. أبق على تحديد الشكل الناتج وبالضغط على مفتاح Shift انقر على الشكل ذو اللون البرتقالي الناتج عن هذه الخطوة. انقر بزر الفأرة الأيمن على مسطح العمل ومن القائمة المنسدلة اختر Make Clipping Mask. كرر الخطوات السابقة لرسم المزيد من النباتات الخضراء الموضحة في الصور أدناه. وصولُا إلى هذه المرحلة من المفترض أن تظهر النباتات الخضراء كما هو موضح في الصورة أدناه. حدد النباتات الخضراء المرسومة واضبط موضعها كما هو موضح في الصورة، ثم ضعها خلف الشكل الأيسر الناتج من خطوة 17. بالنسبة للنباتات الخضراء المتبقية اضبط موضعها داخل الحوض كما ترى في الصورة. سننتقل الآن لرسم بعض الحشائش المتسلقة. التقط أداة (Pen Tool (P وارسم بعض المسارات المنحنية كما هو موضح في الأسفل. فور انتهائك من رسم المسارات حددهم واستبدل لون الحدود باللون الأخضر الغامق 276201# وغيّر سماكة الحدود إلى 3px. أضف تأثير Width Profile 4 للمسارات الناتجة. أبق على تحديد المسارات الناتجة واضغط على Ctrl+G لوضعهم في مجموعة واحدة. بالاعتماد على أداة (Pen Tool (P ارسم أربعة مسارات باللون الأحمر الداكن 540d01‏# كما ترى في الصور المرفقة. أعد تحديد المسارات الجديدة وغيّر سماكة الحدود إلى 3px ثم أضف تأثير Width Profile 4 على المسارات الناتجة ثم حددها وضعها في مجموعة واحدة بالضغط على Ctrl+G. كرر الخطوات السابقة لرسم المزيد من الأشكال. حدد الأعشاب الكبيرة واضبط موضعها كما هو موضح في الصورة الأولى. بعدها ضعهم خلف النباتات القصيرة، وأكمل في ترتيب باقي الحشائش كما هو موضح في الصورة الأخيرة. باستخدام أداة (Pen Tool (P ارسم مسارًا منحنيا باللون الأبيض كما هو موضح أدناه، وغيّر سماكة الخطوط إلى 8px ثم أضف تأثير Width Profile 4 على المسار الناتج. أبق على تحديد المسار ثم افتح نافذة Stroke بالذهاب إلى Stroke < Window وفعّل مربع Dashed Line. أدخل قيمة **2px ** في مربع dash و8px في مربع gap. أبقِ على تحديد الشكل الناتج واذهب إلى Roughen < Stylize < Effect. اتبع التعليمات الموضحة في الصورة الثالثة ثم اضغط OK. تأكد من تحديد المسار الناتج وغيّر نظام الدمج إلى Overlay وقلل الشفافية حتى 60%. كرر نفس الخطوات لرسم شكلين إضافيين من تلك الفقاعات البيضاء واضبط موضع الأشكال كما هو موضح في الصور المرفقة، ثم ضعهم خلف الكتلة الزجاجية اليسرى. أخيرًا اضبط موضع باقي الأشكال داخل حوض الأسماك كما هو موضح في الصورة. تصميم بعض الصخور المائية الصغيرة انتقالًا إلى رسم الصخور أكمل بالاعتماد على أداتي (Pen Tool (P و(Gradient Tool (G، ارسم شكلًا مشابهًا للشكل الموضح في الصورة الثانية. حدد الشكل المرسوم واذهب إلى Drop Shadow < Stylize < Effect واتبع التعليمات الموضحة في الصورة الثالثة ثم اضغط OK، اتبع تسلسل الصور التالية وكرر الخطوات السابقة لرسم المزيد من الصخور. في هذه المرحلة من المفترض أن تظهر الصخور كما هو موضح في الصورة الأولى أدناه. الآن حدد شكل الصخرة الكبيرة واضبط موضعها كما تراه في الصورة الثانية، وضعها خلف النباتات القصيرة. ثم ضع باقي الصخور في مكانها المناسب داخل حوض الأسماك. ستتوصل للشكل الموضح في الصورة الأخيرة أدناه. رسم الأسماك التقط أداة (Rectangle Tool (M وارسم مستطيلًا أبعاده px95*62. ثم باستخدام أداة (Pen Tool (P ارسم الشكل الموضح في الصورة الثانية. فور انتهائك من رسم الشكل ذو اللون الأحمر حدد المستطيل المرسوم واحذفه. أعد تحديد الشكل الأحمر وأزل لون الحدود ثم املأ الشكل بتدرج إشعاعي كما هو موضح في الصورة الأخيرة أدناه. بالاعتماد على أداتي (Pencil Tool (N و(Gradient Tool (G ارسم الأشكال الثلاثة الموضحة في الصور أدناه. حدد أكبر الأشكال المرسومة في خطوة 29 وأضف تأثير Gaussian Blur 3px. بعدها حدّد الشكلين المتبقيين في خطوة 29 وأضف لهما تأثير **Gaussian Blur 2px **. قبل أن تكمل حدد الأشكال الثلاثة الناتجة من بداية الخطوة 29 وحتى الآن وضعهم في مجموعة واحدة بالضغط على Ctrl+G. حدّد الشكل الناتج من خطوة 28 وانسخه بالضغط على Ctrl+F، Ctrl+C وضع النسخة في مقدمة مسطح العمل بالضغط على Ctrl +Shift +Right Square Bracket. أبقِ على تحديد النسخة ومع الضغط المستمر على مفتاح Shift انقر على المجموعة الناتجة من هذه الخطوة. بعدها انقر بزر الفأرة الأيمن على مسطح العمل واختر Make Clipping Mask من القائمة المنسدلة. حدد الشكل الناتج من خطوة 28 واذهب إلى Offset Path < Path < Object وأدخل قيمة **Offset 5px ** ثم اضغط OK. ضع الشكل المتكون في مقدمة سطح العمل وذلك بالضغط على Ctrl +Shift +Right Square Bracket واستبدل لونه بدرجة من البرتقالي caa491‏#. أبقِ الشكل محددًاا واذهب إلى Craquelure < Texture < Effect ثم اتبع التعليمات الموضحة في الصورة الثالثة واضغط OK. بعدها أضف تأثير **Feather 5px ** على الشكل الناتج وغيّر نظام الدمج إلى Overlay. مع إبقائك على تحديد الشكل اضغط على Ctrl+X لقصّه. ثم التقط أداة (Selection Tool (V وانقر نقرًا مزدوجًا على المجموعة المتكونة في خطوة 30 ثم اضغط على Ctrl+F لِلصق الشكل. أخيرًا انقر نقرًا مزدوجًا في أي مكان خارج المجموعة. سنبدأ بإضافة بعض الظلال لشكل السمكة وذلك لإعطائها شكلًا ثلاثيّ الأبعاد. التقط أداة (Pen Tool (P وارسم المسار المنحني بسماكة حدود 2px بلون أصفر f3c22b‏#. أعد تحديد المسار المرسوم وأضف تأثير **Gaussian Blur 2px *. استمر بالعمل مع أداة (Pen Tool (P وارسم مسارًأ منحنيًا باللون الأسود #341f06 وبسماكة حدود 5px وبلا تعبئة، ثم أضف تأثير Width Profile 5 و*Gaussian Blur 4px **. حدّد المسارين المرسومين في هذه الخطوة واضغط على Ctrl+X لقص المسارين. التقط أداة (Selection Tool (V وانقر نقرًأ مزدوجًا على المجموعة الناتجة من خطوة 30 ثم اضغط Ctrl+F للصق المسارين. أخيرًا انقر نقرًا مزدوجًا في أي مكان خارج المجموعة. التقط أداة (Ellipse Tool (L وارسم شكلًا بيضاويًا باللون الأحمر da3833‏# واضبط موضعه كما هو موضح أدناه. بعد تحديد الشكل اضغط على Ctrl +Left Square Bracket لإخفائه خلف المجموعة الناتجة من خطوة 30. بالاعتماد على أداة (Pen Tool (P ارسم الشكل الموضح أدناه في الصورة الثالثة بسماكة 2px وبلون حدود 611d05‏# وبلا تعبئة. بعدها أزل حدود الشكل المنسوخ واملأه بتدرج إشعاعي كما هو موضح في الصورة الرابعة. أعد تحديد الشكل ذو اللون البرتقالي وأضف تأثير **Gaussian Blur 1px **. ارسم شكلًا بيضاويًا باللون الأسود باستخدام أداة (Ellipse Tool (L كما ترى في الصورة السادسة. انسخ الشكل المرسوم وأزل لون التعبئة ثم أضف حدود بسماكة 1px باللون الأبيض، بعدها أضف تأثير Width Profile 5 على الشكل البيضاوي الناتج. أخيرًأ ارسم شكلًا بيضاويًا صغيرًا كما ترى في الصورة الأخيرة. ابدأ الآن برسم فم السمكة. باستخدام أداة (Pen Tool (P ارسم الشكلين الموضحين أدناه. لإضافة المزيد من التفاصيل ارسم مسارًا منحنيًا باستخدام أداة (Pen Tool (P بسماكة 3px وأضِف تدرجًا خطيًا لتعبئة الحدود واحتفظ بالشكل بلا تعبئة. بعدها أضف تأثير Width Profile 5 على المسار الناتج. حدد المسار وانسخه بالضغط على Ctrl+F، Ctrl+C. استبدل لون الحدود بعمل تدرج خطي وغيّر سماكة الحدود إلى 1px. أخيرًا أضف تأثير **Feather 2px ** للمسار الناتج. بالرجوع إلى أداة (Pen Tool (P مرةً أخرى، ارسم ثلاثة مسارات منحنية كما ترى في الصورة الأولى. بمجرد انتهائك من الرسم حدّد المسارين السفليين واستبدل تعبئة لون الحدود بتدرجٍ خطي، بعدها أضف تأثير Width Profile 1 للمسارات الناتجة. الآن حدّد المسار المنحني ذو اللون الأصفر واستبدل لون الحدود بتدرج خطي. بعدها غيّر سماكة المسار إلى 2px ثم أضف تأثير Width Profile 1. أخيرًا حدّد المسارات الثلاثة وأضف تأثير **Gaussian Blur 0.5px **. استكمالًا برسم زعانف السمكة. باستخدام أداتي (Pen Tool (P و(Gradient Tool (G ارسم الشكل الموضح في الصورة الأولى والثانية أدناه. بعدها أضف تأثير Feather 5px على الشكل الجديد. باستخدام أداة (Pen Tool (P ارسم المسارات المنحنية الموضحة في الصورة أدناه. من المفترض أن تصل إلى الشكل الموضح في الصورة الرابعة. حدد المسارات وغيّر سماكة الحدود إلى 2px واستبدل لون الحدود بتدرج خطي. بعدها أضف تأثير Width Profile 5 للمسارات الناتجة. لإضافة مظهر أقل انتظامًا للزعانف، استبدل لون حدود للمسارات المنحنية كما هو موضح في الصورة أدناه. أخيرًا حدّد جميع الأشكال الناتجة من خطوة 37 وحتى الآن وضعهم في خلفية سطح العمل بالضغط على Ctrl +Shift +Left Square Bracket. بالاعتماد على أداتي (Pen Tool (P و(Gradient Tool (G ارسم شكلًا مشابهًا للصورة الأولى والثانية. بعدها أضف تأثير Feather 5px على الشكل الناتج. أكمل باستخدام أداة (Pen Tool (P ارسم المسارات المنحنية المُوضحة في الصورة الأولى أدناه، ثم حدد المسارات الناتجة وغيّر سماكة الحدود إلى 2px واستبدل لون الحدود بتدرج خطي. بعدها أضف تأثير Width Profile 4 للمسارات الناتجة. لإضافة مظهر أقل انتظامًا للزعانف استبدل لون الحدود لبعض المسارات كما هو موضح في الصورة الثالثة. أخيرًا حدد جميع الأشكال الناتجة من خطوة 40 وحتى هذه المرحلة وضعهم في خلفية سطح العمل بالضغط على Ctrl +Shift +Left Square Bracket. بالاعتماد على أداتي (Pen Tool (P و(Gradient Tool (G ارسم الأشكال التي تراها في الصور أدناه.بمجرد انتهائك من رسم الأشكال حدد الشكل الأكبر وأضف تأثير Feather 3px. بعدها حدد الأشكال المتبقية وأضِف عليها تأثير Feather 2px. أكمل بأداة (Pen Tool (P وارسم بعض المسارات المنحنية القوية باللون الأحمر b63212‏# كما يظهر في الصورة الأولى. حدّد المسارات المرسومة وغيّر سماكة حدودها إلى **2px ثم أضف تأثير *Width Profile 4* للمسارات الناتجة. وهكذا كرّر نفس الخطوات لرسم المزيد من المسارات المنحنية كما تظهر في الصور الثالثة والرابعة. أخيرًا حدد جميع الأشكال المرسومة من بداية الخطوة 42 وحتى هذه اللحظة وضعهم في خلفية سطح العمل بالضغط على Ctrl +Shift +Left Square Bracket. كرّر نفس الخطوات السابقة لرسم المزيد من الزعانف ثم حدد جميع الأشكال المرسومة من بداية الخطوة 28 وحتى الآن وضعهم في مجموعة واحدة بالضغط على Ctrl+G. انتهى العمل على السمكة! رسم الفقاعات التقط أداة (Ellipse Tool (L وارسم شكلًا بيضاويًا بأبعاد px1010* باللون الأبيض f1f2f2‏#. انسخ الشكل الناتج وصغّر حجمه ثم استبدل لونه بتدرج إشعاعي. أبق على تحديد الشكل البيضاوي الناتج وانسخه ثم قلل حجمه واستبدل لون التعبئة بتدرج إشعاعي. الإضافة المزيد من التفاصيل ارسم الشكل الموضح في الصورة أدناه ثم أضف تأثير Feather 1px للشكل الناتج. باستخدام أداة (Pen Tool (P ارسم مسارين منحنيين كما ترى في الصورة الثانية بسماكة حدود 0.5px وبلا تعبئة. بعدها أضف تأثير Width Profile 4 على المسارات الناتجة. أخيرًا ارسم ثلاثة أشكال بيضاوية باللون الأبيض كما ترى في الصورة الأخيرة. الآن حدّد جميع الأشكال المرسومة من بداية الخطوة 45 حتى هذه اللحظة وضعهم في مجموعة واحدة بالضغط على Ctrl+G. وهكذا ننتهي من رسم الفقاعات. حدد مجموعة الفقاعات المرسومة في خطوة 46 وانع منها أربعة نسخ. بعدها غيّر في حجمها كما تراه مناسبًا وبعد تحديدهم قلّل شفافية الأشكال حتى 50%. أخيرًا اضبط أماكن الفقاعات الجديدة كما هو موضح في الصورة الثالثة أدناه ثم خبّئهم خلف الجزء الأمامي من حوض الأسماك. رسم السمكة الحجرية باستخدام أداة (Pen Tool (P ارسم الشكلين الموضحين في الصورة الأولى والثانية. بمجرد انتهائك من رسمهم حدّد الشكل ذو اللون الأحمر وضعه خلف الشكل ذو اللون الأسود. الآن حدد الشكلين المرسومين في هذه الخطوة وأزل لون الحدود، ثم املأهم باللون البرتقالي المائل للرمادي c2b59b‏#. أبق على تحديد الأشكال المرسومة ثم اذهب إلى Reticulation < Sketch < Effect. اتبع التعليمات الموضحة في الصورة الرابعة ثم اضغط **OK. مع إبقائك على تحديد الأشكال الناتجة أضف تأثير *Gaussian Blur 1px* وغير نظام الدمج إلى Difference ثم قلل الشفافية حتى 90%. حدّد الأشكال الناتجة مجدّدّا وانسخها بالضغط على Ctrl+F، Ctrl+C. مع إبقائك على تحديد الأشكال افتح نافذة Appearance بالذهاب إلى Appearance < Window وأزل جزئية **Reticulation. أبق على تحديد الأشكال الناتجة ثم اذهب إلى *Glass < Distort < Effect*. اتبع التعليمات الموضحة في الصورة الأخيرة ثم اضغط *OK*، بعدها قلل الشفافية حتى *100%*. التقط أداة (Pen Tool (P وارسم الشكلين الموضحين في الصورة الأولى واملأهما باللون d3aa7e‏#. حدد الشكلين مجددّا ثم اذهب إلى Glass < Distort < Effect واتبع التعليمات الموضحة في الصورة أدناه ثم اضغط OK. أضف تأثير Gaussian Blur 1px للأشكال الناتجة وغير نظام الدمج إلى Difference وقلل الشفافية حتى 70%. باستخدام أداة (Pen Tool (P ارسم الشكلين الموضحين في الصورة الأولى واملأهم باللون البرتقالي المائل للرمادي c2b59b‏# ثم انسخ الشكلين بالضغط على Ctrl+F، Ctrl+C، بعدها استبدل لون التعبئة باللون البرتقالي d3aa7e‏#. أبقِ على تحديد الأشكال واذهب إلى Reticulation < Sketch < Effect واتبع التعليمات الموضحة في الصورة الثانية ثم اضغط OK. مع إبقائك على تحديد الأشكال الناتجة أضف تأثير Gaussian Blur 1px وغير نظام الدمج إلى Difference ثم قلل الشفافية حتى 90%. انسخ الأشكال المحددة بالضغط على Ctrl+F، Ctrl+C. أبق على تحديد الأشكال المنسوخة ثم افتح نافذة Appearance بالذهاب إلى *Appearance < Window وأزل جزئية *Reticulation*. مع إبقاء الأشكال الناتجة محددة اذهب إلى *Glass < Distort < Effect* واتبع التعليمات الموضحة في الصورة الأخيرة ثم اضغط OK وقلل الشفافية حتى **100%. الآن اتبع تسلسل الصور المرفقة أدناه وكرر نفس الخطوات لرسم المزيد من الأشكال المشابهة. التقط أداة (Pen Tool (P وارسم الأشكال الثلاثة الموضحة واملأها باللون البرتقالي d3aa7e‏#، أبقِ على تحديد الأشكال الناتجة ثم اذهب إلى Reticulation < Sketch < Effect واتبع التعليمات الموضحة في الصورة الثانية ثم اضغط OK. أبق على تحديد الأشكال ثم أضف تأثير Gaussian Blur 1px وغير نظام الدمج إلى Difference وقلل الشفافية حتى 90%. استكمالًا بالعمل مع أداة (Pen Tool (P ارسم شكلًا باللون البرتقالي c2b59b# كما تراه في الصورة وانسخه بالضغط على Ctrl+F، Ctrl+C ثم استبدل لونه باللون البرتقالي d3aa7e‏#. أبقِ على تحديد الشكل الناتج ثم اذهب إلى Reticulation < Sketch < Effect واتبع التعليمات الموضحة في الصورة ثم اضغط OK. طبق تأثير Gaussian Blur 1px على الشكل المحدد ثم غير نظام الدمج إلى Difference وقلل الشفافية حتى 90% وانسخ الشكل الناتج بعد تحديده. أبق على تحديد الشكل المنسوخ ثم افتح نافذة Appearance بالذهاب إلى Appearance < Window وأزل جزئية **Reticulation. مع تحديد الشكل الناتج اذهب إلى *Glass < Distort < Effect* واتبع التعليمات الموضحة في الصورة الأخيرة ثم اضغط OK، بعدها قلل الشفافية حتى 100%. استكمالًا بالعمل مع أداة (Pen Tool (P ارسم الشكل الموضح أدناه واملأه باللون الرمادي الداكن 6b6f58‏# وأضف تأثير Gaussian Blur 3px للشكل الناتج ثم غير نظام الدمج إلى Hard Light. الآن حدد جميع الأشكال المرسومة من بداية الخطوة 48 وحتى الآن ثم ضعهم في مجموعة واحدة بالضغط على Ctrl+G. بعد الانتهاء من رسم شكل السمكة الحجرية اضبط موضعها كما هو موضح في الصورة الثانية، بعدها ضع الشكل خلف تجمع العشب ذو اللون الأحمر الداكن. تصميم الخلفية حدد جميع الأشكال المرسومة من بداية الخطوة 2 وحتى الآن وضعهم في مجموعة واحدة بالضغط على Ctrl+G. حتى هذه المرحلة نحن انتهينا بالفعل من رسم حوض الأسماك وسنبدأ بتصميم خلفية العمل. باستخدام أداتي (Rectangle Tool (M و(Gradient Tool (G ارسم شكلًا مستطيلًا بأبعاد px612*606 كما هو موضح أدناه. بعدها اضبط مكان حوض الأسماك على الخلفية الجديدة المرسومة. لإضافة مشهد أكثر واقعية سنبدأ بإضافة بعض الظلال في بعض المناطق الهامة. التقط أداة (Ellipse Tool (L وارسم شكلًا بيضاويًأ بأبعاد 336*77px واضبط مكان الشكل كما هو موضح أدناه. حدد الشكل الناتج مجددًا وأزل لون الحدود ثم املأه باللون الأسود 000000#. أضف تأثير Gaussian Blur 3px وقلل الشفافية حتى 90%. أخيرًا ضع الشكل الناتج خلف حوض الأسماك. أكمل برسم شكل بيضاوي بأبعاد 395*px112 باستخدام أداة (Ellipse Tool (L، بعدها اضبط موضع الشكل كما هو موضح أدناه. أبق على تحديد الشكل الناتج وأزل لون الحدود ثم املأ الشكل بتدرج إشعاعي. أضف تأثير Gaussian Blur 10px على الشكل الناتج ثم ضعه خلف الشكل البيضاوي المرسوم في خطوة 56. انتهينا! ترجمة -وبتصرف- للمقال How to create a realistic Fishbowl in Adobe Illustrator لصاحبه Bao Nguyen
  2. في هذا الشرح التوضيحي سنخوض في تجربة تصميم لرمز ساعة ذكية، باستخدام بعض الأشكال والعناصر الأساسية المتوفرة في البرنامج. وكما في كل مرة، جهّز كربًا من مشروبك المفضل ولنبدأ! البرنامج: Adobe Illustrator CS6 – CC 2016 المستوى: مبتدئ مدة العمل: 20 دقيقة خطوة 1 قبل أن نبدأ في هذا المشروع تأكد من تهيئة ملف عمل جديد بالذهاب إلى New < File (أو بالضغط على مفاتيح Ctrl+N)، بعدها اضبط الإعدادات كالتالي: Number of Artboards: ‏1 Width:‏ ‏96px Height‏:‏ 96px Units:‏ ‏Pixels ومن لائحة Advanced اضبط التالي: Color Mode‏:‏ RGB Raster Effects‏:‏‏ (Screen (72ppi Preview Mode‏:‏ Default نصيحة سريعة: أغلب الإعدادات المذكورة يمكن تفعيلها تلقائيًا عند ضبط إعدادات الملف على Profile to Web، ويتبقى عليك تحديد أبعاد العمل Width x Height. خطوة 2 سنبدأ بالعمل على حزام الساعة. ارسم الشكل الأساسي للجزء الأيمن برسم مستطيل ذو حواف دورانية بالأبعاد 64*86 px بدوران للحواف بمقدار 20 px، وبلون تعبئة D3928D#، واضبط محاذاة الشكل في منتصف مسطح العمل وعلى بعد 6 px من الحافتين العلوية واليمنى. خطوة 3 انسخ الشكل المرسوم بالضغط على Ctrl+F، Ctrl+C واضبط موضعه على بعد 2 px من الحافة اليسرى، حدد الشكلين ثم من نافذة Pathfinder اختر Minus Front Shape Mode لاقتطاع الشكل المطلوب. خطوة 4 ميز الشكل الناتج بسماكة لحدوده وذلك بنسخ الشكل بالضغط على **Ctrl+C ثم لصقه في في المقدمة بالضغط على *Ctrl+F* وغير لونه للدرجة 262A35‏# ثم اعكس تعبئته داخل حدوده بالضغط على Shift+x وتأكد من ضبط سماكة الحدود على 4 px والدوران على Round Join. قبل أن ننتقل للخطوة التالية، حدد الشكلين وضعهم في مجموعة واحدة بالضغط على Ctrl+G خطوة 5 ارسم الجزء المطوي من حزام الساعة، انسخ الأشكال بالضغط على Ctrl+F، Ctrl+C بعد إلغاء تجميعها وذلك بالضغط على زر الفأرة الأيمن واختيار Ungroup ثم احذف حدود الشكل المنسوخ. غير لون التعبئة للشكل الناتج إلى FFBFB6‏# واحذف النصف السفلي من الشكل كما يظهر في الصورة المرفقة. خطوة 6 اضبط طول الشكل الناتج بتحديد نقاط التحكم السفلية باستخدام أداة (Direct Selection Tool (A، واسحبهم للأسفل مسافة 14 px باستخدام أداة Move عن طريق الضغط على ** px 14 < Vertical < Move < Transform < right click** خطوة 7 حدد نقطتي التحكم السفلية مجددًأ وباستخدام أداة (Direct Selection Tool (A أعطهم بعض الانحناء بتحديد قيمة نصف قطر الانحناء 12 px في المربع المخصص لذلك. أعط الشكل الناتج سماكة حدود 4 px بلون 262A35‏#، حدد الشكلين وضعهم في مجموعة واحدة بالضغط على Ctrl+G وانتقل للخطوة التالية. خطوة 8 [08.png] لنرسم شريط الربط ارسم دائرة بأبعاد 8*8 px بلون E89054‏# بسماكة حدود 4 px ولون 262A35‏#، ثم ضعهم في مجموعة واحدة وضعها في المكان الموضح على مسافة 8 px من الحافة السفلية. بمجرد انتهائك حدد الحزام وشريط الربط معًا وضعهما في مجموعة واحدة بالضغط Ctrl+G. خطوة 9 أضف زر الربط برسم دائرة أبعادها 4*4 px وبلون 262A35‏#، وضعها أسفل طية الحزام على مسافة 2 px. بمجرد انتهائك من الرسم حدد جميع الأشكال الحالية بالضغط على Ctrl+G. خطوة 10 ارسم الجزء الأيسر من الحزام بنسخ الجزء الأيمن وعكسه بشكل رأسي وذلك عن طريق Vertical < Reflect < Transform < right click ثم اضبط موضع الشكل على بعد 16 px من الحافة اليسرى لسطح العمل. غيّر لون تعبئة الشكل الناتج إلى اللون EA755E‏#، ثم حدد جميع الأجزاء المكونة للحزام وضعهم في مجموعة واحدة بالضغط على Ctrl+G. خطوة 11 لنبدأ العمل على الهيكل الفعلي للساعة. لرسم المقطع الجانبي ارسم مستطيلًأ بأبعاد 16*48 px باللون E89054‏#، واضبط الشكل على أن يكون نصف قطر دوران الزوايا اليمنى 8 px وذلك من مربع خصائص الشكل. أعط الشكل الناتج سماكة 4 px ولون 262A35‏# ضع الأشكال في مجموعة واحدة بالضغط على Ctrl+G واضبط الموضع على بعد 36 px عن الحافة اليسرى لمسطح العمل. خطوة 12 لرسم الواجهة الأمامية للساعة ارسم مستطيلًا ذو حواف دورانية بأبعاد 40*48 px باللون FFC06C# وبسماكة حدود 4 px ولون 262A35‏#، ضع العناصر في مجموعة واحدة واضبط الموضع كما هو موضح في الصورة المرفقة. خطوة 13 لرسم الشاشة ارسم شكلًا مستطيلًا ذو حواف دورانية بأبعاد 32*40 px باللون 262A35‏# ودوران 4 px، واضبط محاذاة الشكل على الواجهة الأمامية للساعة. خطوة 14 أضف أزرار التحكم برسم دائرة بأبعاد 8*8 px ولون 262A35‏#، وضعها على الجزء الجانبي من الساعة على مسافة 8 px من الحافة العلوية. خطوة 15 أنهِ رسم الساعة بإضافة المفتاح الثانوي وذلك برسم مستطيل ذو حواف دورانية بأبعاد 8*16 px باللون 262A35‏# وبدوران 4 px للزوايا، وضعه أسفل الزر السابق على بعد 4 px. حدد الأشكال وضعها في مجموعة واحدة بالضغط على ctrl+G واحفظ العمل. عمل رائع! كان هذا شرحًا توضيحيًا خفيفًأ خطوة بخطوة لتتعلم كيف ترسم رمز لساعة ذكية باستخدام بعض الأشكال والأدوات الأساسية. ترجمة وبتصرف للمقال Create a Smartwatch Icon in Adobe Illustrator لصاحبه Andrei Stefan
  3. ستتعلم في هذا الدرس التوضيحي طريقة رسم مشهد لطائرة مركونة على مدرج الطيران باستخدام برنامج Adobe Illustrator. وبالاعتماد على الأشكال الأساسية مثل الشكل البيضاوي والشكل المستطيل والمستطيل ذو الحواف الدائرية لعمل الرسم المطلوب، ستتعلم تقنيات متعددة لإضافة بعض التدرجات والتأثيرات اللونية للحصول على نتيجة واقعية قدر الإمكان. فلتبدأ المهمّة! إنشاء مستند عمل جديد 1- بعد تشغيل البرنامج اضغط على Ctrl+N لإنشاء ملف عمل جديد، واضبط الإعدادات التالية: Number of Artboards: ‏1 Units:‏ ‏Pixels Width:‏px‏860 Height‏:‏ 640px ثم بالانتقال إلى Advanced اضبط الإعدادات كالتالي: Color Mode‏:‏ RGB Raster Effects‏:‏‏ (Screen (72ppi Preview Mode‏:‏ Default ثم تحقق من عدم تفعيل خيار Align New Objects to Pixel Grid قبل الضغط على OK. رسم هيكل الطائرة 2- باستخدام أداة رسم الشكل البيضاوي (Ellipse Tool ltr (L ارسم شكلًا بيضاويًا باللون الأسود وبأبعاد 95107px، ثم بأداة التحديد (Direct Selection Tool (A حدد نقاط التحكم اليمنى واليسرى للشكل البيضاوي وحركهم بمقدار 4px لأعلى. بنفس أداة التحديد (Direct Selection Tool (A مع الضغط على مفتاح Shift اسحب ذراع التحكم العلوية للوصول إلى الشكل المرفق أدناه. باستخدام أداة (Rectangle Tool (M ارسم مستطيلًا باللون الأصفر بأبعاد 1004.5px، واضبط موضعه كما هو موضح في الصورة. 3- حدد الشكل البيضاوي الناتج من الخطوة 2 واصنع نسخة منه بالضغط على Ctrl+F ،Ctrl+C واستبدل لون حدود الشكل المنسوخ إلى اللون الأحمر. أعد تحديد الشكل البيضاوي الأحمر والمستطيل الأصفر واصنع نسخة منهم، أبقِ الأشكال محددة ثم انتقل إلى نافذة Pathfinder وذلك بالذهاب إلى pathfinder < window واضغط على أيقونة Minus Front. ثم اضغط على مفاتيح Ctrl+Shift+G لإلغاء تجميع العناصر في المجموعة الناتجة. حدّد الشكل العلوي الناتج وغيّر لون حدوده إلى اللون الأزرق، ثم انتقل للجزء السفلي وغيّر لون حدوده إلى اللون التركوازي، حدّد الجزء المتبقي من الشكل البيضاوي الأحمر والشكل المستطيل الأصفر ثم انقر على أيقونة intersectمن نافذة Pathfinder. أخيرًا ضعِ الشكل الناتج في مقدمة سطح العمل بالضغط على Ctrl +Shift +Right* *Square Bracket. 4- بالرجوع إلى الشكل البيضاوي من خطوة 2، حدّد الشكل وضعه في مقدمة سطح العمل بالضغط على Ctrl +Shift** +Right Square Bracket**، ثم حدّد نقطة التحكم العلوية واحذفها. بالاستفادة من أداة *Convert Anchor Point Tool* أو بالضغط على مفاتيح اختصارها Shift +C اضغط على ذراع التحكم العلوية لنقطة التحكم اليسرى واسحبها للأسفل ناحية اليمين. كرر العملية مع نقطة التحكم اليمنى واسحب ذراع التحكم إلى الأسفل ناحية اليسار. 5- حدد الشكل ذو اللون التركوازي الناتج من الخطوة 3، أزل حدود الشكل واملأه بتدرج قطري كما يظهر في الصورة الثانية أدناه. انتقل إلى الشكل الأصفر وأزل لون حدوده واملأه باللون الأسود درجة 000000#، مع إبقائك على الشكل محددًا غير نظام الدمج (Blending Mode) إلى Hard Light وقلل الشفافية حتى 50%. انتقل الآن إلى الشكل الأسود وأزل لون حدوده واملأه بتدرج قطري كما هو موضح في الصورة. أبق على تحديد الشكل الناتج واذهب إلى Feather < stylize < Effect، اضبط القيمة على 2px ثم اضغط OK. وأخيرًا غير نظام دمج الشكل الناتج إلى Soft Light. 6- بالاعتماد على الأدوات (Pen Tool (P و(Tool (G ارسم شكلًا مضيئًا باللون الأزرق الأقرب للرمادي كما هو ظاهر في الصورة المرفقة، أعد تحديد الشكل الناتج واذهب إلى Gaussian Blur < Blur < Effect، ثم اضبط القيمة على 3px Radius ثم OK. غير نظام الدمج للشكل الناتج إلى overlay وقلل الشفافية حتى 70%. 7- انتقالًا إلى حجرة القيادة، ارسم مستطيلًا بأبعاد 5*px17 باللون الأزرق، حدّد المستطيل الناتج وبالضغط على مفتاح Shift انقر على الشكل العلوي الناتج من خطوة 5. حرر مفتاح Shift واضغط على الجزء العلوي الناتج من خطوة 5 مجددًا (لتعديل موضعه)، بعدها افتح نافذة Align بالذهاب إلى Align > Window، اضغط على أيقونة **Horizontal *Align Center ثم Vertical Align Top. أعد تحديد المستطيل الأزرق وحرّكه بمقدار 20px لأسفل. انتقالًا إلى أداة رسم المستطيل (Rectangle Tool (M أدرج مستطيلين بأبعاد: 2017px و7.5*15.5px واضبط موضع المستطيلين كما هو موضح في الصورة. ثم بالاعتماد على أداة (Direct Selection Tool (A حدد نقطة التحكم السفلية من جهة اليمين الخاصة بالمستطيل الأحمر وحركها بمقدار 9px لليمين. وانتقل إلى نقطة التحكم السفلية من جهة اليسار وحركها بمقدار 8px لليمين. أخيرًا حدد نقطة التحكم السفلية من جهة اليمين للمستطيل الأحمر المتبقي وحركها بمقدار 9px لليمين. 8- حدّد الشكل الأحمر الكبير واذهب إلى Move < Transform < Object وأدخل القيم -1.5px في مربع Horizontal و3.5px في مربع Vertical، ثم اضغط على Copy. استبدل لون حدود الشكل الناتج إلى اللون الأصفر، الآن حرر الشكل الأحمر الكبير واصنع نسخة منه بالضغط على Ctrl+F ،Ctrl+C. أبقِ على تحديد الشكل ثم بالضغط على مفتاح Shift اضغط على الشكل الأصفر. افتح نافذة Pathfinder بالذهاب إلى **Pathfinder > **Window واضغط على أيقونة Minus Front. بعدها استبدل لون حدود الشكل الناتج إلى اللون الأصفر. ركز على الصورة الثالثة أدناه، حدد نقطتي التحكم المشار إليهما بعلامة زرقاء ثم اضغط على أيقونة Cut path at selected anchor points من شريط Properties، وهذا سيجعل الشكل الأصفر بمسارين. حدّد المسار العلوي ثم بالضغط على الزر الأيمن للفأرة في مسطح العمل اختر Join من القائمة المنسدلة واستبدل لون حدود الشكل الناتج باللون الأخضر. أخيرًا حدّد المسار المتبقي من الشكل الأصفر واضغط على Ctrl+J لتحصل على النتيجة الموضحة أدناه. 9- حدد الشكل الأحمر الصغير واذهب إلى Move < Transform < Object وأدخل القيم -1.5px في مربع Horizontal و2.5px في مربع Vertical ثم اضغط Copy. استبدل لون حدود الشكل الناتج باللون التركوازي. حرر الشكل الأحمر الصغير واصنع نسخةً منه بالضغط على Ctrl+C ،Ctrl+F. أبقِ على تحديد النسخة الجديدة، اضغط على مفتاح Shift ثم انقر على الشكل التركوازي. افتح نافذة Pathfinder بالذهاب إلى Pathfinder < Window واضغط على أيقونة Minus Front. ثم استبدل لون حدود الشكل الناتج إلى اللون الأصفر. ركز على الصورة الثالثة أدناه وحدد نقاط التحكم المشار إليها باللون الأزرق ثم اضغط على Cut path at selected anchor points من شريط Properties. وهذا سيجعل للشكل الأصفر مسارين، حدد المسار العلوي وبالنقر على زر الفأرة الأيمن على مسطح العمل اختر Join من القائمة المنسدلة. ثم استبدل لون حدود الشكل الناتج إلى اللون الأخضر. أخيرًا حدد المسار المتبقي للشكل الأصفر واضغط على Ctrl+J للحصول على النتيجة الموضحة أدناه. 10- حدد الشكلين باللون الأحمر وأزل لون الحدود ثم املأ الشكلين بدرجةٍ من الأزرق الغامق 0e1520‏#. انتقل إلى تحديد الشكلين باللون الأخضر وأزل لون الحدود واملأ الشكلين بدرجةٍ من الأزرق المائل للرمادي 2e333d‏#. ثم انتقل للشكلين باللون الأصفر وكرر الخطوات السابقة واملأ الأشكال باللون الأزرق الداكن المائل للرمادي 454954‏#. الآن أعد تحديد أول شكلين صنعتهم في هذه الخطوة وبالضغط على Ctrl+F ،Ctrl+C اصنع نسخةً منهم، عدّل موضع النسخ لتصبح في مقدمة سطح العمل بالضغط على Ctrl +Shift +Right Square Bracket. أبق على تحديد الأشكال الناتجة واستبدل لون التعبئة بعمل تدرج خطي كما يظهر أدناه. أخيرًا غّير نظام دمج الأشكال الناتجة إلى screen وقلل الشفافية حتى 80%. 11- حدد الأشكال الناتجة من الخطوة 7 وحتى الآن -باستثناء المستطيل الأزرق- واضغط على Ctrl+G لتجميعهم معًا. أبقِ على تحديد المجموعة الجديدة واذهب إلى Reflect < Transform < Object، اختر vertical ثم copy، ثم حرك النسخة إلى اليسار. حدد وأزل المستطيل الأزرق. أخيرًا حدّد العناصر الناتجة من خطوة 2 وحتى الآن وبالضغط على Ctrl+G ضعهم معًا في مجموعةٍ واحدة. رسم ذيل الطائرة 12- باستخدام الأداة (Rectangle Tool (M ارسم شكلًا مستطيلًا أبعاده 12123px بلون أحمر، واضبط موضعه كما يظهر في الصورة. ثم بالاعتماد على أداة التحديد (Direct Selection Tool (A حدد نقطة التحكم العلوية اليمنى للمستطيل الجديد وحرّكه لليسار بمقدار 5px، وانتقل لنقطة التحكم العلوية اليسرى وحركها أيضًا بمقدار 5px لليمين. أعد تحديد الشكل باللون الأحمر واذهب إلى Round Corners < Stylize < Effect وأدخل قيمة 2px Radius ثم OK. ارسم شكلًا بيضاويًا باستخدام أداة (Ellipse Tool (L أبعاده 15.51.6px، واضبط موضعه كما هو موضح في الصورة الرابعة أدناه. أعد تحديد الشكلين الناتجين من هذه الخطوة وأزل لون الحدود، ثم املأ الشكلين بتدرجٍ خطيٍّ كما يظهر في الصورة أدناه. أخيرًا أخفِ الشكل البيضاوي خلف الأشكال المتبقية في هذه الخطوة. 13- حدد الشكل الكبير الناتج عن خطوة 12، اختر أداة (Rotate Tool (R وبالضغط على مفتاح Alt انقر على النقطة الوسطى أسفل الشكل. في مربع الحوار Rotate أدخل قيمة 83 درجة للزاوية واضغط Copy. حرك الشكل الناتج 3px لأسفل ولليمين بمقدار 3px أيضًا، واستبدل لون تعبئته بعمل تدرجٍ خطيٍّ كما يظهر في الصورة أدناه. احتفظ بتحديد الشكل واذهب إلى Reflect < Transform < Object، اختر Vertical واضغط Copy. اسحب النسخة إلى اليمين كما يظهر في الصورة الأخيرة. أخيرًا حدد جميع الأشكال التي نتجت من بداية الخطوة 12 للآن وضعهم في الخلفية Ctrl +Shift +Left Square Bracket. رسم أجنحة الطائرة 14- ستكون البداية برسم الجناح الأيمن، حدد الشكل كما هو موضحٌ في الصورة الأولى المرفقة واذهب إلى **Scale < **Transform < Object، اختر Uniform وأدخل القيمة 275% في خانة Scale ثم Copy. أبقِ على تحديد الشكل الأخير وحرّكه بزاوية دوران -1.5 درجة ثم اضبط موضعه كما هو موضحٌ في الصورة الرابعة أدناه، واستبدل لون التعبئة للشكل بتدرجٍ خطيٍّ كما يظهر في الصورة الخامسة. اختر أداة (+) Add Anchor Point Tool واضغط على النقطة المحددة باللون الأحمر، أعد تحديد نقطة التحكم الجديدة وحركها لأعلى 6px. 15- ارسم شكلًا مستطيلًأ باللون الأحمر باستخدام أداة (Rectangle Tool (M واضبط موضعه كما هو موضحٍ في الصورة الأولى أدناه. أعد تحديد الشكل الناتج عن خطوة 14 وانسخه بالضغط على Ctrl+F ،Ctrl+C، احتفظ بتحديد النسخة وبالضغط على مفتاح Shift وانقر على المستطيل الأحمر ثم افتح نافذة Pathfinder بالذهاب إلى Pathfinder < Window واضغط على Intersect. أزل لون حدود الشكل الناتج واملأه بتدرجٍ خطيٍّ كما يظهر في الصورة. باستخدام أداة () Line Segment Tool ارسم خطًا رأسيًا، بسماكة 1px وحدوده بلون أحمر قاتم 231f20‏# وبلا تعبئة. أخيرًا طبق Width Profile 1 للخط المرسوم. 16- باستخدام أداة (Pen Tool (P ارسم عنصرًا باللون الأسود كما يظهر في الصورة الأولى أدناه، وانسخ الشكل الناتج بالضغط على Ctrl+F ،Ctrl+C، ثم استبدل لون الحدود باللون الأحمر. بالاعتماد على أداة (Direct Selection Tool (A اضبط ذراع التحكم للعنصر الأحمر كما يظهر في الصورة. أعد تحديد الشكلين الناتجين من هذه الخطوة وأزل لون الحدود ثم املأ الشكلين بتدرج ٍ خطيٍّ كما يظهر في آخر صورتين. 17- اتبع تسلسل الخطوات المُوضح في الصور التالية وكرر نفس طريقة الرسم في الخطوات السابقة لرسم المزيد من الأشكال. رسم المحرك النفاث 18- باستخدام أداة (Ellipse Tool (L ارسم شكلًا بيضاويًا باللون الأحمر بأبعاد 13.5px12.5. أبقِ على تحديد الشكل واذهب إلى Offset Path < Path < Object وأدخل قيمة 1.5px Offset- واضغط OK. انتقل إلى أداة رسم المستطيل (Rectangle Tool (M وارسم مستطيلًا باللون الأصفر بأبعاد 1.5px12 واضبط موضعه كما هو موضحٌ في الصورة. بالاعتماد على أداة (Direct Selection Tool (A حدد نقطة التحكم العلوية اليمنى للمستطيل الأصفر وحركها لليمين 1px، وكرر نفس العملية مع نقطة التحكم العلوية اليسرى 1px بالاتجاه المعاكس. أعد تحديد الشكل الأصفر واذهب إلى Round Corners < Stylize < Effect، أدخل قيمة 1px Radius ثم اضغط OK. أبقِ على تحديد الشكل الناتج وأزل لون حدوده واملأه بتدرجٍ خطيٍّ كما هو موضحٌ في الصورة الأخيرة. 19- حدد الشكل الأسود الناتج من خطوة 18 ثم استخدم الأداة (Rotate Tool (R ومع الضغط على مفتاح Alt انقر على مركز الشكل البيضاوي ذو اللون الأحمر. في مربع الحوار Rotate أدخل قيمة الزاوية 15 درجة واضغط Copy. كرر الخطوة بالضغط على Ctrl+D حتى تصل إلى النتيجة الموضحة في الصورة الثانية أدناه. حدد الشكلين باللون الأحمر من خطوة 18 وضعهم في مقدمة سطح العمل بالضغط على Ctrl +Shift +Right Square Bracket. أعد تحديد الشكل البيضاوي الكبير وأزل لون حدوده واملأه باللون الأزرق الداكن المائل للرمادي 404952#. ثم حدد الشكل البيضاوي الأحمر المتبقي وأزل لون حدوده واملأه بتدرجٍ خطيٍّ كما في الصورة السابقة. أخيرًا حدد كافة الأشكال الناتجة من خطوة 18 حتى الآن وضعها في مجموعة. 20- اختر أداة (Ellipse Tool (L وارسم شكلًا بيضاويًا باللون الأحمر بأبعاد 38.5*36px. أبقِ على تحديد الشكل واذهب إلى Offset Path < Path < Object وأدخل قيمة 7.5px Offset ثم OK، بعدها حرك الشكل الناتج 1px لأسفل ثم انسخ الشكل الأخير وذلك بالضغط على Ctrl+F ،Ctrl+C، واستبدل لون حدوده باللون الأزرق. أبقِ على تحديد الشكل البيضاوي الأزرق وافتح نافذة Transform بالذهاب إلى Transform < Window وغير قيم العرض إلى 60.5px والارتفاع إلى 53.5px. حرك الشكل الناتج 2px لأعلى وكذلك 2px لليسار، وأخفهِ خلف الشكل البيضاوي الأحمر الكبير. 21- حدّد المجموعة الناتجة من خطوة 19 ومع الضغط على مفتاح Shift انقر على الشكل البيضاوي الأحمر الصغير. افتح نافذة المحاذاة Align وذلك بالذهاب إلى Align < Window، ثم اضغط على Horizontal Align Center واضغط على Vertical Align Center. أعد تحديد المجموعة الناتجة من خطوة 19 وافتح نافذة Transform بالذهاب إلى Transform < Window، ثم غير قيم العرض إلى 38.5px والارتفاع إلى 36px. 22- حدّد الشكل البيضاوي الأحمر صغير الحجم وانسخه بالضغط على Ctrl+F ،Ctrl+C. أبقِ على تحديد النسخة وبالضغط على مفتاح Shift انقر على الشكل البيضاوي الكبير. افتح نافذة Pathfinder وذلك بالذهاب إلى Pathfinder < Window واضغط على زر Minus Front. أزل حدود الشكل الناتج واملأه بتدرجٍ خطيٍّ كما يظهر في الصورة الثانية أدناه. طبق تأثير Feather 4px على الشكل الناتج، ثم غير نظام الدمج إلى Screen وقلل الشفافية حتى 80%. 23- حدد الشكل الناتج من خطوة 22 وانسخه بالضغط على Ctrl+F ،Ctrl+C. باستخدام أداة (Selection Tool (V انقر نقرًا مزدوجًا على المسار الجديد. حدد الشكل البيضاوي الصغير واذهب إلى Scale < Transform < Object، اختر Uniform، وأدخل قيمة 115% في مربع Scale ثم OK. حدد الشكل المتبقي ثم افتح مربع حوار Scale من جديد. فعّل Non-Uniform وأدخل 86% في مربع Horizontal و89% في مربع Vertical ثم OK. بعدها انقر نقرًا مزدوجا في أي مكانٍ بعيدًا عن المسار المركّب. ركز في الصورة الرابعة أدناه، استبدل لون التعبئة للمسار الناتج بتدرجٍ خطيٍّ. مع إبقائك للمسار الجديد محددًا افتح بند Feather. في مربع حوار Feather أدخل 2px Radius ثم اضغط OK. وغير نظام الدمج للمسار إلى Lighten. 24- حدّد الشكل البيضاوي الأحمر المتبقي وأزل لون حدوده ثم املأه بلونٍ أسود 000000#. بعدها ضع الشكل البيضاوي الناتج في الخلفية Ctrl +Shift +Left Square Bracket. أكمل بتحديد البيضاوي الأزرق وأزل لون حدوده واملأ الشكل بتدرجٍ إشعاعيٍّ كما هو موضحٌ في الصورة الثانية أدناه. الآن حدد جميع الأشكال الناتجة من خطوة 18 وضعهم معًا في مجموعةٍ واحدة. واضبط مكانها وفق ما تراه في الصورة المرفقة. 25- باستخدام أداة (Pen Tool (P ارسم الشكلين الموضحين في الصورة الأولى، ثم أعد تحديد الشكل الأحمر وانسخه، واستبدل لون حدود الشكل باللون الأخضر. ركز على الصورة الثانية وحدد نقطتي التحكم المشار إليهما في الصورة باللون الأحمر ثم اضغط على أيقونة Cut path at selected anchor points من شريط Properties. هذا سيجعل للشكل الأخضر مسارين منحنيين. حدد وأزل المسار الأطول. بعدها حدد المسار الأخضر المتبقي ثم اختر Join من القائمة المنسدلة التي تظهر عند النقر على مسطح العمل بالزر الأيمن للفأرة. أعد الخطوة مجددًا واختر Join. الآن أعد تحديد الشكلين الناتجين من هذه الخطوة وأزل لون الحدود ثم املأهما بتدرجٍ خطيٍّ كما يظهر في الصورة الخامسة والسادسة. أخيرًا ارسم شكلين باللون الأزرق الداكن المائل للرمادي 393d41‏# كما يظهر في آخر صورتين، ثم أرسلهما إلى الخلفية Ctrl +Shift +Left Square Bracket. رسم عجلة الهبوط 26- باستخدام أداة (Pen Tool (P ارسم الشكلين الموضحين في الصورة الثانية. أعد تحديد الشكل الأزرق وأزل لون حدوده ثم املأه بتدرجٍ خطيٍّ كما يظهر في الصورة الثالثة. انسخ الشكل واستبدل لون تعبئته بالتدرج الخطي. أضف تأثير Feather بقيمة 3px للشكل الجديد وغير نظام الدمج إلى Hard Light. الآن أعد تحديد الشكل الأحمر وأزل لون حدوده واملأه بالتدرج الخطي الموضح أدناه. انسخ الشكل الناتج واستبدل تعبئته بتدرجٍ لونيٍّ مجددًا، أخيرًا غيّر نظام الدمج إلى Hard Light. 27- باستخدام أداتي (Rectangle Tool (M و(Gradient Tool (G ارسم مستطيلًأ كما هو موضحٌ في الصورتين الأولى والثانية. التقط أداة Rounded Rectangle Tool من شريط الأدوات وانقر على مسطح العمل. في مربع الحوار Rounded Rectangle أدخل البيانات الموضحة في الصورة الثالثة أدناه واضغط OK. بعدها اضبط مكان المستطيل كما يظهر في الصورة الثالثة أدناه. انسخ الشكل بالضغط على Ctrl+F ،Ctrl+C واسحب النسخة إلى موضعها الصحيح الذي توضحه الصورة الرابعة ولا تنسَ الضغط على مفتاح Shift لسحب الشكل باستقامة. أعد تحديد الشكلين وأزل لون الحدود ثم املأهما بتدرجٍ خطيٍّ كما يظهر في الصورة الأخيرة. 28- حدد الأشكال الناتجة من خطوة 14 وحتى هذه المرحلة وضعهم معًا في مجموعةٍ واحدةٍ وذلك بالضغط على Ctrl+G، ثم أرسل إلى الخلفية Ctrl +Shift +Left Square Bracket. أبق على تحديد المجموعة واذهب إلى Reflect < Transform < Object، اختر Vertical ثم Copy. بعدها اسحب النسخة إلى اليسار واضبط موضعها كما يظهر في الصورة الثانية مع الضغط على مفتاح Shift لضمان الاستقامة أثناء السحب. رسم الترس الأمامي 29- باستخدام أداة (Rectangle Tool (M أرسم مستطيلين أحدهما بالأبعاد 4px26.5 والآخر بأبعاد 38.5px، ثم اضبط موضعهما كما هو موضحٌ في الصورة الثانية أدناه. أعد تحديد الشكلين وأزل لون الحدود ثم املأهما بتدرجٍ خطيٍّ كما في الصورة الثالثة. انسخ المستطيلين بالضغط على Ctrl+F ،Ctrl+C واستبدل لون التعبئة بتدرجٍ خطيّ. أضف تأثير Feather 3px للأشكال الناتجة وغيّر نظام الدمج إلى Hard Light. ثم باستخدام الأدوات (Rectangle Tool (M و(Gradient Tool (G ارسم مستطيلًا كما يظهر في آخر صورتين. 30- باستخدام أداة (Pen Tool (P ارسم الشكل الموضح في الصورة باللون الأزرق الغامق المائل للرمادي 40474d#، بعدها أخفِ الشكل الجديد خلف الأشكال الناتجة من الخطوة 29. التقط أداة Rounded Rectangle Tool من صندوق الأدوات وانقر على مسطح العمل، ومن مربع الحوار Rounded Rectangle أدخل البيانات الموضحة في الصورة الثانية واضغط OK. ثم اضبط مكان الشكل الجديد كما توضحه الصورة الثانية. انسخ الشكل واسحب النسخة إلى اليسار واضبط موضعها كما هو موضح في الصورة الثالثة مع الضغط على مفتاح Shift لضبط الاستقامة. أخيرًا أعد تحديد الشكلين وأزل لون الحدود ثم املأهما بتدرجٍ خطيٍّ كما توضحه الصورة الأخيرة. 31- حدد جميع الأشكال المتكونة من خطوة 29 وحتى الآن وضعهم في الخلفية بالضغط على **Ctrl +Shift +Left **Square Bracket. بعدها حدد العناصر الناتجة من بداية الخطوة 2 وحتى هذه المرحلة وضعهم في مجموعةٍ واحدةٍ بالضغط على Ctrl+G. ستظهر الطائرة كالتالي: رسم الخلفية 32- باستخدام أداة (Rectangle Tool (M ارسم مستطيلًا أسود اللون بأبعاد 854*px640 واصنع نسخةً منه بالضغط على Ctrl+F ،Ctrl+C، ثم استبدل لون الحدود للنسخة باللون الأحمر. أبقِ على تحديد المستطيل الأحمر وافتح نافذة Transform وذلك بالذهاب إلى Transform < Window. اضبط نقطة المرجعية على النقطة المتوسطة السفلية، ثم غيّر الارتفاع إلى 210px. أعد تحديد المستطيل الأسود وأزل لون حدوده ثم املأه بتدرجٍ إشعاعيٍّ كما يظهر في الصورة الأخيرة. 33- للبدء بمدرج الطيران انسخ المستطيل الأحمر واستبدل لون الحدود باللون الأزرق، أبقِ على تحديد المستطيل الأزرق الناتج وافتح نافذة Transform بالذهاب إلى Transform < Window. اضبط النقطة المرجعية على النقطة الوسطى العلوية، بعدها غيّر العرض إلى 952px والارتفاع إلى 246px. أبقِ المستطيل الأزرق محددًا وأزل لون التحديد ثم املأه بتدرجٍ إشعاعيٍّ كما يظهر في الصورة الثانية. استمر في تحديد المستطيل الناتج واذهب إلى **Film **Grain < Artistic < Effect. اتبع التعليمات التي تظهر في الصورة الثالثة ثم OK. بعدها أضف تأثير Feather 20px للمستطيل الناتج. 34- باستخدام أداة (Rectangle Tool (M ارسم مستطيلًا باللون الأصفر بأبعاد 44*px210، أبقِ على تحديد الشكل وبالضغط على مفتاح Shift انقر على المستطيل بتأثير Film Grain من خطوة 33. افتح نافذة المحاذاة Align بالذهاب إلى Align < Window، ثم اضغط على (Horizontal Selection Tool (A، حدد نقطة التحكم العلوية اليمنى للمستطيل الأصفر وحركها 19px لليسار. بعدها حدد نقطة التحكم العلوية اليسرى وحركها لليمين 19px. أعد تحديد الشكل الأصفر وأزل لون حدوده قم املأه بتدرجٍ خطيٍّ كما يظهر في الصورة الثالثة. أكمل باستخدام الأدوات (Pen Tool (P و(Gradient Tool (G وارسم الشكل الموضح في الصورة الرابعة والخامسة. انسخ الشكل الجديد الناتج ثم اعكس النسخة بشكلٍ رأسيٍّ وضعها في الجانب الأخر من خلفية العمل. أخيرًا أعد تحديد الأشكال الثلاثة الناتجة من هذه الخطوة وغير نظام الدمج إلى Overlay. 35- حدد جميع الأشكال الناتجة من الخطوة 33 وحتى هذه المرحلة وضعهم في مجموعةٍ واحدةٍ، ثم حدد المستطيل الأحمر الناتج من خطوة 32 وبالضغط على مفتاح Shift وانقر على المجموعة الناتجة من هذه الخطوة. انقر بزر الفأرة الأيمن على مسطح العمل واختر Make Clipping Mask من القائمة المنسدلة. في هذه المرحلة من المفترض أن تظهر خلفية العمل كما هو موضحٌ في الصورة الثانية، بعدها اضبط مكان الطائرة على الخلفية التي قمت برسمها. إضافة الظلال 36- لإضافة مظهرٍ أكثر واقعيةٍ ستحتاج إضافة بعض الظلال، لذلك التقط أداة (Rectangle Tool (M وارسم مستطيلين بأبعاد 9.5px1 والآخر 5px8. بعدها اضبط مكان الشكلين كما يظهر في الصورة الثانية. انسخ المستطيل الأحمر واسحب النسخة جهة اليمين واضبط مكانها كما يظهر في الصورة الثالثة ولا تنسَ الضغط على مفتاح Shift لضمان الاستقامة أثناء سحب الشكل. أعد تحديد المستطيل الأصفر وأزل لون حدوده واملأه باللون الأحمر الداكن 231f20‏#. بعدها حدد الشكلين باللون الأحمر وأزل لون الحدود ثم املأ الشكلين بالتدرج الموضح في الصورة اللاحقة. أخيرًا أضف تأثير Gaussian Blur 1px للأشكالِ الناتجة وضعهم خلف العجلة الأمامية في الرسم. 37- استكمالًأ بعمل الظلال للعجلات واعتمادًا على أداة (Rectangle Tool (M ارسم ثلاثة أشكالٍ مستطيلةٍ كما يظهر في الصور المرفقة. فور انتهائك من رسمهم حددهم وضعهم في مجموعةٍ واحدة، بعدها أضف تأثير Gaussian Blur 1px على المجموعة الجديدة وضعها خلف العجلة اليسرى. انسخ المجموعة الناتجة بالضغط على Ctrl+F ،Ctrl+C واسحب النسخة جهة اليمين كما يظهر في الصورة الأخيرة أدناه ولا تنسَ الضغط على مفتاح Shift أثناء السحب. 38- وإلى هنا ستكون النتيجة كما يلي: 39- باستخدام أداتي (Ellipse Tool (L و(Gradient Tool (G ارسم شكلًا بيضاويًا بأبعاد 14*px610 كما يظهر في الصورة الأولى والثانية، أكمل بأداة رسم الأشكال البيضاوية وارسم ثلاثة أشكالٍ أخرى كما يظهر في الصور اللاحقة. أضف تأثير Gaussian Blur 4px على الأشكال البيضاوية الناتجة من هذه الخطوة. أخيرًا غيّر نظام الدمج إلى Multiply وقلّل الشّفافية حتى 50%. تمّت المهمة! لقد تمت المهمة بنجاح! وهذا ما حصلنا عليه: ترجمة -وبتصرف- للمقال Learn how to create an Airplane in Adobe Illustrator لصاحبه Bao Nguyen
  4. في هذا الدرس، سأعلمك كيفية إنشاء بعض مؤشرات الخريطة في برنامج 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 لكاتبه
  5. سنتعلم في الدرس التعليمي اليوم، عملية إنشاء أيقونة متعقّب اللياقة البدنية، باستخدام بعض الأشكال والأدوات الأساسية في برنامج 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
  6. سنتطرق في هذا المقال لشرح مراحل تصميم رمز طبق فضائي طائر، باستخدام بعض الأشكال والأدوات الأساسية في برنامج 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
  7. في هذا الشرح التوضيحي سنقوم بتصميم شعار لشمعة باستخدام الأشكال والأدوات الأساسية في برنامج 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
  8. سنتعلم اليوم طريقة تصميم شريحة من البطيخ في برنامج 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
  9. في هذا المقال سيتم استعراض خطوات تحويل رسوم يدوية لشخصية كرتونية إلى لعبة ورقية ثلاثية الأبعاد باستخدام برنامج اليستريتور (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
  10. هذا درس تعليمي قصير في برنامج 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
  11. أهلًا بك مجددًا في درسٍ تعليميٍّ سريع نتعلم فيه عملية إنشاء أيقونة صغيرة ولطيفة لمسدس. وبما أننا نفترض أنه لديك برنامج 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
  12. إذا أردت يومًا ما أن ترسم رسمةً ولكن لم يكن لديك أي أدنى فكرة عن كيفية البدء، فإن هذا الشرح التوضيحي مناسبٌ جدًا لك. في هذا الشرح، سوف نتعلم كيفية ضبط مستند في 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
  13. تستخدم الصور الرسومية عادة كصور رمزية بسبب وقوعها في موقع وسط بين تمثيل الشخص الذي يستخدمها وبين الإبقاء على هويته مجهولة في نفس الوقت، وفي هذا الدليل سنستخدم أدوات الفكتور في برنامج إليستوريتور لإنشاء صورة رمزية بسيطة بأسلوب الفن الخطي "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.
  14. اتبع هذا الدرس التعليمي وتعلم كيفية إنشاء مجموعة من إشارات المرور في 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
  15. يمكنك إنشاء الكثير لواجهة لعبتك الخاصة وفي هذا الدرس التعليمي سأريكم كيفية إنشاء شريط تقدم اللعبة مع أيقونة استعانة لطيفة باستخدام 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
  16. في هذا الدرس التعليمي، سأوضح لك كيفية إنشاء سبورة في 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
  17. سننشئ في هذا الدرس التعليمي بعض أيقونات الملابس الرجالية، في برنامج 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
  18. ستتعلم في هذا الدرس التعليمي، كيفية إنشاء سكين الورق في برنامج الـ 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