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



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

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

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

نوع المُحتوى


التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

التصنيفات

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

أسئلة وأجوبة

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

التصنيفات

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

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

  1. إذا أردت يومًا ما أن ترسم رسمةً ولكن لم يكن لديك أي أدنى فكرة عن كيفية البدء، فإن هذا الشرح التوضيحي مناسبٌ جدًا لك. في هذا الشرح، سوف نتعلم كيفية ضبط مستند في 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
  2. تستخدم الصور الرسومية عادة كصور رمزية بسبب وقوعها في موقع وسط بين تمثيل الشخص الذي يستخدمها وبين الإبقاء على هويته مجهولة في نفس الوقت، وفي هذا الدليل سنستخدم أدوات الفكتور في برنامج إليستوريتور لإنشاء صورة رمزية بسيطة بأسلوب الفن الخطي "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.
  3. اتبع هذا الدرس التعليمي وتعلم كيفية إنشاء مجموعة من إشارات المرور في 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
  4. يمكنك إنشاء الكثير لواجهة لعبتك الخاصة وفي هذا الدرس التعليمي سأريكم كيفية إنشاء شريط تقدم اللعبة مع أيقونة استعانة لطيفة باستخدام 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
  5. في هذا الدرس التعليمي، سأوضح لك كيفية إنشاء سبورة في 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
  6. سننشئ في هذا الدرس التعليمي بعض أيقونات الملابس الرجالية، في برنامج 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
  7. ستتعلم في هذا الدرس التعليمي، كيفية إنشاء سكين الورق في برنامج الـ 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