zahershullar

قمت منذ أسبوعين بتصميم شعار لصاحب متجر حلويات ولكن للأسف الزبون اختار تصميمًا آخر. بكل الأحوال استمتعت جدًّا في تصميم هذا الشعار وقد أحببت النتيجة النهائية ولذلك سأقدم لكم درس بسيطًا وصغيرًا عن عملية تصميم هذا الشعار. هذه هي صورة النتيجة النهائية التي سنصمّمها باستخدام برنامج الإليستريتور لذلك دعونا نبدأ على الفور بفتح برنامج أدوبي إليستريتور. هذا التصميم سيتم عبر ثلاث خطوات رئيسية، مظهر الخلفية الدائرية للشعار، شكل الحلوى المرسومة وأخيرًا اللافتة التي تمر عبر الشعار والذي سنكتب عليه اسم الشركة. الخطوة 1: لنبدأ باستخدام أداة الدائرة Ellipse Tool لرسم دائرة مثالية عبر الضغط على مفتاحي Shift وAlt أثناء سحب الشكل باستخدام الفأرة، هذين المفتاحين يحافظان على الدائرة متناسقة ومركزيّة. تاليًا سنضيف حدودًا بقيمة 8pt بلون #C9C4A8. وبالنسبة للون التعبئة سنستخدم الرمادي الداكن باللون #333. الخطوة 2: والآن سنضاعف عنصر الدائرة عبر الضغط على Ctrl + C و Ctrl + F. هذا الأمر سينسخ الدائرة ويلصقها مباشرة فوق العنصر المحدّد. قم بتصغير حجم هذه الدائرة الجديدة عبر سحب صندوق التحديد المحيط بالعنصر للداخل قليلًا مع المحافظة على الضغط على Shift وAlt. والآن لننتبه للحدود حيث سنقوم بمنحها اللون #E8CBC5 وقيمة سماكة 2pt. افتح نافذة أدوات الحدود Stroke وطبّق ميزة الخط المتقطّع مع شرطات بقيمة 12pt. الخطوة 3: نستطيع أن نبدع في هذا الجزء من التصميم. سنستخدم أداة النجمة Star Tool لرسم عنصر التعزيز الداخلي حيث نستطيع أن نحصل على نتائج مدهشة. بكل الأحوال وللمحافظة على بساطة وجمالية هذا الدرس قررت تبسيط التصميم قدر الإمكان علمًا أنه يمكنك دائمًا تعديل الخطوات بما يناسب ذوقك وإبداعك. استخدم أداة النجمة Star Tool وانقر في أي مكان على لوح الرسم. في صندوق الحوار الخاص بهذه الأداة أدخل القيم التالية: نصف القطر الأول 200px، نصف القطر الثاني 170px، النقاط 20. الآن قم بتوسيط هذه النجمة مع الدوائر المرسومة سابقًا وامنحها حدودًا بقيمة 6pt وذات اللون المستخدم في الخط المنقط #E8CBC5. الخطوة 4: من أجل الظل سنقوم بمضاعفة عنصر النجمة وإرسال النسخة للخلف عبر النقر بالزر الأيمن عليها واختيار القائمة Arrange->Bring to Front. حدّد هذه النسخة مجدّدًا وزِد حجمها قليلًا وامنحها اللون #1A1A1A الذي سيكون عبارة عن رمادي داكن. والآن حرّكه قليلًا للأسفل عبر تحديده والضغط على السهم السفلي من لوحة المفاتيح مرتين. الخطوة 5: والآن سنصمم شكل قالب الحلوى. بداية يأتي شكل الورق الحافظ للقالب. سنبدأ مع مستطيل كقاعدة للورق وسنقوم بتعديله حتى نحصل على النتيجة المطلوبة. اختر أداة المستطيل Rectangle Tool وانقر في أي مكان على لوح الرسم. وفي صندوق الحوار اختر القيم التالية: العرض 290px، الارتفاع 145px، وامنح المستطيل لون تعبئة #84C2CF. الخطوة 6: لتحويل الشكل إلى شبه منحرف باستخدام أداة التحديد المباشر Direct Selection Tool حدّد النقطة السفليّة اليسرى للعنصر وحرّكه لليمن أربع مرّات باستخدام السهم اليمين من لوحة المفاتيح أثناء الضغط على مفتاح Shift لمنحك مساحة إضافية. كرّر العملية مع النقطة السفلية اليمنى كما يجب. الخطوة 7: من أجل قاعدة العلبة الورقية سنستخدم أداة الدائرة Ellipse Tool لإنشاء شكلٍ بيضويٍّ في منتصف قاعدة شبه المنحرف (فعّل الأدلّة الذكية لتساعدك على القيام بتحديد مكان التموضع) أثناء الضغط على مفتاح Alt للمحافظة على مركزية تموضع الشكل. اسحب الشكل البيضوي حتى يصل إلى حدود شكل شبه المنحرف. حدّد كلا الشكلين ثم استخدم لوحة Pathfinder لدمج unite الشكلين معًا. الخطوة 8: ومن أجل الشرائط على العلبة سنستخدم تقنية بسيطة والتي تعتمد على التناظر وأدوات Pathfinder. سنبدأ برسم شكلين سيُمثّلان الشرائط على نصف العلبة فقط باستخدام أداة القلم Pen Tool. أعطِ هذه الشرائط اللون #AED6E0. والآن حدّد كلا الشكلين واجمعهما في مجموعة واحدة group بالاختصار Ctrl + G. الخطوة 9: ضاعف الشكل المركّب بالاختصارين Ctrl + C وCtrl + F ثم اعكس التصميم عبر الضغط على النسخة الجديدة بالزر الأيمن واختيار القائمة Transform–>Reflect. وفي النافذة التي ستظهر اختر الخيار العمودي Vertical ثم اضغط موافق. والآن حرّك هذا العنصر إلى الجهة اليمنى من العلبة مع الضغط باستمرار على المفتاح Shift للمحافظة على المحاذاة حتى يصل العنصر إلى الموقع الصحيح على الجهة اليمنى للعلبة. حدّد كلا العنصرين وأدمجهما معًا من لوحة Pathfinder عبر الخيار unite. الخطوة 10: ضاعف شكل شبه المنحرف الذي يقع تحت الشرائط مستخدمين ذات التقنية التي استخدمناها خلال الدرس ثم اجلبه إلى المقدمة عبر الضغط بالزر الأيمن على النسخة الجديدة واختيار القائمة Arrange–>Bring to Front. حدّد هذا العنصر مع عنصر الشرائط ثم اختر crop من لوحة Pathfinder. سيقوم هذا الأمر بقص الشرائط تحديدًا بحسب حجم ورق العلبة تمامًا ولن يكون هناك أجزاء ظاهرة خارج حجم العلبة. ولكن ما زال هناك المزيد من العمل على العلبة والشرائط للوصول إلى الشكل الصحيح. الخطوة 11: الخطوة الأخيرة في تصميم العلبة الورقية هي برسم شكل بيضوي تحت قاعدة شكل شبه المنحرف ثم لوّنه بلون الشرائط ذاته #AED6E0 واجمع العنصر عبر تحديد كافة العناصر والضغط على Ctrl + G. لا تقلق حيال الجزء العلوي من العلبة لأن المثلجات التي سنرسمها فوقها ستغطي هذه الحافة تمامًا. الخطوة 12: سنقوم الآن بتصميم الغطاء الجليدي ببضع خطوات بسيطة وسهلة. ابدأ برسم الشكل الرئيسي للغطاء الجليدي عبر استخدام أداة الدائرة Ellipse Tool. ثلاث أشكال بيضوية عادة ستفي بالغرض. سنقوم بقص الجزء السفلي من الشكل العام للأشكال الثلاثة. الخطوة 13: ارسم مستطيلًا يغطي الجزء السفلي من الأشكال البيضوية الثلاثة المتداخلة باستخدام أداة المستطيل Rectangle Tool. حدّد المستطيل مع أحد الأشكال البيضوية ثم طبّق الخيار Minus Front من لوحة Pathfinder لقص مساحة المستطيل من الشكل البيضوي. كرّر هذه العملية مع باقي الأشكال البيضوية مع ترك الشكل البيضوي المسطّح للمحافظة على استدارة بسيطة على الحافة السفلية للأشكال البيضوية ثم أدمج جميع الأشكال باستخدام unite من لوحة Pathfinder. الخطوة 14: ضاعف الشكل الجديد من Ctrl + C و Ctrl + F ولوّن النسخة الجديدة باللون #E8CBC5. صغّر حجم الشكل الأصلي قليلًا عبر استخدام مستطيل التحديد المحيط بالشكل والمحافظة على الضغط على Shift وAlt أثناء التصغير للمحافظة على تناسب الشكل ومركزية عملية التصغير. حرّك هذا الشكل قليلًا نحو اليسار باستخدام السهم الأيسر من لوحة المفاتيح لتبدو الحدود عريضة قليلًا جهة اليمين. الخطوة 15: سنستخدم أداة القلم Pen Tool لرسم شكلين يمثلان الحواف الداخلية للشكل الجليدي انطلاقًا من الحواف الخارجية لإعطاء منظر وهمي يدلّ على اللولبية. الخطوة 16: سنصمم الآن ثمرة الكرز التي ستوضع في الأعلى. استخدم أداة الدائرة Ellipse Tool لرسم شكل بيضوي في أي مكان على لوح الرسم بالأبعاد: العرض 80px والارتفاع 80px. لوّن هذا الشكل باللون #D78995. ومن أجل تأثير الظلال ضاعف الشكل باستخدام Ctrl + C و Ctrl + F ولوّن النسخة باللون #C74366. ضاعفها مرة أخرى ثم صغّر حجم النسخة الأخيرة قليلًا وحرّكها باتجاه الجهة العليا اليسرى. حدّد النسختين المتداخلتين واستخدم Minus Front من لوحة Pathfinder لقص الشكل العلوي من السفلي والإبقاء على شكل هلال فقط في الجزء السفلي الأيمن. صغّر حجم هذا الهلال وحرّكه ودوّره حتى تحصل على مظهر ظل الثمرة من الجهة السفلية لها. ارسم شكلًا بيضويًّا باستخدام الأداة Ellipse Tool ولوّنه باللون #E8CBC5 ثم حرّكه فوق ثمرة الكرز ليبدو كلمعان إضاءة فوق الثمرة. والآن ارسم شكل عود الثمرة باستخدام القلم وضع شكلًا بيضويًّا صغيرًا تحته يبدو كظل له نفس لون الظل أسفل الثمرة. اجمع كل الأشكال التي تكوّن الثمرة ثم ضع الثمرة فوق قالب الحلوى. الخطوة 17: وسنقوم الآن برسم رشّات الحلوى اللذيذة فوق قالب الحلوى. استخدم أداة المستطيل مستدير الزوايا Rounded Rectangle Tool لرسم مستطيل صغير ثم اصنع عدة نسخ منه. ثم بعثرهم ودوّرهم في مختلف الاتجاهات لمنحهم مظهرًا عشوائيًّا. لونّهم باللون الأزرق الفاتح #84C2CF والوردي الداكن #D78995. اجمعهم في مجموعة واحدة ثم ضعهم فوق قالب الحلوى. قم بتجميع عناصر قالب الحلوى (العلبة والمثلجات والكرز والرشّات) معًا بالطريقة المثالية لشكل قالب الحلوى ثم حدّدهم جميعًا واجمعهم في مجموعة واحدة. ضع قالب الحلوى في وسط الشعار تمامًا وفي المقدمة. الخطوة 18: هذا ما سيبدو عليه التصميم عند هذه اللحظة ويبقى لدينا مهمة أخيرة وهي اللافتة والنص المكتوب عليها. الخطوة 19: سنصمم هذه اللافتة باستخدام التناظر وأدوات Pathfinder وهو نفس الأسلوب الذي استخدمناه في تصميم شرائط علبة الحلوى. لنبدأ برسم نصف اللافتة بمساعدة أداة القلم Pen Tool وتأكّد من الضغط على مفتاح Shift أثناء رسم الخطوط المستقيمة في الجهة اليمنى وهذا مهم للغاية حتى نتمكن من عكس نسخة مطابقة للشكل الذي نرسمه لنحصل على النتيجة المثالية في النهاية. بعد أن تنتهي من رسم النصف المطلوب من اللافتة استخدم النسخ Ctrl +C واللصق Ctrl + F للتأكّد من أن النسخة الجديدة في وضعية محاذاة مع النسخة الأصلية. اعكس النسخة عبر الضغط عليها بالزر الأيمن واختيار القائمة Transform->Reflect. ثم اختر من النافذة المنبثقة الخيار العمودي Vertical وانقر موافق. حرّك النسخة لليمين مع الضغط على المفتاح Shift للمحافظة على المحاذاة إلى أن تتطابق النسخة اليمنى مع النسخة الأصلية اليسرى تمامًا عند حدودهما المشتركة. هذه الطريقة هي ذاتها التي استخدمناها طوال الدرس، لا شيء جديد بالنسبة لك. الآن حدّد النسختين معًا ثم اختر الخيار Unite من لوحة Pathfinder لدمج الشكلين في عنصر واحد. الخطوة 20: استخدم أداة القلم Pen Tool لرسم إحدى حواف اللافتة. حدّد هذا العنصر واذهب إلى لوحة التدرجات Gradient لتطبيق الإعدادات التالية: للون الأول اختر اللون #F0EBCE ثم اختر اللون #C9C4A8 للون الثاني. انقر على مزلاج اللون الأول وأدخل القيمة 50% عند خانة الموقع Location، هذا سيجعل بداية اللون الأول عند المنتصف تقريبًا من جهة اليمين. ثم أدخل القيمة 25 عند إعدادات الزاوية Angle. إننا نقوم باستخدام هذه التقنية من التدرجات اللونية لمنح التصميم مزيدًا من العمق ومظهرًا ثلاثي الأبعاد. الخطوة 21: ضاعف هذا العنصر الأخير الذي أنشأناه ثم اعكسه وضعه عند النهاية الأخرى للافتة ثم حدّد العناصر الثلاثة. الخطوة 22: سنضيف المزيد من العمق للافتة عبر مضاعفة الأشكال الثلاثة المحدّدة مسبقًا وتحريكها بنقرتين للأسفل عبر مفتاح السهم السفلي من لوحة المفاتيح. ثم امنح هذه النسخة التي في الأسفل اللون #E0ABA1 وتأكّد من أنها مرسلة أسفل الشكل الأساسي عبر النقر عليه بالزر الأيمن ثم اختيار القائمة Arrange–>Send to Back. الخطوة 23: حدّد جميع عناصر اللافتة واجمعها بالاختصار Ctrl + G. اجعل عنصر اللافتة فوق جميع عناصر الشعار الأخرى وعدّل حجمه إن اقتضت الضرورة. الخطوة 24: أرجوا أنك راضٍ حتى هذه اللحظة عن النتيجة. الآن انقر على عنصر اللافتة نقرة مزدوجة حتى تدخل إلى الأجزاء المجموعة داخل العنصر. استخدم أداة القلم Pen Tool لرسم حدود عبر أعلى وأسفل اللافتة. امنح هذه الحدود سماكة بقيمة 5pt ولونّها باللون #C9C4A8. الخطوة 25: حدّد الحدود السفلية التي أنشأناها للتو ثم ضاعفها. حرّكها بنقرتين للأعلى باستخدام مفتاح السهم العلوي من لوحة المفاتيح ثم اختر أداة المسار Path Tool. انقر على الخط الجديد الذي حرّكناه للتو ثم ابدأ الكتابة. اختر اللون #D78995 للخط. أنا اختر الخط Lobster 1.4 لصاحبه Pablo Impallari وهو مناسب جدًّا لتصميمنا هذا. عليك أن تدرك أن نوعية الخط الذي ستستخدمه هنا سيغير شكل التصميم النهائي جذريًّا، لذلك لا تتردد في تجربة عدّة خطوط لتختار الأنسب منها بالنسبة لك. الخطوة 26: الخطوة الأخيرة لإنهاء التصميم هي بمضاعفة النص ومنح النسخة الجديدة اللون #C74366. ثم حرّكها قليلًا للأعلى واليسار لإضافة تأثير نصي مميز في النهاية. أرجوا أن يكون هذا الدرس قد أعجبكم وأن تكونوا قد استفدتم منه لمعرفة كيفية استخدام تقنيات الأشكال الأساسية والرسم بالقلم وكذلك استخدام الألوان وغيرها من أدوات الإليستريتور. ترجمة -وبتصرّف- للمقال: How to create a cupcake shop badge emblem style logo لصاحبه: Loic Ginet

في درس الفوتوشوب هذا سنتعلّم كيفية التحكم بالطقس وتغيير الفصول عبر استخدام بعض الحيل في برنامج الفوتوشوب وسنقوم في هذا الدرس بتحويل صورة المشهد الصيفي المشمس البرّاق إلى مشهد شتوي مثلج. سنقوم بتعديلات على الألوان للحصول على جو بارد ثم سنستخدم أدوات التحديد الذكيّة لإضافة الغطاء الثلجي على الغابة. ثم سننهي التصميم عبر إضافة الغطاء الثلجي على كامل المشهد. حيلة الفوتوشوب هذه تعمل أفضل مع صور المناظر الطبيعية التي تحوي الكثير من الأشجار والأعشاب. هناك ثلاث خطوات أساسية للقيام بهذا العمل: غسل الألوان لإزالة درجات الصيف الدافئة، تطبيق غطاء الثلج الأبيض، ثم إنهاء التصميم بعاصفة ثلجية واقعية. افتح الصورة المطلوبة في الفوتوشوب. أنا استخدمت هذه الصورة من موقع Unsplash.com. أضف طبقة تعديل تشبّع الألوان Hue/Saturation من خلال أيقونة إضافة طبقة تعديلات الموجودة أسفل لوحة الطبقات. عدّل بخيارات القائمة المنسدلة من Master إلى مختلف قنوات الألوان وخفّف من قيمة إشباع الألوان أثناء مشاهدة المعاينة للنتائج واختيار النتيجة الأفضل. الهدف من هذه العملية هو إزالة درجات الألوان الدافئة لمنح الصور شعور برد الشتاء. القناة الحمراء لا تحتاج عادة إلى تعديلات كبيرة بحيث يعتمد الأمر على طبيعة موضوع الصورة بينما القناتين الصفراء والخضراء تحتاجان إلى تخفيف كبير لإزالة الحيوية والدفء من الأعشاب وأوراق الشجر. وأخيرًا فإن تعديل القنوات الزرقاء والسماوية ستساعد على جعل السماء الصافية ملبدة بالغيوم. اختر طبقة الخلفية ثم اذهب إلى القائمة Select > Color Range غيّر خيار التحديد إلى خيار Sample Colors ثم انقر على الصورة لاختيار عينات الدرجات اللونية المختلفة. حاول البحث عن اللون الذي يوفّر التباين الجيد أثناء متابعتك لنافذة المعاينة الصغيرة ومشاهدة النتيجة. المزلاج الضبابي يمكن تعديله لضبط سطوع التحديد. أضف طبقة جديدة بما أن التحديد ما زال مفعّلًا ثم لوّن تلك المنطقة باللون الأبيض عبر الاختصار CMD+Backspace. خفّف التعتيم لنحو 70-80% لإضافة بعض التفاصيل إلى الغطاء الثلجي عبر السماح للصورة الأساسية بالظهور قليلًا. أحيانًا يكون هذا التداخل الأبيض مطبّقًا على مناطق غير ضرورية. أضف قناعًا للطبقة ثم استخدم ممحاة بفرشاة ناعمة لمسح تلك المناطق غير المرغوبة كالسماء في هذه الحالة. اسحب طبقة الخلفية إلى أيقونة طبقة جديدة أو حدّدها واضغط الاختصار CMD+J لمضاعفتها ثم ضع النسخة الجديدة أعلى لوحة الطبقات. غيّر خصائص المزج إلى Soft Light ثم خفّف التعتيم إلى 20-30% لإعادة بعض التباين إلى الصورة. أضف طبقة تعديلات بلون جامد واختر لونًا سماويًّا كاللون 7bbdf6. غيّر خصائص مزج الطبقة إلى Soft Light وخفّف التعتيم لنحو 10-20% لتطبيق منظر تأثير لون أزرق بارد خفيف. أنشئ طبقة جديدة ولوّنها باللون الأبيض. اذهب إلى القائمة Filter > Noise > Add Noise واختر القيمة 100 للخيار Gaussian وفعّل Monochromatic. اذهب مباشرة إلى القائمة Filter > Blur > Gaussian Blur لإزالة الحدّة من الضجيج عبر وضع القيمة 1px للتمويه. غيّر خصائص مزج الطبقة إلى Screen لتحويل اللون الأسود في الطبقة إلى شفّاف وسامحًا فقط للون الأبيض بالظهور. اذهب إلى القائمة Image > Adjustments > Levels أو اضغط على الاختصار CMD+L ثم حرّك مزلاج الظلال لليمين لتخفيف كثافة لون الضجيج الأبيض وجعلها تبدو بمظهر حبّات خفيفة من الثلج. أضف طبقة جديدة واتبع ذات الخطوات السابقة من تلوين بالأبيض وإضافة الضجيج ومن ثم التمويه ولكن سيكون تمويه Motion Blur هذه المرة وبقيمة 10px وزاوية انحراف خفيفة. استخدم المستويات Levels لتخفيف كثافة نمط الثلج ثم اضغط على الاختصار CMD+T لتحويل طبقة الثلج الثانية. استمر بالضغط على Alt وShift أثناء تكبير الطبقة للمحافظة على المركزية ونسبة الحجم. عادة عند تكبير التصاميم النقطية فإن التصميم سيتشوّه قليلًا وهذا في الواقع ما نهدف إليه مع تأثير الثلج هذا. أضف طبقة ثلج ثالثة باتباع ذات الخطوات السابقة مع تغيير اتجاه التمويه هذه المرّة وتكبير حجم الطبقة أكثر أيضًا. طبقات الثلج الثلاثة هذه ستضيف العمق إلى التأثير مع حبّات الثلج الضبابية في المقدّمة عبر الحبّات الأصغر في الخلفية. انتهينا الآن من تحويل مشهد صيفي حيوي إلى مشهد شتوي مثلج بمساعدة أداوت وتعديلات الفوتوشوب. إن خاصية Hue/Saturation ساعدت على استبدال الألوان الدافئة بألوان باردة بينما أداة التحديد اللوني Range Selection ساعدت على تحديد الأعشاب وأوراق الشجر لتطبيق التأثير عليها. وتم تعزيز التأثير بتأثير الثلج الواقعي المصنوع بالكامل بواسطة برنامج الفوتوشوب. ترجمة -وبتصرّف- للمقال: How To Change a Photo from Summer to Winter in Photoshop لصاحبه: Chris Spooner

بدأنا في الجزء الأوّل من هذه الدرس برسم المبنيين الأوّل والثاني مع كامل التأثيرات المختلفة وتابعنا في الجزء الثاني رسم المركز التجاري والمسجد. سنتابع في هذا الجزء الثالث والأخير رسم أعمدة الإنارة وأبنية الخلفية البعيدة والغيوم. سنبدأ برسم عمود الإنارة. ارسم مستطيلًا مستدير الزوايا Rounded Rectangle Tool واجعل الجزء المستدير الأسفل تحت الخط السفلي للوح الرسم. لوّنه بلون أزرق فاتح جدًّا. استخدم أداة التحديد المباشر Direct Selection Tool لتحديد النقطة السفلية من هذا الشكل. احذف هذه النقطة باستخدام مفتاح Delete للإبقاء على شكل قاعدة عمود الإنارة. ارسم مستطيلًا طويلًا بنفس اللون بمحاذاة منتصف القاعدة ليمثّل جسم عمود الإنارة. يمكن توسيطهما بتحديدهما معًا واختيار توسيطهما من لوحة المحاذاة Align. ارسم شكلًا بيضويًّا مضغوطًا عموديًّا كما في الصورة وألغِ لون التعبئة ولوّن الحدود بلون باقي أجزاء العمود مع جعل الحدود بعرض جسم العمود. ضع هذا الشكل في أعلى يمين جسم العمود. حدّد النقطة السفلية واحذفها للإبقاء على نصف الشكل العلوي. حرّك الشكل إلى أعلى العمود بحيث تكون النقطة اليسرى من الشكل مطابقة للنقطة العلوية من العمود. انسخ هذا الشكل Ctrl+C وألصقه في المقدمة Ctrl+F ثم حرّكه للجهة المقابلة من أعلى العمود. ارسم دائرة بذات اللون بحيث يكون مركزها النقطة اليمنى من الشكل البيضوي الأيمن أعلى العمود. انسخها وألصقها في الجهة المقابلة. حدّد جميع هذه الأشكال واجمعها من خلال النقر عليها بالزر الأيمن واختيار الخيار Group من القائمة. ضع هذا العمود في مكانه في المدينة وألصق عدة نسخ منه ووزّعها بالشكل المناسب في شوارع المدينة أمام الأبنية. أنشئ طبقة جديدة من لوحة الطبقات Layers ثم حرّكها إلى أسفل طبقة أبنية المدينة ثم أخفِ طبقة أبنية المدينة وذلك حتى نعمل على الأبنية الخلفية البعيدة والتي ستكون خلف الأبنية المصممة سابقًا. ارسم مستطيلًا طويلًا بلون أزرق فاتح جدًّا للمبنى البعيد الأول. ارسم مربعًّا صغيرًا داكنًا أكثر كنافذة صغيرة في المبنى. أنشئ عدّة نسخ من هذه النافذة على نفس الصف ثم حدّد جميع النوافذ والبناء ثم امنح المبنى نقرةً إضافيةً لجعل شكل المبنى الشكل المفتاح حيث ستلاحظ أن هذا الشكل أصبح بحدود أكبر سماكة ثم افتح لوحة المحاذاة Align ثم وسّطها أفقيًّا إلى الوسط بحيث ستكون النوافذ في وسط المبنى أفقيًّا بسبب جعل المبنى الشكل المفتاح. اجمع النوافذ في مجموعة واحدة من خلال تحديدها والنقر بالزر الأيمن واختيار Group من القائمة. انسخ هذا الصف إلى الأسفل عدّة مرّات لملء المبنى بالنوافذ. ارسم مجموعة إضافية من المباني النحيفة الطويلة بدرجات مختلفة من الألوان الزرقاء الفاتحة جدًّا. استخدم أداة القلم Pen Tool لرسم أشكال هندسية أعلى المباني الإضافية. ارسم مستطيلًا جديدًا لمبنى جديد ولوّنه بدرجة لون أزرق فاتح مختلف عن البقية ثم ارسم مستطيلًا نحيفًا جدًّا طويلًا بلون داكن أكثر. انسخ هذا الشكل الأخير عدّة مرات على عرض المبنى. ارسم مجموعة من المستطيلات المختلفة المتراكبة فوق بعضها وفوق المبنى الأخير. ارسم مستطيلًا جديدًا طويلًا أكثر من السابق وبدرجة لون مختلفة. ارسم مستطيًلا كبيرًا وعريضًا وبدرجة لون مختلفة على الجانب الأيمن من التصميم. ارسم مبنى آخر أصغر أمام المبنى الأخير وبلون مختلف داكن أكثر للإيحاء بأنه أقرب. ارسم مبنى جديدًا على الجهة اليمنى من مجموعة المباني الأخيرة وبلون داكن أكثر للدلالة على المسافة الأقرب من بقية المباني. ارسم مستطيلًا عريضًا نحيفًا في أعلى المبنى الأوسط من مجموعة المباني بلون داكن أكثر. انسخ هذا الشكل عدّة مرات للأسفل وأرسلها أسفل شكل المبنى الصغير. ارسم نافذة صغيرة في زاوية المبنى الصغير. انسخ هذه النافذة وكرّرها على كامل المبنى بنفس الطريقة المستخدمة سابقًا في المبنى الأول. هذا هو شكل هذه الطبقة السفلية والتي يظهر فيها مجموعة من المباني البعيدة الفاتحة اللون مع النوافذ المتعدّدة الأشكال والألوان. أظهِر طبقة المباني الأساسية، وبهذا سيظهر جليًّا شكل المباني الأساسية الأمامية والمباني البعيدة في الخلفية مما يمنح التصميم واقعية أكثر. سنرسم مجموعة من الغيوم وسنبدأ برسم أجزاء الغيمة الأولى. ارسم شكلًا مستطيلًا مستدير الزوايا بلون رمادي داكن ثم ارسم فوقه دائرتين كبيرة وصغيرة ولكن بحجم أصغر من شكل المستطيل مستدير الزوايا. حرّك الأشكال بشكل تتداخل مع بعضها البعض وتصبح بشكل الغيمة. وحّد هذه الأشكال في شكل واحد من خلال الخيار Unite من لوحة Pathfinder. انسخ هذه الغيمة عدّة مراّت ووزّعها خلف شكل المباني البعيدة في الخلفية. وبهذا ينتهي هذا التصميم. تابع الجزء الأول والثاني بالإضافة إلى هذا الجزء الثالث بشكل متتالٍ لتعلّم كيفية تصميم مشهد مسطّح لأي منظر طبيعي أو مدينة أو أي مشهد آخر. طبعًا يمكننا استخدام مخيّلتنا ورسم مباني بأشكال مختلفة وتنوّع أكبر سواء أكانت مبانٍ رئيسية أو خلفية بعيدة، كما يمكننا إضافة أشكال الأشجار وغيوم بأشكال مختلفة وحتى أشكال سيارات وطائرات وغيرها.

لقد سبق وأن قمنا بتحويل مخطط مرسوم إلى تصميم فكتور لشخصية كرتونية حيث حوّلنا مخططًا مرسومًا باليد للقرصان الكرتوني إلى تصميم فكتور باستخدام برنامج أدوبي إليستريتور. سنستخدم تقنيات مشابهة هنا أيضًا لتصميم فكتور شخصية فريدي السمكة الكرتونية. كما في درس القرصان الكرتوني فإن العملية تبدأ بمخطط مرسوم بالقلم الرصاص والورقة ومن ثم يتم نقله بواسطة الماسح الضوئي إلى الحاسوب. افتح برنامج أدوبي إليستريتور وضع الصورة الأساسية في لوح الرسم مع جعل مستوى التعتيم لطبقة هذه الصورة عند 20% واقفل هذه الطبقة. أنشئ طبقة جديدة فوق طبقة الصورة الأساسية وأطلق عليها اسم (Outlines) وارسم مسارًا خارجيًّا حول الحواف الخارجية للشخصية باستخدام أداة القلم Pen Tool. استخدم أداة التحديد المباشر Direct Selection Tool لتعديل نقاط المسار بحسب متطلباتك. اجعل حدود المسار بسماكة 9pt. اتبع انسياب الخط بين العين والجسم بحدود بسماكة 4pt. ارسم دائرة في مكان ما على لوح الرسم بحيث يكون حجم عرض الدائرة بحجم أكبر عرض للخطوط المرسومة. استخدم أداة التحديد المباشر Direct Selection Tool لسحب النقطة اليمنى من الدائرة إلى الخارج مع الاستمرار بالضغط على مفتاح Shift. في لوحة الفراشي Brushes انقر على أيقونة فرشاة جديدة New Brush واختر خيار فرشاة فنية Art Brush من القائمة. استمر في رسم المسارات عبر تفاصيل الشخصية ثم اختر الفرشاة من لوحة الفراشي. ارسم بشكل موازٍ للخطوط الخارجية العريضة سلسلة من الخطوط المتدفقة كتفاصيل للشخصية. استخدم مستويات مختلفة من سماكات الحدود لرسم مستويات مختلفة من التفاصيل، بحيث تكون أدق التفاصيل بحدود بحجم 0.5pt. كرّر العملية على حدود العين ثم أنشئ الشكل الذي سيمثّل بؤبؤ العين. أضِف زوجًا من الدوائر داخل بؤبؤ العين كانعكاس للإضاءة. أخفِ طبقة المخطط الأصلي من لوحة الطبقات وتفحّص التصميم الحالي وقم بأية تعديلات ضرورية. للبدء بإضافة الألوان أنشئ طبقة جديدة بين طبقة المخطط الأصلي وبين طبقة الحدود. اختر لونًا وابدأ برسم حدود مطابقة للحدود الخارجية العريضة للشخصية ولوّنها باللون الذي اخترته. خفّف شفافية العنصر الملوّن لتشاهد حدود النقش الذي سنضيفه على الشخصية. أعِد مجدّدًا مستوى الشفافية إلى 100% ولوّن المنطقة الجديدة بلون أكثر قتامة بقليل من لون الشخصية العام. ابدأ بالعمل على العينين عبر تلوينها باللون الأبيض وذلك برسم منطقة العين ومن ثم تلوينها كما فعلنا في الخطوات السابقة. ثم أضِف بقية التفاصيل المطلوبة مثل القزحية وتلوينها بتدرج لوني دائري متعدّد أزرق وأزرق فاتح. اختر لونًا مناسبًا للشفاه ثم ارسم منطقة الشفاه ولوّنها بهذا اللون. ارسم منطقة كبيرة تحت جسم الشخصية من الظلال كبيئة محيطة مناسبة للشخصية ولتكن بلون رمادي فاتح. ارسم منطقة ظل خفيفة بلون داكن قليلًا أسفل الشخصية. أضِف المزيد من مناطق الظلال تحت تفاصيل الشخصية المختلفة لمنح التصميم انطباع التصميم ثلاثي الأبعاد بحيث نفرض تأثيرًا للإضاءة المسلطة على الشخصية عبر ظهور الظلال. يمكن إنهاء عملية التصميم هنا ولكننا سنضيف المزيد من العمق للشخصية باستخدام التدرجات اللونية المتنوعة بدل الألوان الصامتة للمناطق المختلفة من الشخصية. إن جعل التدرجات اللونية تنطلق من الأعلى للأسفل ومن اللون الفتح إلى الداكن سيمنح انطباعًا أفضل للأشكال المرسومة. التصميم انتهى وأصبح مكتملًا ولكن فريدي السمكة بحاجة إلى منزل. ابحث في الإنترنت عن مشهد تحت الماء، أنا وجدت صورة المرجان الرائعة المجانية من موقع FreeImages. انتقل إلى برنامج أدوبي فوتوشوب وافتح الصورة ثم ألصق الشخصية ضمن المشهد وعدّل بحجمها بالشكل المناسب. استخدم أداة Burn Tool لإنشاء ظلال للشخصية على الخلفية ما يساعد على اندماج الشخصية بالبيئة المحيطة. استخدم أداتي Burn Tool وDodge Tool لإضافة إضاءات وظلال للشخصية مع ملاحظة اتجاه الإضاءة في المشهد ضمن الخلفية. ضاعف طبقة الشخصية وطبّق عليها فلتر التمويه Gaussian Blur بقيمة منخفضة. استخدم فرشاة كبيرة ناعمة ضمن أداة الممحاة لمسح جسم السمكة الرئيسي وترك زعانف السمكة المموّهة. انسخ وألصق جزءًا من منطقة الصخور الموجودة في الخلفية وضعها فوق الشخصية. غيّر خصائص المزج إلى Soft Light وخفّف التعتيم إلى 20%. وبهذا ننتهي من تصميم فريدي ومنزله. ترجمة -وبتصرّف- للمقال: How To Create Your Own Vector Cartoon Character لصاحبه: Chris Spooner

بدأنا في الجزء الأوّل من هذا الدرس رسم المبنيين الأوّل والثاني مع تأثيرات الظلال الخفيفة درجات الألوان المسطّحة على الأشكال المختلفة للإيحاء بمدى قُرب وبُعد الأشكال. سنتابع في هذا الدرس رسم باقي مباني المدينة. سنقوم برسم مركز تجاري. أنشئ مستطيلًا جديدًا بالأداة Rectangle Tool بحجم 300 في 300 بكسل وبلون 077BA3 وضعه بشكل ملاصق للمبنى الثاني من الجهة اليمنى. أنشئ حافة علوية لهذا المبنى الثالث بحجم 300 في 13 بكسل وبنفس لون الحافة في أعلى المبنيين الثاني والأول. أنشئ ظلًّا تحت الحافة بحجم 300 في 7 بكسل واستخدم أداة القطّارة Eyedropper Tool لنسخ لون الظل من المبنى الأول. ارسم مستطيلًا جديدًا بحجم 275 في 40 بكسل وبلون C7C9C9. ارسم حافات لهذا المستطيل من جميع الجهات وبلون شبيه بلون إطار النوافذ في المباني السابقة مع جهة الحافة العلوية واليمنى بلون افتح من باقي الجهات. ارسم مستطيلًا نحيفًا بارتفاع المستطيل الكبير ثم انسخه وضع النسخة في الجهة المقابلة. حدّد كلا المستطيلين النحيفين ثم اذهب للقائمة Object > Blend > Make أو اضغط على الاختصار Ctrl+Alt+B. ثم اذهب إلى القائمة Object > Blend > Blend Option إن ميزة Blend رائعة ومهمة للقيام برسم أشكال متواصلة ومتتابعة بين شكلين بحسب تدرج الألوان أو عدد الخطوات. وفي هذه الحالة سنتعلّم كيفية نسخ الأشكال بين شكلين باستخدام ميزة Blend التي ستصنع نسخًا متعددّة بين الشكلين وبمسافات متساوية.من خيار Spacing اختر الخيار Specified Steps ثم اختر عدد النسخ وليكن 4. ارسم خطيّن مائلين بزاوية 45 درجة وبلون رمادي داكن ليكون انعكاس إضاءة تقليدي لزجاج النافذة. انسخ هذين الخطين ووزّعهما على بقية النوافذ. حدّد جميع أشكال سلسلة النوافذ ثم اجمعها في مجموعة واحدة من خلال النقر بالزر الأيمن عليها واختيار Group من القائمة. انسخ نسختين عن المجموعة وضعها أسفل الشكل الأصلي بمسافات متساوية. ارسم مستطيل الباب بحجم 85 في 45 بكسل. ارسم إطارًا للباب بلون داكن أكثر مع رسم ضلع منتصف الباب في منتصف ارتفاع الباب تمامًا. لوّن زجاج الباب بلون رمادي فاتح. ارسم مستطيلًا صغيرًا بلون أصفر في منطقة الزجاج العلوي من الباب بحجم 29.25 في 15 بكسل بحيث سيكون هذا المستطيل لوحة مواعيد العمل. ارسم مستطيلًا صغيرًا أكثر بلون أحمر بحجم 29.25 في 3.25 بكسل في أعلى لوحة المواعيد. ارسم بضعة خطوط مستقيمة متوازية أفقيًّا بلون أزرق بعرض 1 pt تمثّل المواعيد المكتوبة على اللوحة. وارسم خطين أسودين يمثلان خيوط تعليق اللوحة. ارسم حدودًا سوداء للوحة بعرض 1 pt. ارسم مقبض الباب باستخدام أداة رسم المستطيلات مستديرة الزوايا Rounded Rectangle Tool بلون رمادي داكن بلون حدود سوداء. ارسم مستطيلين كبيرين على جانبي الباب يُمثّلان واجهات المركز التجاري حيث سيتم عرض نماذج عن البضائع وبشكل متناظر في الحجم مع جعل اللون بلون زجاج النوافذ مع تلوين الحدود بلون داكن أكثر وجعلها بحجم أكبر ما بين 3 إلى 4 بكسل. انسخ انعكاسات الإضاءة على النوافذ وضعها على النافذتين الكبيرتين بجانب الباب. وبهذا نكون قد انتهينا من المبنى الثالث في هذه المدينة. ومن خلال درجات اللون الأزرق للأبنية يظهر جليًّا أن المبنى الثاني بارز أكثر من المبنيين الآخرين كما أضافت خطوط الظلال المزيد من الحيوية إلى التصميم. سنقوم برسم مسجد بجانب المركز التجاري من جهة اليمين. سنبدأ برسم المئذنة. ارسم مستطيلًا نحيفًا ومرتفعًا أكثر من بقية الأبنية وبلون فاتح أكثر من المبنى المجاور بحيث ستكون المئذنة بارزة أكثر من المركز التجاري. ولا ننسى رسم خطوط ظلال عمودية على جانبي المركز التجاري. ارسم دائرة مثالية باستخدام أدارة رسم الأشكال البيضوية Ellipse Tool مع الاستعانة بالأدلّة الذكية (فعّلها بالاختصار Ctrl+U إذا لم تكن مفعّلة) ضع المؤشّر عند منتصف الحافة العلوية للمئذنة ثم اضغط باستمرار على مفتاحي Shift وAlt ثم اسحب مع النقر بالفأرة إلى طرف حافة المئذنة ممّا يشكّل لدينا دائرة مثالية تغلق الحافة العلوية للمئذنة بشكل مثالي. استخدام أداة التحديد المباشر Direct Selection Tool لتحديد النقطة السفلية من الدائرة ثم احذفها بالضغط على مفتاح Delete من لوحة المفاتيح. لوّن هذا الشكل بلون المئذنة. ولرسم هلالٍ فوق المئذنة ارسم دائرتين واحدة أكبر من الثانية ثم ضع الدائرة الصغيرة في أقصى منتصف يمين الدائرة الكبيرة. ثم حدّد كلا الدائرتين واختر الخيار Plus Minus من لوحة Pathfinder لقص الدائرة الصغيرة من الكبيرة والإبقاء على شكل الهلال. لوّن الهلال بلون المئذنة وضعه فوق المئذنة مع مسافة بسيطة تفصل بينهما ثم ارسم خطًّا يصل بينهما. سنرسم نوافذ نحيفة عمودية متعدّدة في أعلى المئذنة كأحد أنواع تصميم المآذن. ارسم مستطيلًا نحيفًا أعلى المئذنة ولوّنه بلون رمادي وحدود زرقاء داكنة. انسخ وألصق هذه النافذة عدّة مرات وضعها بجوار بعضها البعض بشكل متساوٍ. يمكن القيام بذلك بعدّة طرق منها القيام بالاستمرار بالضغط على مفتاح Alt ثم سحب النافذة المحدّدة مسبقًا باتجاه اليمين مسافة قصيرة ثم الإفلات لإنشاء نسخة عنها ومن ثم الضغط على الاختصار Ctrl+D عدّة مرّات لإنشاء نسخ متعدّدة بمسافات موحّدة، أو يمكنك إنشاء عدة نسخ ووضع النسخ بجانب بعضها ثم استخدام لوحة المحاذاة لتوزيع النسخ على نسق واحد وبمسافات متساوية، أو استخدام تقنية Blend للقيام بذات العملية والتي سبق وأن استخدمناها في بداية هذا الدرس. ارسم مستطيلًا كبيرًا يمثّل باقي بناء المسجد وبلون المئذنة. ارسم شكلًا بيضويًّا مضغوطًا بشكل أفقي ثم ضعه أعلى المبنى الجديد ليكون القبة. انسخ شكل الهلال مع الخط الحامل لشكل الهلال وضعه فوق القبة. ارسم مستطيلًا بلون رمادي ليكون زجاج نافذة المسجد. ارسم دائرة مثالية فوق النافذة بنفس الطريقة التي رسمنا فيها قبّة المئذنة. حرّك الدائرة للأعلى قليلًا وذلك لتشكيل نافذة بنموذج إسلامي تقليدي. حدّد الدائرة والمستطيل ثم وحّدهما في شكل واحد عبر الخيار Unite من لوحة Pathfinder. لوّن حدود النافذة بلون أزرق داكن واجعل حجم هذه الحدود 3pt بحيث ستكون إطار النافذة. اجعل هذه الحدود من الخارج في الخيار Corner. كرّر هذه النافذة عدّة مرّات على نفس الارتفاع بإحدى الطرق التي ذكرناها سابقًا في هذا الدرس. ارسم بابًا للمسجد مع إطار له بألوان زرقاء مختلفة عن الألوان السابقة لتمييزه عنها مع وجود مقبض طويل على الباب يتم رسمه عبر رسم شكل بيضوي طويل. ارسم سلالم تحت الباب عبر رسم عدة مستطيلات أفقية متزايدة في الطول نحو إحدى الجهات وبلون أزرق فاتح أكثر للدلالة على بروز هذه السلالم. ارسم ثلاثة مستطيلات أمام الباب فوق السلالم كما في الصورة. حدّد المستطيلين الأيمن والأيسر ثم اذهب إلى القائمة Object > Blend > Make اذهب إلى القائمة Object > Blend > Blend Option من خيار Spacing اختر الخيار Specified Steps ثم اختر عدد النسخ وليكن 4. ارسم دائرة فوق الباب بشكل مثالي تمامًا كما فعلنا مع المئذنة. احذف النقطة السفلية من الدائرة للإبقاء على نصف الدائرة العلوي ثم أنشئ لها حدودًا بحجم حدود إطار الباب وبذات الألوان. انسخ مجموعة جديدة من النوافذ وضعها على جانبي الباب. سنجعل المئذنة تبدو مضلّعة حتى نتجنّب رسم التدرجات اللونية ونحافظ على تسطيح التصميم. ارسم مستطيلًا بطول المئذنة على الجانب الأيسر من المئذنة بلون فاتح أكثر. أرسل هذا المستطيل أسفل نوافذ المئذنة عبر الاختصار ]+Ctrl عدّة مرات حتى يصبح المستطيل تحت أشكال النوافذ النحيفة الطويلة وفي حال أصبح تحت شكل المئذنة نفسها فاستخدم الاختصار [+Ctrl لنقلها للأعلى خطوة وجعل المستطيل فوق المئذنة وتحت النوافذ. ومستطيلًا آخر على الجانب الأيمن من المئذنة بلون داكن أكثر. واجعله أيضًا تحت النوافذ فوق المئذنة بنفس الطريقة المستخدمة في الخطوة السابقة. ارسم خطًّا نحيفًا على الجانب الأيسر لمبنى المسجد بجوار المئذنة باللون المستخدم للظلال في هذا التصميم ليكون ظل المئذنة على المسجد. انسخ كتل أحجار البناء المستخدمة في الأبنية الأولى ووزّعها على المسجد. هذا هو التصميم الأخير لمباني المدينة المسطّحة التي نقوم بتصميمها وقد انتهينا من رسم المباني وسنقوم في الجزء الثالث والأخير برسم أعمدة الإنارة والمباني البعيدة في الخلفية لإنهاء هذا التصميم بالكامل.

إن بعض مواقع الإنترنت تُصمّم برسوميات بسيطة مسطّحة والبعض الآخر تكون مصمّمة برسوميات أنيقة عالية الدقة وغير مسطّحة، فأحيانًا تكون الواجهات بسيطة وتفي بالغرض وأحيانًا تكون ذات رسوميات عالية الجودة والأناقة وهو ما يجعل الموقع أجمل وأكثر متعة في التصفح والمتابعة، لذلك سنتعلّم في هذا الدرس كيفية تصميم بنرات لاختيار الخطط لأحد مواقع الاستضافة على سبيل المثال. سيتضمّن هذا الدرس شرحًا لمجموعة من الأدوات والمزايا المهمة والمميزة والتي ستصقل مهاراتكم كمصممين مبدعين. يمكنكم طبعًا تعديل النصوص بما يتناسب مع موقعكم أو مع حاجة العميل كما يمكنكم التعديل على الألوان والأحجام وعدد المقاطع وغيرها… وسنتعلّم كيفية إنشاء هذه الأشكال بدون اللجوء إلى أداة القلم لمن لم يتمكّن من هذه الأداة بعد، بحيث أننا لن نستخدم هذه الأداة في هذا الدرس، وسنقوم بإنشاء انعكاسات الإضاءة على حواف البنرات بشكل يدوي، وسنتعلّم كيفية إنشاء فرشاة جديدة واستخدامها وكذلك كيفية استخدام خصائص المزج والتلوين بالألوان والتدرجات اللونية وإنشاء نصوص ثلاثية الأبعاد والكثير من التقنيات في الرسم. افتح برنامج أدوبي إليستريتور ثم أنشئ مستندًا جديدًا بحجم 650×650 بكسل وبما أننا نصمم للويب فيجب أن يكون نظام الألوان هو RGB. سنقوم الآن بصنع الخلفية عبر إنشاء مربع بحجم المستند نفسه. اختر أداة المستطيلات Rectangle Tool ثم انقر نقرًا مزدوجًا على لوح الرسم لتفتح نافذة إنشاء المستطيلات، أدخل القيم 650×650 ثم ضع هذا المربع ليملأ لوح الرسم بالكامل. يمكنك الاستعانة بالأدلّة الذكية للقيام بوضع المربع في مكانه بسهولة، حيث ستساعدك على القيام بذلك وتعمل هذه الميزة من خلال الاختصار Ctrl+U. لوّن هذا المربع بتدرج لوني دائري من الأزرق (R:19 – G:94 – B:169) إلى الأزرق الفاتح (R:104 – G:201 – B:134) مع جعل موقع الفاصلة المتوسطة عند 37% تقريبًا لجهة الأزرق الفاتح. استخدم أداة التدرج اللوني Gradient Tool من خلال الاختصار M لرسم اتجاه وموقع مركز التدرج اللوني كما في الصورة التالية. افتح لوحة الطبقات من خلال الاختصار F7 ثم اقفل طبقة الخلفية حتى لا تتأثر بالأعمال التالية، وأنشئ طبقة جديدة لنقوم بالعمل عليها. ارسم مستطيلًا باستخدام أداة رسم المستطيلات بحجم 550×100 وضعه في وسط أعلى لوح الرسم. أزِل الحدود وأبقِ على اللون الأبيض للتعبئة مؤقّتًا. سنقوم بجعل الزاوية السفلى اليسرى من المستطيل منحنية بدون استخدام أداة القلم لرسم هذا الشكل، ولكن باستخدام أحد التأثيرات. لنتمكّن من ذلك سنقوم بقص المستطيل إلى نصفين، استخدم أداة المقص Scissors Tool لقص المستطيل من النقطة العليا إلى السفلى الموضحة في الصورة. والآن حدّد المسار النصفي الأيسر واذهب إلى القائمة Effect > Stylize > Round Corners ثم أدخل القيمة 60px واضغط OK. حدّد كلا الشكلين واذهب إلى القائمة Object > Expand Appearance حدّد كلا الشكلين مجدّدًا ثم اختر الخيار Unite من لوحة Pathfinder لتوحيد الشكلين في شكل واحد. لوّن الشكل الجديد بتدرّج لوني دائري من الأسود إلى الأبيض مع وضع اللون الأسود في الموقع 40% تقريبًا وذلك ليطغى اللون الأسود أكثر على التدرج. ثم ضع خيار Aspect Ratio على القيمة 30% ليتم ضغط التدرج شاقوليًّا واستخدم أداة التدرج اللوني لرسم اتجاه وحجم التدرج كما في الصور التالية. افتح لوحة الشفافية Transparency من خلال الاختصار Shift+Ctrl+F10 ثم اختر الخيار Color Dodge من خصائص المزج. سنقوم الآن برسم انعكاس زجاجي على كامل مساحة البنر. ارسم مستطيلًا بنفس حجم المستطيل الأساسي ثم ضعه فوق البنر تمامًا. ارسم شكلًا بيضويًا يغطّي جزءًا كبيرًا من المستطيل ثم دوّره بزاوية مائلة قليلًا كما في الصورة وضعه فوق النصف السفلي من المستطيل. حدّد كلا هذين الشكلين ثم اختر الخيار Minus Front من لوحة Pathfinder ليتم قص الشكل البيضوي من شكل المستطيل. استخدم أداة التدرج اللوني بنفس الطريقة كما في الصورة لجعل اللون الأسود في التدرج اللوني طاغيًا على الشكل. ثم اذهب مجدّدًا إلى لوحة الشفافية وطبّق خصائص المزج Color Dodge على الشكل الأخير. سنلاحظ بأنه هناك جزء صغير زائد عند الزاوية المنحنية في الجهة السفلية اليسرى من الشكل الأساسي لذلك سنقوم بقصّه من الشكل الجديد وذلك عبر مضاعفة الشكل الأساسي الموجود في الأسفل ثم نحدّد الشكل المضاعف مع الشكل الجديد ونختار الخيار Intersect من لوحة Pathfinder لنحصل على الشكل المطلوب. هذا هو الشكل الذي حصلنا عليه حتى هذه اللحظة، وهو ما يمثّل البنر الذي سنستخدمه لاحقًا، سنضيف عليه في الخطوات اللاحقة الإضاءات والانعكاسات التي ستضفي عليه المزيد من الحيوية والأناقة والشعور بشفافية المادة الزجاجية ولمعانها وألقها. ارسم دائرة صغيرة أسفل منتصف البنر باستخدام أداة رسم الأشكال البيضوية مع استعمال مفتاح Shift أثناء الرسم للمحافظة على تساوي الأبعاد والحصول على دائرة مثالية. لوّنها بتدرج لوني دائري من الأسود إلى الأبيض. غيّر خصائص المزج من لوحة الشفافية إلى Color Dodge. استخدم أداة التحديد Selection Tool لشد وسحب أطراف الدائرة وجعلها بعرض البنر تقريبًا وبارتفاع ضئيل للحصول على انعكاس إضاءة سفلي مع وضع هذا الانعكاس على حافة البنر السفلية. ضاعف هذا الشكل واسحبه إلى الحافة العلوية واجعل ارتفاعه أكبر بقليل لنحصل على الإيحاء بأن مصدر الإضاءة المسلطة على البنر الزجاجي من الأعلى. انسخ هذا الشكل وعدّل بزاويته وحجمه وضعه عند الحافة اليمنى من البنر واجعله أكثر رقة. سنقوم بتشكيل الانعكاس على الحافة المنحنية. وللقيام بذلك سنقوم بإنشاء فرشاة جديدة تمثّل الانعكاس. ارسم دائرة صغيرة جدًّا سوداء ومن ثم ارسم دائرة بحجم نقطة تقريبًا بيضاء في مركز الدائرة السوداء، حدّد الدائرتين معًا واذهب إلى القائمة Object > Bend > Make ثم اذهب إلى القائمة Object > Bend > Bend Options واختر الخيار Specified Steps وأدخل القيمة 50 ثم اضغط OK. لاحظ حجم الدائرة الجديدة بالنسبة لحجم البنر الكلي. مجدّدًا اجعل خصائص مزج هذه الدائرة Color Dodge. افتح لوحة الفراشي Brushes ثم اسحب شكل الدائرة إلى داخل قائمة الفراشي لتتم إضافتها إلى هذه القائمة. اختر Art Brush من القائمة. اترك الإعدادات كما هي واضغط OK. وهنا تظهر الفرشاة الجديدة ضمن لوحة الفراشي. والآن استخدم أداة رسم القوس Arc Tool وارسم قوسًا عند تلك الحافة المنحنية وعدّل بمقابض البيزير حتى يتوازى القوس مع الحافة. طبّق الفرشاة الجديدة على شكل القوس وخفّف حجم الحدود Stroke إلى 0.25pt. وبهذا يكون شكل البنر الزجاجي قد أصبح مكتملًا وجاهزًا للاستخدام. حدّد جميع الأشكال التي يتألف منها البنر ثم انقر بالزر الأيمن فوقها واجمعها في مجموعة واحدة عبر الخيار Group وذلك ليسهل علينا التعامل معها كشكل واحد أثناء نسخها وتحريكها فيما بعد. اسحب نسخة عن البنر نحو الأسفل بالاستعانة بالأدلة الذكية للمحافظة على ثبات المحور العمودي مع الضغط على مفتاح Alt أثناء السحب باستخدام أداة التحديد Selection Tool. اضغط على الاختصار Ctrl+D للحصول على نسختين إضافيتين بنفس المسافة بين البنرات ويصبح لدينا أربعة بنرات. حدّد جميع البنرات ثم اذهب إلى القائمة Object > Expand Appearance سنقوم الآن بكتابة المحتوى المطلوب بداخل البنرات، وبما أننا نتحدّث عن موقع للاستضافة فسيكون المحتوى عبارة عن خطط الاستضافة التي يوفرها الموقع لذلك سنضع أرقامًا لهذه الخطط وشرحًا بسيطًا عن الخدمات المُتضمنّة في كل خطة. استخدم أداة النص واكتب الأرقام من واحد إلى أربعة على يمين كل بنر وكبّر حجم الخط لنحو 107 واستخدم خطًّا عريضًا كخط Simplified Arabic. سنحوّل هذه الأرقام إلى أشكال ليسهل التعامل معها. حدّد الأرقام ثم اذهب إلى القائمة Type > Create Outlines أو اضغط على الاختصار Shift+Ctrl+O. انسخ Ctrl+C وألصق في المقدمة Ctrl+F هذه الأرقام وغيّر لونها مؤقتًا إلى الأصفر مثلًا لتمييزها. سنحوّل الأرقام الجديدة إلى مسارات مركّبة عبر تحديدها والذهاب إلى القائمة Object > Compound Path > Make أو عبر الاختصار Ctrl+8. تأكّد من تحديد المسارات المركبة ثم استخدم مفاتيح الأسهم لتحريكها نحو الأعلى واليمين قليلًا. حدّد المسارات المركبة مع شكل الأرقام الصفراء ثم اختر الخيار Minus Front من لوحة Pathfinder. لقد تمّ قص الأرقام الصفراء وبقي منها ما يشبه الحواف للأرقام الأصلية السوداء وهذا ما يمنحها الشعور بأنها ثلاثية الأبعاد. لوّن هذه الأرقام السوداء بلون رمادي متوسط ثم غيّر خصائص المزج إلى Multiply. حدّد أشكال الحواف الصفراء ولوّنها بتدرج لوني من الأبيض إلى الأسود مع جعل زاوية التدرج عند 135 درجة ضمن لوحة التدرجات اللونية. وبذلك نحصل على أرقام ثلاثية الأبعاد على يمين البنرات. قم بتغيير خصائص مزج شكل الحواف إلى Color Dodge لتتناسق الألوان مع بقية التصميم وتظهر الأرقام وكأنها زجاجية أيضًا. املأ البنرات بالمحتوى المناسب باستخدام أداة النص أو عبر برمجة الصفحة ذاتها، الخيار متروك لك لتقوم بالمناسب.

التصاميم المسطحة هي رسومات تبتعد بشكل كبير عن الأبعاد في التصميم وتعتمد البساطة وهو ما يجعلها جميلة وأنيقة، ويكثُر استخدامها في تصاميم الانفوجرافيك وكذلك الموشن جرافيك وفي تصميم البيئات في بعض الألعاب وغيرها. في هذا الدرس سنتعلّم استخدام تقنيات وأدوات الإليستريتور لتصميم منظر عام لمدينة بحيث يكون التصميم مسطّح. وسنتابع في هذه السلسلة المؤلفة من ثلاثة أجزاء كيفي تصميم مشهد مسطّح لمدينة بحيث سنتعلّم في هذا الجزء الأول تصميم نوعين من المباني وفي الجزء الثاني سنتعلّم كيفية تصميم مركز تجاري ومسجد وفي الجزء الثالث سنتعلّم تصميم البيئة الخلفية المحيطة وأعمدة الإنارة بالإضافة إلى الغيوم. افتح برنامج الإليستريتور وأنشئ مستندًا جديدًا بأبعاد 1300 في 700 بكسل وبدقة عالية 300ppi. اختر أداة المستطيلات Rectangle Tool وانقر نقرًا مزدوجًا على لوح الرسم لتفتح نافذة إنشاء مستطيل. أدخل أبعاد المستطيل المطلوب وهي 140 في 270 بكسل، وسيكون هذا المستطيل هو المبنى الأول الذي سنرسمه في هذه المدينة. تتنوّع أساليب التصميم المسطّح بحسب الهدف من التصميم، في هذا التصميم سأعتمد التصميم المرتكز على الألوان الموّحدة ما يعني أن معظم ألوان التصميم ستكون متناسقة وضمن درجات لون أو لونين على الأكثر. وسأعتمد هنا على درجات اللون الأزرق لهذا التصميم. اختر اللون 0280C6 لهذا المبنى كما في الصورة. أنشئ الحافة العلوية للمبنى عبر إنشاء مستطيل جديد بأبعاد 144 في 13 بكسل. سيكون لون الحافة داكنًا أكثر لذلك ضع اللون 035D84 لهذا المستطيل. ارسم مستطيلًا أقل سماكة تحت الحافة مباشرة وسيكون بعرض 4 بكسل وباللون 07759B وذلك للإيحاء بأن هذا المستطيل هو ظل الحافة على المبنى. سنقوم برسم مبنى آخر مجاور وملاصق لهذا المبنى من الجهة اليمنى ولجعل المبنى الجديد يبدو بارزًا أكثر من الأول سيكون لهذا المبنى الجديد ظلال على المبنى الأول لذلك ارسم مستطيل ظلال آخر على الجانب الأيمن للمبنى بذات السماكة واللون. ولرسم النافذة قم برسم مستطيل بأبعاد 34 في 54 بكسل. واختر اللون 03627C بحيث سيكون هذا المستطيل إطار النافذة. ارسم مستطيلًا آخر بأبعاد 22 في 40 بكسل ولوّنه باللون الرمادي بحيث سيكون زجاج النافذة. حدّد شكلي النافذة وافتح لوحة المحاذاة Align من قائمة Window وحاذِ الشكلين إلى الوسط والأسفل كما في الصورة. ارسم مستطيلات صغيرة أسفل النافذة لتكون الحافة السفلية لهذه النافذة وبألوان مشابهة للصورة في الأسفل. إن تغيير درجات اللون بين الأشكال المتجاورة بشكل دقيق ومدروس سيمنح الإيحاء بالظلال والإضاءات وكذلك الانعكاسات وهو ما يضفي الحيوية ويلغي الجمود من التصميم. اجمع جميع الأشكال التي تكوّن النافذة في مجموعة واحدة من خلال تحديدها جميعًا والنقر بالزر الأيمن عليها ثم اختيار Group من القائمة. اسحب نسخة عن مجموعة النافذة عن طريق تحديد النافذة ثم الضغط على Ctrl+C للنسخ وCtrl+F للصق في المقدمة ثم اسحب النسخة الجديدة نحو اليمين مع الضغط باستمرار على مفتاح Shift للمحافظة على ثبات المحور أثناء التحريك. حدّد كلا النافذتين ثم اسحب نسخة عنهما للأسفل. أنشئ مستطيلًا جديدًا بحجم 46 في 75 بكسل. اجعل لونه داكنًا بلون إطار النافذة وضعه أسفل المبنى تقريبًا. أنشئ مستطيلًا جديدًا بحجم 38 في 71 بكسل. حدّد كلا المستطيلين ومن لوحة المحاذاة Align قم بمحاذاتهما للأسفل والوسط. لوّن المستطيل الصغير باللون 004656. أنشئ دائرة بحجم 6 بكسل باستخدام أداة رسم الأشكال البيضوية Ellipse ثم النقر المزدوج على لوح الرسم لتظهر نافذة إنشاء الأشكال البيضوية تمامًا كما في حالة إنشاء المستطيلات ولإنشاء دائرة مثالية اجعل العرض مساويًا للارتفاع. لوّنها باللون 54DADD. ستكون هذه الدائرة مقبض الباب لذلك ضعها في منتصف الجهة اليمنى من الباب. ارسم ثلاث مستطيلات أسفل الباب بشكل متدرج بالحجم والألوان لتكون السلالم المؤدية إلى الباب. ولكي نمنح الإيحاء الصحيح لدرجات السلالم اجعل الدرجة السفلية أفتح ومن ثم الدرجة التالية داكنة أكثر وهكذا بالتدريج. هذا هو شكل المبنى حتى هذه اللحظة وهو مؤلّف من ثلاث طبقات وفي الواجهة الأمامية له أربع نوافذ وباب. سنرسم الآن كتلة حجر بناء لإضافة الحيوية على المبنى وسيكون حجم الكتلة 20 في 7 تقريبًا وليكن باللون 075E93. انسخ هذه الكتلة عدّة مرات ووزّعها في أرجاء واجهة المبنى. ارسم المبنى الثاني وسيكون أكبر حجمًا وملاصقًا للمبنى الأول. وبما أننا سنجعل هذا المبنى يبدو بارزًا أكثر من المبنى الأول فعلينا جعل لون هذا المبنى فاتحًا أكثر بقليل من المبنى الأول. ارسم حافة علوية لهذا المبنى بنفس ارتفاع حافة المبنى الأول 13 بكسل واجعلها بارزة من جهتي المبنى ثم استخدم أداة القطّارة Eyedropper Tool لنسخ ألوان الحافة السابقة. أنشئ ظلًّا لهذه الحافة تمامًا كما فعلنا في المبنى الأول وبذات الألوان. انسخ النافذة من المبنى الأول وضعها في زاوية المبنى الثاني. أنشئ مستطيلًا نحيفًا بطول النافذة وبلون الإطار. انقر بالزر الأيمن على هذا المستطيل ثم اذهب إلى القائمة Transform > Rotate ضع الزاوية 90 درجة ثم انقر على زر COPY لإنشاء نسخة عن المستطيل مستديرة بزاية 90 درجة. تأكد من أن المستطيلين متقاطعين في وسط النافذة. اجمع مجموعة النافذة الجديدة ثم انسخها مرتين ووزّع النوافذ بشكل متساوٍ في صفٍّ واحد. انسخ هذا الصف من النوافذ مرتين للأسفل. يمكنك القيام بذلك عبر تحديد صف النوافذ وسحبه للأسفل مع الاستمرار بالضغط على مفتاح Alt وبعد الانتهاء من النسخ نضغط على الاختصار Ctrl+D لتكرار العملية الأخيرة وهي النسخ للأسفل وبذلك تحصل على نسخة جديدة بنفس المسافة. احذف النافذة الوسطى من الصف السفلي. قم بجمع أشكال الباب مع السلالم في المبنى الأول في مجموعة واحدة. انسخ مجموعة الباب وألصق النسخة في وسط أسفل المبنى الثاني. فعّل الأدلّة الذكية من خلال الاختصار Ctrl+U وذلك لتسهيل عملية تحديد موضع أطراف ومنتصف الأشكال ومحاذاتها بشكل أسهل أيضًا. استخدم أداة رسم الأشكال البيضوية لرسم دائرة مثالية في أعلى الباب. استخدم الأدلّة الذكية للرسم ابتداءً من وسط أعلى الباب وباستخدام مفتاحي Shift وAlt سنقوم برسم دائرة مثالية مركزها النقطة التي بدأنا سحب الشكل فيها وهي مركز منتصف أعلى الباب. لوّنها بنفس لون إطار الباب. أنشئ مستطيلًا مؤقتًا بنفس عرض إطار الباب ويبدأ من الأعلى مع بداية إطار الباب ويتجاوز من الأسفل آخر نقطة في الدائرة. ثم استخدم الخيار Plus Minus من لوحة Pathfinder ليتم قص الشكلين من بعضهما. انقر على نصف الدائرة بالزر الأيمن واختر القائمة Transform > Scale ضع النسبة 70% في خيار Uniform ثم انقر على COPY لإنشاء نسخة عن نصف الدائرة أصغر بنسبة 70%. لوّن الشكل الصغير بنفس لون زجاج النوافذ باستخدام أداة القطّارة. ارسم مستطيلًا نحيفًا بطول نصف الدائرة في وسط الشكل ثم انسخه مرتين ودوّر النسختين بزاوية 45 درجة و-45 درجة وضعهما كما في الصورة. انسخ كتلة حجر البناء من المبنى الأول عدة مرّات ووزّع النسخ على المبنى الثاني. هذا هو شكل التصميم حتى اللحظة بعد الانتهاء من رسم المبنيين الأول والثاني. وسنتابع رسم بقية التصميم في الجزء الثاني. تابع درس تصميم مشهد مسطّح للمدينة – الجزء الثاني.

سنتعلّم في هذا الدرس كيفية استخدام تقنيات رسم الأشكال المختلفة وأساليب التلوين والكتابة والأنماط المختلفة في برنامج الإليستريتور لتصميم شعار خيالي لمدينة دبي. سنرسم رموزًا تعبيرية لأهم معالم المدينة بالإضافة إلى وضع بعض الأنماط على اسم المدينة وإدراج صور شعارات المدينة السياحية والدولة. افتح برنامج أدوبي إليستريتور وأنشئ مستندًا جديدًا بأبعاد 1600x1200، سنعتمد هذا الشعار للويب لذلك سندع نظام الألوان RGB والدقة 72ppi. استخدم أداة رسم الأشكال البيضوية وارسم دائرة مثالية مع الاستمرار بالضغط على مفتاح Shift أثناء سحب الشكل للمحافظة على تساوي الأبعاد وبالتالي الحصول على دائرة مثالية. اجعل حجم هذه الدائرة يغطي النصف الأعلى من لوح الرسم. استخدم أداة رسم المنحنيات Arc Tool وارسم قوسًا يبدأ من النقطة اليسرى للدائرة وينتهي في أسفل لوح الرسم بالتوازي مع منتصف الدائرة. لتتمكن من القيام بذلك بدقة وسهولة قم بتفعيل الأدلّة الذكية من الاختصار Ctrl+U واتبع الخطوط الخضراء التي ستقدّم لك المساعدة في الحصول على المطابقة أثناء الرسم. انقر بالزر الأيمن للفأرة على القوس واختر القائمة Transform > Reflect ومن نافذة Reflect اختر الخيار العمودي Vertical ثم انقر على زر COPY للحصول على نسخة معكوسة من القوس عموديًّا. حرّك النسخة الجديدة مع الاستعانة بالأدلّة الذكية إلى الجهة المقابلة من التصميم. استخدم أداة القلم Pen Tool لرسم الشكل التالي اعتبارًا من منتصف الدائرة تقريبًا. كرّر العملية السابقة لإنشاء نسخة معكوسة عن هذا الشكل وحرّك تلك النسخة إلى مكانها الصحيح في الجهة المقابلة. حدّد كلا الشكلين وافتح لوحة Pathfinder ثم اختر الخيار Unite لدمج هذين الشكلين في شكل واحد. استخدم أداة النص Text Tool لكتابة عبارة "مدينة دبي" مع مراعاة الحجم الكبير المتناسب مع حجم الشعار. اختر خطًّا عريضًا، أنا اخترت هنا خط Motken Noqta II. والآن استخدم مجدّدًا أداة القلم لرسم هذا الشكل أيضًا بذات الطريقة أسفل اسم المدينة. كرّر العملية ذاتها من إنشاء نسخة معكوسة وحرّكها إلى موضعها الصحيح ثم أدمج الشكلين معًا في شكل واحد. سنبدأ الآن برسم معالم المدينة، وسيكون برج خلفية أعلى برج في العالم أول ما سنبدأ به. استخدام أداة القلم لرسم شكل تخطيطي تقريبي يشبه البرج. وضعه فوق النصف العلوي من الدائرة. ارسم الآن باستخدام أداة القلم أيضًا شكلًا يمثّل انعكاس الإضاءة داخل شكل البرج للجهة اليسرى. لوّن شكل البرج الأساسي بلون أسود وأبقِ الشكل الداخلي باللون الأبيض. سنرسم الآن شكلًا رمزيًّا لفندق برج العرب. استخدم أداة القلم لرسم الخطوط الخارجية لشكل الفندق الخارجي. ويجب أن يكون أقصر من شكل برج خليفة. زِد حجم الحدود من لوحة الحدود Stroke واجعلها 8 ثم ارسم شكل انعكاس الإضاءة في الجزء الأيسر من المبنى أيضًا مع رسم الشكل العلوي المميز للفندق، وارسم شكلًا بيضويًّا مضغوطًا في الأعلى يمثّل مهبط الطائرات. لوّن شكل الفندق بالأسود وشكل الإضاءة بالأبيض. استمر بذات الطريقة والأسلوب وارسم أشكالًا إضافية تمثّل أهم مباني ومعالم المدينة الأخرى. يجب الانتباه إلى توافق الارتفاعات بشكل متناسب مع الواقع إلى حد ما، كما يجب التنبّه إلى المحافظة على وحدة جهة انعكاس الإضاءة لجميع المباني. حدّد شكل الشريط الملتوي العلوي واذهب إلى لوحة الحدود Stroke ثم زِد حجم الحدود لنحو 12. لوّن هذا الشكل باللون الأسود. أنشئ نسخة عنه وصغّر حجمها قليلًا واجعل لونها أبيض واستخدم أداة التحديد المباشر Direct Selection Tool لتحريك النقاط السفلية من الجزء العلوي من الشريط للداخل قليلًا لمنح شعور وجود ظلال كثيفة أسفل الشكل العام للشريط. زِد حجم الحدود بذات الطريقة والقيمة للشريط السفلي. سنقوم بإنشاء ظلال بطريقة مختلفة هذه المرّة وذلك لتتعلموا كيفية استخدام الطرق المختلفة للقيام ببعض الأمور. حدّد شكل الشريط واذهب للقائمة Effect > Stylize > Drop Shadow نحن بصدد تصميم شعار مسطّح لذلك لا نريد استخدم أية توهّجات حول الأشكال أو ظلال متلاشية لذلك اجعل قيمة Opacity عند 100% وقيمة Blur عند 0، وبما أننا جعلنا ظلال الشريط العلوي للأسفل تحديدًا فيجب علينا أن نطبّق التناسق بين عناصر التصميم لذلك اجعل قيمة المحور x عند 0 وقيمة المحور y عند 10، وسيكون اللون هو الأسود. سنقوم بتجهيز النص الآن. كبّر حجم الخط للنص إلى 175. انقر على زر Warp لتفتح خيارات التحويل الخاصة به. اختر من قائمة Style الخيار Bulge ثم ضع الخيار Bend عند -6%. حدّد النص واذهب إلى القائمة Object > Path > Offset Path ضع القيمة 8 عند خيار Offset واضغط OK. ألغِ تجمّع الشكل الجديد عبر الزر الأيمن للفأرة والخيار Ungroup ثم حدّد الشكل الإضافي الأكبر من النص الأصلي ولوّنه بلون مختلف وبدون لون للحدود. لوّن النص الأساسي باللون الأبيض والحدود بالأسود وزِد حجم الحدود لإبرازها. ارسم هذا الشكل فوق النص السفلي من النص. يمكنك رسم هذا الشكل باستخدام أداة القلم أو باستخدام رسم مستطيل والتعديل عليه للوصول إلى هذا الشكل. أنشئ نسخة عن الشكل الأساسي للنص عبر Ctrl+C للنسخ وCtrl+F للصق ثم حدّد النسخة الجديدة مع الشكل الأسود الذي يغطي نصف النص السفلي واختر Intersect من لوحة Pathfinder. لوّن الشكل الجديد بلون رمادي فاتح. الشكل العام للشعار بدأ يتضّح أكثر فأكثر. لوّن الدائرة بتدرج لوني من الأزرق إلى البرتقالي الفاتح. ارسم شكلًا هندسيًّا بنمط فن الأرابيسك الذي يرمز إلى الأصالة العربية والإسلامية للمدينة. يمكنك تعلّم كيفية رسم مثل هذه الأشكال من درس فن الأرابيسك. سنقوم الآن بدمج أشكال الشعار الخارجية والتي تتضمن الدائرة والقوسين. حدّد جميع هذه الأشكال ثم انقر بزر الفأرة الأيمن واختر Join وبذلك سيتم وصل القوسين وتشكيل شكل موّحد يتضمن ما بينهما. حدّد الدائرة والشكل الجديد ثم انقر على خيار Unite من لوحة Pathfinder ليتم توحيد جميع هذه الأشكال ضمن شكل واحد. لوّن الشكل الكلي بتدرج لوني مطابق للتدرج المستخدم من قبل. أصبح هذا الشكل فوق شكل الأرابيسك لذلك اختفى نموذج الأرابيسك ولاستعادته قم بإرسال الشكل الكلي الجديد للخلف عبر النقر بالزر الأيمن للفأرة واختيار القائمة Arrange > Send to Back أضِف حدودًا سوداء للشكل الكلي الجديد وبحجم 10pt. استخدم أداة التحديد المباشر Direct Selection Tool واختر النقطة السفلية للشكل وحرّك للأعلى لتضغط الشكل عموديًّا. ومن شريط خيارات الأداة في الأعلى اختر من قسم Convert الزاوية الحادة. أضِف مستطيلًا مستدير الزوايا من خلال استعمال أداة رسم المستطيلات مستديرة الزوايا وضعه في منتصف الشريط السفلي بشكل يمتد من أعلى وأسفل الشريط. لوّنه باللون الأبيض وأضِف له حدودًا مطابقة لحدود الشريط باللون الأسود. احصل على شعار دبي السياحي من البحث في الإنترنت من أحد المصادر المجانية ثم أدرجه داخل المستطيل الأخير. أضِف نصًّا جديدًا بلون أسود وبخط عادي عريض واكتب عبارة " تأسست 1833 " ثم اجعل النص منحنيًّا بذات انحناءة الشريط وضعه داخل الشريط السفلي وعدّل الحجم بما يتناسب مع حجم الشريط. والآن أضِف نصًّا جديدًا "مدينة المستقبل" وضعه بإعدادات متناسبة ضمن الشريط العلوي مع وضع ثلاثة نجوم على كل من طرفي الشريط. استخدم أداة القلم لرسم زاويتي إشعاع بيضاء أسفل شكل الشعار الكلي. احصل على شعار دولة الإمارات وأدرجها في المساحة الفارغة في أسفل شكل الشعار الكلي. هذا هو شكل الشعار النهائي ويمكن إنشاء شعارات لمدن أخرى على ذات النمط والأسلوب مع تغيير رموز معالم المدن وشعاراتها. ومع تعديل الألوان وإلغاء التدرجات اللونية سنجعل الشعار مسطّحًا بالكامل ونجعله بنمط مختلف، طبعًا لكل منّا أسلوبه التصميمي المميز وقد يضطر المصمم إلى إجراء الكثير من التعديلات بما يتناسب مع رغبة العميل أو الرؤية العامة للمشروع الذي يعمل عليه.

فن الزخرفة والتزيين، وهو فن عريق ورائع تميّزت به الحضارة الإسلامية وخاصة في العهد الأندلسي وقد أذهلت بقية الحضارات إلى يومنا هذا، ويتميز هذا الفن بالأشكال الهندسية والخطوط المتداخلة وكذلك استخدام الأوراق والأزهار وغيرها. سنتعّلم في هذا الدرس كيفية رسم بعض أنواع من الزخارف الإسلامية التابعة لهذا الفن ببرنامج الإليستريتور ويمكنكم القياس على هذه التمارين لتصميم المزيد من الأشكال الزخرفية والهندسية. سنتعلم في الدرس تصميم شكلين من أشكال فن الأرابيسك. لنبدأ بالشكل الأول، افتح برنامج الإليستريتور ثم أنشئ مستندًا جديدًا، الأبعاد غير مهمة ولكنني اخترت حجمًا يؤمّن لي المساحة الكافية للعمل 1280 × 800. استخدم أداة رسم المستطيلات Rectangle Tool ثم اسحب مربّعًا باستخدام الفأرة على لوح الرسم مع الاستمرار بالضغط على مفتاح Shift لضمان الحصول على مربّع مثالي (متساوي الأضلاع). انقر بالزر الأيمن للفأرة على المربع ثم اختر من القائمة Transform > Rotate حدّد الزاوية 45 درجة ثم انقر على زر COPY. بهذه الطريقة أنشأنا نسخةً عن المربع الأول مع الاختلاف في الزاوية بمقدار 45 درجة والحفاظ على المربع الأصلي. حدّد كلا المربعين ثم انقر على الزر Unite من لوحة Pathfinder لتدمج الشكلين في شكل واحد. وبذلك نحصل على هذا الشكل الذي يعتبر النواة الأساسية لتصميم الأرابيسك الأول الذي نعمل عليه في هذا الدرس. فعّل الأدلّة الذكية عبر الاختصار Ctrl+U وذلك لنتمكّن من الرسم بدقةٍ وتوازٍ ومحاذاةٍ مثاليةٍ في كافة الاتجاهات خصوصًا وأننا في صدد العمل على تصميم هندسي متناظر. حدّد هذا الشكل الجديد واختر أداة التحديد Selection Tool ثم اضغط باستمرار على مفتاح Alt واسحب هذا الشكل باتجّاه اليمين مع الاستعانة بالأدلّة الذكية، وبعد بدء عملية السحب مباشرة اضغط باستمرار على مفتاح Shift مع المحافظة على الاستمرار بضغط مفتاح Alt الذي بدأنا بضغطه مسبقًا. إن استخدام مفتاح Alt مع استخدام أداة التحديد سيقوم بسحب نسخة عن الشكل المحدّد كما أن استخدام مفتاح Shift يحافظ على ثبات المحاور أثناء عملية السحب. استعن بالأدلّة الذكية لجعل النسخة الجديدة تبدأ عند نهاية النسخة الأصلية تمامًا. سنقوم بعمل نسخٍ إضافية مشابهة وحتى لا نكرّر ذات العملية فإن الإليستريتور يؤمن طريقة سهلة للقيام بذلك وهي اختصار يقوم بتكرار العملية الأخيرة على البرنامج وهو Ctrl+D. اضغط هذا الاختصار عدّة مرات ليقوم بإنشاء نسخٍ على نفس النمط الأول عدّة مرات حتى تملأ الصف بهذه الأشكال. حدّد جميع الأشكال في الصف ذاته ثم انسخها للأسفل بذات الطريقة الأولى. مجدّدًا اضغط على الاختصار Ctrl+D لتكرار العملية الأخيرة. هذا شكل من أشكال الزخرفة يمكن استخدامها لصنع خلفية أرابيسك جميلة ويمكنك أن تضيف لونًا آخر على التصميم عبر رسم مستطيل باستخدام أداة المستطيلات باللون الأسود مثلًا وترسله للأسفل عبر الاختصار Shift+ctrl+[ وتجعل لون التعبئة للأشكال الهندسية باللون الأبيض وتشاهد النتيجة الجديدة. وبإمكانك اعتماد إنشاء نقش أو نمط تستطيع تكراره بالقدر الذي تريد على أي شكل أو مساحة أو خلفية بدلًا من نسخ الشكل وتكرار العملية كما فعلنا في الخطوات السابقة. يتم ذلك عبر تحديد الشكل المراد جعله نمطًا ثم الذهاب إلى القائمة Object > Pattern > Make الآن سيتم فتح نافذة إنشاء الأنماط والذي سيعطيك مثالًا عن كيفية ظهور النمط الذي حدّدته بشكل متكرر بالإضافة إلى وضع هذا النمط ضمن لوحة الحوامل Swatches كما يمكنك التعديل على إعدادات هذا النمط كتغيير اسمه مثلًا وطريقة تكراره وغيرها من التعديلات. بعد الانتهاء من تجهيز النمط انقر على زر Done أعلى نافذة خيارات النمط ليتم حفظ هذا النمط ضمن لوحة الحوامل وتستطيع استخدامه لاحقًا. ولتجربة هذا الأمر وفهم كيفية عمل النمط قم برسم مستطيل أسود. استخدم لوحة الحوامل لتحديد النمط الذي قمنا بإنشائه مع التأكّد من تحديد المستطيل سلفًا ليتم تعبئة هذا المستطيل بالنمط الذي قمنا بإنشائه سابقًا. وكما قلت سابقًا هذا الشكل هو النواة الأساسية لتشكيلات عديدة يمكن البناء عليه لإنشائها وسأعلّمكم إحداها وأترك البقية لخياراتكم وإبداعاتكم. حدّد الشكل الأساسي ثم انسخه Ctrl+C وألصقه في المقدمة Ctrl+F ثم عدّل الحجم لتصغيره من خلال أداة التحديد Selection Tool عبر النقر على السهم في زاوية الشكل والسحب نحو الداخل لتتم عملية التصغير، ولا تنسَ أن تستمر في الضغط على مفتاحي Shift وAlt أثناء عملية السحب للمحافظة على تساوي الأبعاد من جهة والمحافظة على مركزية عملية التحجيم من جهة أخرى. صغّر حجم النسخة الجديدة قليلًا كما في الشكل التالي. افتح لوحة الحدود Stroke وزِد حجم الحدود لنحو 20pt. مع القيام بعملية التكرار وإضافة الألوان إلى تعبئة الأشكال جميعها وإلى حدودها سنحصل على أشكال مثيرة وجميلة توضّح جوهر فن الأرابيسك. قم بعملية إنشاء نمط (نقش) جديد بالأشكال الجديدة الملونة لترى روعة تصاميم الأرابيسك. بالإمكان إضافة وتعديل هذا الشكل للحصول على أشكال أخرى مرتبطة بالشكل الأساسي كقاعدة للتصميم. سنقوم الآن برسم الشكل الهندسي الآخر وهو أكثر تعقيدًا وصعوبة، هناك عدّة طرق لرسم هذا النموذج منها الطريقة التي شَرَحَتها المصمّمة جومانا مدلج والتي تحتاج لرسم الكثير من الخطوط المتقاطعة في المركز ومن ثم وصلها بطريقة معينة للحصول على الشكل. ولكنني سأشرح كيفية رسمه بطريقة يدوية بسيطة تقريبية. استخدم أداة رسم المضلعات Polygon Tool واسحب شكلًا وأثناء السحب وقبل افلات زر الفأرة اضغط على سهم الأعلى من مفاتيح الأسهم في لوحة المفاتيح لزيادة عدد الأضلاع، اجعلها ثمانية، كذلك استمر في الضغط على مفتاح Shift للمحافظة على استقامة الشكل أفقيًّا. انقر بالزر الأيمن للفأرة واختر القائمة Transform > Rotate وذلك لتدوير الشكل. من نافذة خيارات التدوير أدخل القيمة 22.5 درجة في زاوية الدوران Angle ثم اضغط OK. سيصبح الشكل كما في الصورة التالية. فعّل الأدلة الذكية من الاختصار Ctrl+U ثم استخدم أداة القلم Pen Tool وارسم الشكل الواضح بالنقاط بالترتيب من 1 إلى 4 بالاستعانة بالأدلّة الذكية واستخدام مفتاح Shift للمحافظة على استقامة زاوية الرسم أثناء رسم الخطوط الأفقية. عليك جعل النقطة 1 في أقل من منتصف الضلع المرسوم عليه تلك النقطة. حدّد الشكل الجديد الذي أنشأناه بأداة القلم ثم انقر بزر الفأرة الأيمن عليه واختر القائمة Transform > Reflect اختر الخيار الأفقي Horizontal ثم اضغط على زر COPY لإنشاء نسخة معكوسة عن هذا الشكل. حرّك النسخة الجديدة مع الاستعانة بالأدلة الذكية إلى أسفل الشكل الأصلي مع المحافظة على تطابق الضلع الطويل الأفقي بين الشكلين. حدّد كلا الشكلين واختر الخيار Unite من لوحة Pathfinder ليندمج الشكلان في شكل واحد. حدّد الشكل الجديد وانقر بالزر الأيمن للفأرة عليه واذهب إلى القائمة Transform > Rotate لتدوير هذا الشكل. أدخل القيمة 45 درجة ثم اضغط على زر COPY لإنشاء نسخة مختلفة بالزاوية عن هذا الشكل. اضغط على الاختصار Ctrl+D مرتيّن لتكرار العملية الأخيرة وإنشاء نسختين جديدتين بزاوية إضافية 45 درجة في كل مرّة. ألغِ لون التعبئة وحافظ على لون الحدود الأسود. امسح شكل المضلع الثُماني. هذا الشكل الأخير رائع ويمكن استخدامه على وضعه الحالي في العديد من التصاميم. ولكنه ليس الشكل النهائي الذي نطمح له. حدّد أحد الأشكال المُكَوِّنَة للشكل الكلّي ثم اذهب للقائمة Object > Path > Add Anchor Points كرّر العملية مرة أخرى للحصول على ثلاث نقاط على كل ضلع. استخدم أداة التحديد المباشر Direct Selection Tool وقم بتحريك النقاط على كل ضلع بحيث نحافظ على النقطة الوسطى في مكانها ونجعل كل نقطة من النقطتين الأخريين عند تقاطع الضلع مع الضلع المائل من الشكل المائل المتداخل مع الشكل الأساسي الذي نعمل عليه. الآن وباستخدام ذات الأداة حدّد النقطة الوسطى واضغط على المفتاح Delete من لوحة المفاتيح لتمسح النقطة والخطوط التي تصل بينها ويصبح الشكل الأساسي فارغ في المنتصف. حافظ على هذا الشكل الجديد وامسح بقية الأشكال ثم حدّد كافة أضلاع هذا الشكل وانقر بالزر الأيمن للفأرة عليه واذهب للقائمة Transform > Rotate أدخل ذات القيم الأخيرة وهي الدرجة 45 مع الضغط على زر Copy ثم اضغط الاختصار Ctrl+D مرتين للحصول على الشكل الذي نريده بالفعل. ارسم مربعًا مؤقتًّا بشكل يلامس رؤوس الأشكال ثم أكمل باستخدام أداة القلم أو أداة رسم الخطوط رسم خطوطٍ إضافيةٍ امتدادًا لرؤوس الأشكال حتى حدود المربع المؤقت. كرّر العملية مع رؤوس الأشكال الأخرى على الزوايا الأربعة. الآن امسح المربع المؤقت وقم بإنشاء نمط (نقش) بذات الطريقة التي استخدمها خلال هذا الدرس. وهذه النتيجة الرائعة التي ستحصل عليها عند استخدام هذا النمط لتعبئة مستطيل ما مثلًا. يمكنك أن تلون أجزاء الشكل بالألوان التي تريد. وتستخدمها كنمط أيضًا للحصول على أشكال فن أرابيسك مذهلة. يمكنك أيضًا التعديل على الشكل الأخير للحصول على أشكال هندسية زخرفية مختلفة ومميزة. أضِف لمستك وإبداعك على تصاميم فن الأرابيسك الرائع وهذين المثالين ما هما إلا نموذجين بسيطين عن مزايا هذا الفن الرائع.

إن مصطلح Polygons أي المضلعات معروف لدى مصممين الرسوميات (الجرافيك) وخصوصًا لدى مصممي الرسومات ثلاثية الأبعاد حيث يتألف سطح المجسم ثلاثي الأبعاد من مجموعة من الأشكال المضلعة أو ما يعرف بالمضلعات، وكلما زاد عدد المضلعات ازدادت نعومة سطح المجسم وأصبح أكثر دقة وواقعية. ولكن في عالم التصميم ثنائي الأبعاد كالصور الفوتوغرافية وتصاميم الرسم فإن هذا المصطلح يستخدم كأحد فنون التصميم مثل فن Pixel وفن WPAP وغيرها من فنون التصميم، فن التصميم المعروف باسم Low Poly أي المضلعات الخفيفة أو القليلة هو فن يعتمد على رسم تصاميم مؤلفة من أشكال مضلعة متلاصقة ومتجاورة لتشكيل لوحة فنية، أو تحويل صورة فوتوغرافية إلى مجموعة من المضلعات المتلاصقة والمتناسقة بالأشكال والألوان للحصول على لوحة فنية متميزة، ويعتبر فن التصميم WPAP ART أحد فروع فن Low Poly إلا أنه يختلف عنه من حيث استخدام ألوان عشوائية مختلفة غير متناسقة مع الصورة الأصلية ولذلك يعتبر WPAP ART فنًا تجريديًا. في هذا الدرس سنتعلّم الأسلوب التقليدي لتحويل صورة فوتوغرافية إلى لوحة مضلعات خفيفة Low Poly بشكل مبسّط وسريع وذلك عبر رسم عدد مخفّف من المضلعات وذلك لسهولة وصول الفكرة الأساسية لهذا الفن. هناك بعض البرامج والمرشحات (الفلاتر) وحتى بعض مواقع الإنترنت التي تقوم بتحويل الصور بشكل تلقائي إلى لوحات مضلعات خفيفة، ولكن الرسم اليدوي يمنح التصميم جمالية وأناقة أكثر حيث لا تستطيع هذه البرامج التلقائية التركيز على التفاصيل المهمة والمميزة لكل صورة ما يُفقدها رونقها وميزتها الحقيقية، لذلك لا أنصح باستخدام هذا الأسلوب لتحويل الصور، بل على المصمم الحقيقي الاعتماد على نفسه لإنشاء تصاميمه حتى يضع أسلوبه الخاص وبصمته على جميع التصاميم التي يعمل عليها. سنبدأ أولًا باختيار الصورة التي سنقوم بتحويلها، أنا اخترت هنا صورة هذه القطة الرمادية. يمكن القيام بهذه التصاميم بأي برنامج تصميم سواء أكان برنامج تصميم نقطي أو فكتور، ولكننا في هذا الدرس سنتعلّم القيام بهذا التصميم باستخدام برنامج أدوبي إليستريتور. افتح برنامج الإليسترتيور وأنشئ مستندًا جديدًا بأبعاد 1280 في 874 وهو نفس حجم صورة القطة. ولإدراج صورة القطة داخل لوح الرسم اذهب إلى القائمة File > Place… أو عبر الاختصار Shift+Ctrl+P. ثم أدرج الصورة بحيث تملأ كامل مساحة لوح الرسم. افتح لوحة الطبقات من خلال الاختصار F7 ثم أنشئ طبقة جديدة، ومن ثم سنبدأ برسم المضلعات عليها. قم بقفل طبقة الصورة الأساسية للقطة حتى لا تتأثر أثناء عملية الرسم. الفكرة الأساسية في رسم هذه النوعية هي التناظر، لذلك سنقوم برسم نصف الصورة فقط ثم سننسخ ذلك النصف ونعكس النسخة الجديدة ونضعها في الجهة المقابلة للحصول على تصميم متناظر، كما أن هذه الطريقة تختصر الوقت بحيث سنرسم نصف الصورة فقط، بالإضافة إلى أن صورة الحيوانات وحتى البشر عادة ما تكون متناظرة بطبيعة الحال. لذلك سنقوم برسم دليل يقسم الصورة إلى نصفين، اضغط على الاختصار Ctrl+R لإظهار المساطر على جانبي التصميم إن لم تكن موجودة أصلًا ثم اسحب من المسطرة الجانبية دليلًا وضعه في منتصف الصورة تمامًا بحيث تقسمها بشكل متناظر إلى نصفين قدر المستطاع. في حال لم تكن الصورة مستقيمة عموديًّا فيمكنك رسم خط مائل يقسم الصورة إلى نصفين متناظرين ومن ثم تحويله إلى دليل. اختر أداة القلم Pen Tool وألغِ لون التعبئة واختر لونًا للحدود كاللون الأبيض مثلًا ثم اختر نقطة لتبدأ منها. أنا اخترت الأنف للبدء برسم مضلع. عادةً ما تكون تصاميم المضلعات مؤلفة من مثلثات على الغالب ولكن تتخلل هذه التصاميم بعض الأشكال المضلعة التي تتألف من عدد أكبر قليلًا من الأضلاع إلا أن العدد يجب أن يبقى قليلًا، كلما زاد عدد الأشكال المضلعة كلما زادت جمالية التصميم. كبّر منظور العرض بحيث تركّز على الأنف ثم ارسم مثلّثًا حول الجزء العلوي من الأنف. المهم في رسم الأشكال المضلعة هو التركيز على اختلاف الألوان والظلال ودرجات اللون الواحد بحيث يجب أن تحاول قدر الإمكان حصر كل لون وكل درجة لونية متقاربة في مضلع خاص به. ارس مثلثات ومضلعات لباقي شكل نصف الأنف بناءً على هذه القاعدة. سنقوم بتلوين هذه الأشكال الآن عبر اختيار لون من أصل اللوحة وهي الصورة الأساسية، لذلك سنحتاج إلى استخدام أداة القطّارة Eyedropper Tool من شريط الأدوات أو عبر الضغط على مفتاح I من لوحة المفاتيح وكذلك أداة التحديد Selection Tool عبر الضغط على مفتاح V من لوحة المفاتيح، بحيث نضغط V أولًا لتحديد المضلع المراد تلوينه ثم نضغط على I لاستخدام القطارة واختيار اللون العام الذي يمثّله ذلك المضلّع من أرضية الصورة الأساسية، ومن ثم الانتقال إلى المضلع التالي وهكذا... . من المهم الانتباه لعدم تلوين مضلعين متجاورين بلونين متماثلين أو متقاربين جدًّا وإلا سيبدو المضلعان مضلعًا واحدًا. قم بإخفاء طبقة الصورة الأساسية الخلفية من لوحة الطبقات وذلك بإزالة إشارة العين من جانب تلك الطبقة لتبقى الخلفية البيضاء الافتراضية مع طبقة المضلعات فوقها. يمكنك الاطلاع على كيفية ظهور التصميم في كل حين للتأكد من الشكل العام ومن الاختيار الصحيح للألوان وتصحيح الأخطاء. قد تظهر بعض الفجوات بين المضلعات وذلك أمر طبيعي بسبب الرسم اليدوي التقريبي غير الدقيق لذلك سنقوم بتصحيح هذه المشكلة. الأفضل القيام بالتدقيق في هذه المسألة بعد رسم مجموعة قليلة من المضلعات لسهولة البحث عن الفجوات في منطقة صغيرة نسبيًّا. انتقل إلى نمط الخطوط الخارجية Outline عبر الضغط على الاختصار Ctrl+Y أو من القائمة View > Outline لتظهر لك الخطوط الخارجية لأشكال المضلعات. اختر أداة التحديد المباشر Direct Selection Tool من شريط الأدوات أو من خلال الاختصار A ثم ارسم تحديدًا حول مجموعة النقاط المتباعدة بين المضلعات والتي تُشكّل الفجوة لتقوم بتحديد هذه النقاط. يمكنك الذهاب إلى لوحة المحاذاة Arrange والقيام بمحاذاة النقاط عموديًّا وأفقيًّا مع بعضها لتجعلها متطابقة أو اختصار ذلك بالذهاب إلى القائمة Object > Path > Average… أو بطريقة أسرع، استخدم الاختصار Alt+Ctrl+J لتفتح صندوق Average. يمكنك اختيار المحاور الأفقية أو العمودية وفي هذه الحالة سنختار كليهما من الخيار الثالث والأخير Both ثم اضغط OK. تمت مطابقة النقاط المحدّدة مع بعضها لتصبح في الموضع ذاته وبذلك تم حل مشكلة الفجوة. عُد مجدّدًا إلى النمط الطبيعي عبر الضغط مجدّدًا على الاختصار Ctrl+Y لتشاهد اختفاء الفجوة. تابع رسم المضلعات انطلاقًا من النقطة التي انتهينا عندها مع مراعاة فوارق الألوان والدرجات اللونية والعناصر الأساسية في الصورة كالأنف والعين. قم بتلوين المضلعات الجديدة بنفس الأسلوب التي اعتمدناه سابقًا مع تجنّب اختيار ألوان متطابقة للمضلعات المتجاورة. في بعض الأحيان قد يَصعُب تحديد بعض المضلعات ما يمنعنا من تلوينها كما حصل في هذه الحالة هنا. ولحل هذه المشكلة افتح لوحة الطبقات ثم انقر على السهم المجاور لاسم الطبقة لتفتح لك قائمة بجميع المضلعات المرسومة. ابحث عن المضلعات غير الملونة وانقر عليها لتقوم بتحديدها وتستطيع تلوينها. تابع رسم باقي المضلّعات لبقية الصورة. قم بتلوينها بذات الطريقة المتّبعة في السابق. وكما جرت العادة سنقوم بعد رسم مجموعة من المضلعات بالانتقال إلى وضعية الخطوط الخارجية Outline بالاختصار Ctrl+Y وذلك لإزالة الفجوات بين المضلعات. ومجدّدا استخدم أداة التحديد المباشر Direct Selection Tool لتحديد مجموعة النقاط المتجاورة والتي بينها مسافة تسبب ظهور الفجوة. وأيضًا بالاختصار Alt+Ctrl+J سنقوم بدمج موقع هذه النقاط في نقطة مركزية موحّدة. لنحصل على نقطة واحدة وتختفي الفجوة. ونعود للنمط الطبيعي بالضغط مجدّدًا على Ctrl+Y لنشاهد النتيجة. سنضطّر أحيانًا للقيام بعمليات دمج متكرّرة لنقاط متجاورة بحيث قد تظهر فجوات جديدة بسبب محاولة إخفاء فجوات أخرى لذلك يجب التدقيق بشكل دائم في كافة أنحاء التصميم والتحقق من عدم وجود الفجوات. وبعد التخلص من جميع الفجوات سيظهر التصميم بهذا الشكل. للحصول على النصف الآخر علينا بتحديد جميع الأشكال المضلعة المرسومة ثم القيام بنسخها Ctrl+C ومن ثم إنشاء طبقة جديدة من لوحة الطبقات وبعدها لصق النسخة الجديدة فوق الطبقة الجديدة عبر الاختصار Ctrl+F. اضغط على النسخة الجديدة بالزر الأيمن للفأرة واختر القائمة Transform > Reflect أو حدّد النسخة الجديدة بالكامل واذهب إلى القائمة Object > Transform > Reflect اختر من النافذة المنبثقة الخيار العمودي Vertical ثم اضغط OK. حرّك هذه النسخة الجديدة المعكوسة بمفاتيح الأسهم أو بالفأرة مع الاستمرار بالضغط على مفتاح Shift وذلك للمحافظة على المحاور أثناء التحريك وضعها في الجهة المقابلة للنسخة الأصلية. وبعد التحقّق من موضع النسخة الجديدة سيبدو التصميم بهذا الشكل. والآن سنرسم بعض التفاصيل المهمة والتي ستضفي رونقًا خاصًّا على التصميم. افتح لوحة الطبقات ثم أنشئ طبقة جديدة وأخفِ طبقتي نصفي الوجه وأظهِر طبقة الصورة الأساسية. ارسم أشكالًا مضلعة فوق الخطوط الداكنة على وجه القطة بالإضافة إلى بؤبؤ العين. لوّن هذه المضلعات بالألوان الموجودة أصلًا على الصورة الأساسية بنفس الطريقة المُتّبعة سابقًا في هذا الدرس. وبذات الطريقة قم بنسخ هذه الأشكال ولصقها في طبقة جديدة ثم اعكسها وضعها في الجهة المقابلة. أنشئ طبقة جديدة وارسم عليه مضلعات طويلة ورقيقة فوق شعر شارب القطة ولوّنها باللون المشابه للون شوارب القطة. ثم انسخها أيضًا واعكسها وضعها في الجهة المقابلة. الشكل النهائي يبدو جميلًا ولكنه بعدد مضلعات خفيف جدًّا ومن الممكن زيادة عدد المضلعات وأن يكون أغلبها مثلثات للحصول على تصميم متميّز حيث توجد تصاميم ذات عدد مضلعات كبير وأخرى قليلة.

سأعلمكم في هذا الدرس كيفية تصميم نمط تكراري ملكي إبداعي باستخدام برنامج أدوبي إليستريتور. الخطوة 1 افتح برنامج الإليسريتور ثم افتح ملفًّا جديدًا عبر الاختصار Ctrl+N أو من القائمة File > New اختر أبعاد لوح الرسم بالقيم التالية 612× 792. أو كما تريد. الخطوة 2 اختر أداة القلم Pen Tool بالمفتاح P أو من شريط الأدوات وارسم الشكل التالي. الخطوة 3 أزِل لون الحدود واختر أداة التدرج اللوني Gradient Tool بالاختصار G وقم بإعداد الألوان كما يلي. الخطوة 4 حدّد هذا الشكل وقم بنسخه بالاختصار Ctrl+C وألصقه في المقدمة Ctrl+F. ثم قم بإعداد ألوان التدرج اللوني كما يلي. الخطوة 5 الآن ضع الشكلين بجانب بعضهما كما يلي. الخطوة 6 حدّد كلا الشكلين ثم اذهب إلى القائمة Object >Pattern>Make ستظهر لك لوحة الخيارات. قم بتعديل هذه الخيارات وتجهيزها كما يلي. احفظها بالضغط على زر Done من الشريط العلوي. الخطوة 7 أخيرًا. اختر أداة المستطيلات Rectangle Tool من الاختصار M أو من شريط الأدوات ثم ارسم مستطيلًا. حدّد المستطيل الجديد ثم طبّق النمط (النقش) الذي صممناه للتو من لوحة الحوامل Swatches. خطوة إضافية من الممكن زيادة العمق على ألوان التصميم لجعلها أكثر حيوية عبر نسخ شكل التدرج الخطي ووضعه فوق الشكل الملوّن ثم فتح لوحة الشفافية من خلال الاختصار Ctrl+Shift+F10 وتغيير خصائص المزج إلى Overlay ما يضيف المزيد من العمق للألوان. وهذه هي النتيجة النهائية. ترجمة -وبتصرّف- للمقال: How to Create A Captivating Royal Pattern in Adobe Illustrator لصاحبه: Bijutoha

تعلّمنا في المقال السابق ما هو فن البِكسل Pixel Art وماهي أنواعه وأشهر استخداماته. في هذا الدرس سنتعلّم أساسيات الرسم بهذا الفن من نوعية غير-إيزمترك Non-Isomertic وهو النوع المسطّح البسيط بدون أبعاد متساوية أو شبه ثلاثي أبعاد بل رسومات عادية بسيطة تُظهر الموضوع المرسوم من جهة واحدة فقط. هناك عدة برامج يمكنها القيام برسم هذه النوعية من الرسومات، بعضها بسيط وسهل للغاية وبعضها احترافي ومخصّص لرسم هذه النوعية. أسهل وأبسط هذه البرامج برنامج الرسّام MS Paint من مايكروسوفت والذي يأتي عادة مع نظام التشغيل ويندوز Windows ولاستخدام هذا البرنامج يكفي أن نستخدم أداة القلم مع أصغر قياس لحجم الخط وتكبير المنظور إلى أكبر درجة وهي 800% لتتمكن من رسم رسومات بِكسل. وفي هذا الدرس سنتعلّم كيفية تخصيص الفوتوشوب لرسم رسومات بِكسل. بدايةً سنرسم شيئًا بسيطًا لفهم الفكرة الأساسية. افتح برنامج الفوتوشوب وأنشئ مستندًا جديدًا، عليك اختيار حجم العمل الذي سنرسمه، وبما أننا سنرسم بفن البكسل الصغير نسبيًّا فإن حجم العمل سيكون صغيرًا أيضًا، وفي هذه المرحلة سنرسم رسمًا صغيرًا جدًّا، لذلك اختر حجم 24x24 بكسل ولتكن الخلفية بيضاء. طبعًا يمكننا رسم رسومات بِكسل كبيرة وحتى ضخمة بالقياسات الكبيرة وستكون مذهلة ورائعة تلك الرسومات، ولكن رسمها سيستغرق وقتًا وهذا ما ستقوم به لاحقًا بعد أن تتعلم كيفية القيام بذلك. كما سنشاهد ستكون مساحة العمل صغيرة للغاية وسيكون الرسم بداخلها مستحيلًا لذلك سيتوجب علينا تكبير منظور العمل من خلال أداة المُكبّر أو بالضغط على أيقونة حجم المنظور أسفل يسار البرنامج والذي سيكون حاليًّا 100% لنجعله 800% على الأقل. وأنا في هذه الحالة هنا جعلته 1600%. الآن اختر أداة القلم والتي ستظهر بعد الضغط بالفأرة باستمرار على أداة الفرشاة ثم اختيار أداة القلم Pen Tool. لا يمكننا استخدام أداة الفرشاة لأنها تتميز بحواف ناعمة بينما تتميز رسومات البِكسل بحواف خطوطها ونقاطها القاسية والحادة تمامًا. سيصبح شكل المؤشر بشكل مربع وهو بحجم 1 بكسل حيث يجب أن نتأكد من أن حجم أداة القلم هو 1 بكسل من شريط أدوات أداة القلم. وللتأكد من حدّة وقساوة الحواف اجعل قيمة Hardness عند 100%. في البداية قد تجد صعوبة في فهم أين سيتم وضع كل نقطة ستقوم برسمها لذلك من الأفضل أن تقوم بإظهار الشبكة Grid حتى تكون الأمور واضحة أكثر وستقوم لاحقًا بالاستغناء عن هذه الخطوة حيث سيكون الأمر أكثر سهولة وستفهم كيفية العمل بدونها، لذلك فعّل الشبكة عبر القائمة View > Show > Grid أو بالاختصار Ctrl + ‘ وستظهر الشبكة على حقل العمل. قد تكون الشبكة غير منتظمة وتحوي مربعات فاتحة الحدود داخل مربعات داكنة الحدود، في هذه الحالة عليك بالذهاب إلى القائمة Edit > Preferences > Guides, Grid and Slices ثم ضع القيمة 1 في خانة Gridline Every وفي خانة Subdivisions وتأكد من أن وحدة قياس Gridline Every هي Pixels. في بعض الأحيان قد يقوم الفوتوشوب بتنعيم الحواف قليلًا لجعل الصورة تبدو بدقّة عالية ولتجنّب ذلك عليك بالذهاب إلى قائمة Edit > Preferences > General أو بالضغط على الاختصار Ctrl + K ثم ضع خيار Image Interpolation عند البند Nearest Neighbor (Preserve Hard Edges) وبذلك نحافظ على قساوة الحواف في كافة الظروف. الآن سنبدأ عملية الرسم. ابدأ برسم الخطوط الخارجية لشكل فاكهة ولتكن كمثرى على سبيل المثال. اتبع خطوات الرسم في الأسفل لتحصل على شكل الفاكهة المطلوب. حصلنا على شكل الفاكهة الخارجي والآن سنقوم بتلوين هذا الشكل باستخدام ذات الأداة أداة القلم مع تغيير اللون واختيار اللون المناسب. ورسم جميع المناطق الداخلية للفاكهة. شكل الفاكهة حتى هذه اللحظة سيبدو بهذا الشكل بدون خطوط شبكة (يمكنك إظهار خطوط الشبكة وإخفاءها بالاختصار Ctrl + ‘). وبالحجم الطبيعي ستبدو بهذا الشكل. تظهر بهذا الحجم وكأنها أحد الرموز التعبيرية المستخدمة في برامج المحادثة عبر أجهزة الهواتف المحمولة وهي تقريبًا بحجم مشابه لها. من الممكن اعتبار هذا الرسم جاهزًا في حال أردت رسم تصميم بِكسل مسطّح أو بسيط ولكن نستطيع جعل هذا الرسم أكثر جمالًا وروعة عبر إضافة آثار الظلال والإضاءة ما يضفي مزيدًا من الحيوية على التصميم وللقيام بذلك سنقوم باستخدام لون داكن أكثر قليلًا من لون الفاكهة الأساسي ثم سنرسم ظلالًا من جهة واحدة كما يلي. والآن سنقوم بوضع آثار انعكاس الإضاءة على الجهة المقابلة من الفاكهة عبر استخدام ألوان فاتحة أكثر من اللون الأساسي وقد نستخدم اللون الأبيض للتعبير عن شدة الإضاءة واللمعان في نقطة معينة. شكل التصميم بدون شبكة سيكون بهذا الشكل. والشكل النهائي بالحجم الطبيعي. طبعًا يمكن تعديل الحجم بما يتناسب مع رغبتك والهدف من التصميم بحيث يمكن استخدام هذا التصميم كرمز تعبيري لبرنامج محادثة أو كعنصر من عناصر لعبة ما تقوم ببرمجتها أو أي استخدام آخر ويمكن أيضًا إلغاء الخلفية بحيث تقوم بالرسم على مستند جديد بدون خلفية أو قص هذا الشكل من الخلفية بسهولة. هذا الدرس لتعلّم أساسيات تصميم رسومات Pixel Art من نوع Non-Isometric باستخدام برنامج الفوتوشوب وسيكون هناك دروس قادمة لرسومات أكثر تقعيدًا وأكبر حجمًا كذلك لدروس من نوعية Isometric الرائعة والممتعة. يمكنكم القيام برسومات مشابهة وإدراجها في التعليقات أسفل الدرس لنتشارك هذه الخبرة الجديدة.

سأعلمكم في هذا الدرس كيفية تصميم نقوش وأنماط متموجة باستخدام برنامج الإليستريتور. 1. أنشئ شبكة باستخدام أداة Rectangular Grid Tool. والنتيجة ستكون كما يلي. 2. حدّد الشبكة وأنشئ غلاف شبكي من خلال القائمة Object > Envelope Distort > Make with Mesh اختر نفس عدد الأعمدة والصفوف. النتيجة. 3. استخدم أداة التحديد المباشر Direct Selection Tool وحدّد نقاط العمود الأيمن لشبكة التغطية. ثم حرّكها وحدّد نقاط العمود التالي وحرّكها وهكذا حتى تحصل على الشكل التالي. 4. مجدّدًا استخدم أداة التحديد المباشر لتحديد نقاط أحد الصفوف من شبكة التغطية. وقم بذات العملية لتحصل على الشكل التالي. 5. والآن حدّدها جميعًا وأنشئ نقشًا من خلال القائمة Object > Pattern > Make ثم احفظه. 6. أخيرًا طبّق هذا النقش على أي شكل من لوحة الحوامل Swatches Panel. مبروك حصلت على نقش متميز متموج. ترجمة -وبتصرّف- للمقال: How to Create Wave or Moire Pattern in Illustrator لصاحبه: Bijutoha

سنحاول هنا أن نحيط قدر الإمكان بجوانب هذا الفن الرائع ورسوماته المذهلة عبر معرفة ماهيته، أنواعه، تطورّه، تاريخه وأهم البرامج المستخدمة في رسمه. وسنتعلّم لاحقًا كيفية رسم رسومات البكسل المتنوعة. ما هو فن البِكسل؟ فن البِكسل أو Pixel Art هو فن رسومات قديم يشبه من حيث المبدأ الحياكة الصوفية كالرسومات على الملابس الصوفية إلا أن بداية هذا النوع من الفنون بدأ مع بدء ظهور أجهزة اللعب والحواسيب حيث لم يكن بمقدور تلك الأجهزة القديمة عرض رسوميات معقدّة وكثيرة الألوان وثلاثية الأبعاد كما في يومنا هذا لذلك اعتمد مطوّرو الألعاب في ذلك القوت على هذا النوع الوحيد المتوفّر لرسم خلفيات وشخصيات الألعاب بألوانها البسيطة، وعلى الرغم من بساطتها في ذلك الوقت إلا أنها كانت رائعة وممتعة للغاية ولعّل ألعاب Pacman و Mario وStreet Fighters وKingKong وSonic أبرز ألعاب تلك المرحلة شاهد ومثال رائع على روعة تلك الرسومات في تلك الحقبة من الزمن. ويعتمد الرسم هنا على رسم النقاط الصغيرة بجانب بعضها بحيث تكون النقطة الواحدة بحجم بكسل واحد فقط ما يجعل هذه الرسومات دقيقة وصغيرة نسبيًّا بالنسبة إلى المقاسات المعتمدة في الأجهزة المتطوّرة في أيامنا هذه بينما كانت أكثر من كافية لأجهزة تلك الحقبة القديمة. لذلك عند الرسم بأي برنامج للرسم عليك تكبير منظور العمل إلى أكبر درجة ممكنة تستطيع معها التعامل مع نقاط البكسل بسهولة وعند العودة للحجم الطبيعي ستشاهد نتيجة العمل الذي قمت به. هذا مثال رسمته باستخدام برنامج الرسام Paint الموجود ضمن نظام الويندوز Windows حيث تظهر نقاط البكسل بوضوح عند التكبير وفي شكل الرأس الصغير تظهر النتيجة بالحجم الطبيعي. وكانت رسومات البكسل بسيطة جدًّا في البداية حيث اعتمدت نظام ألوان 8bit لتتطور إلى 16bit ومنها إلى أكثر وأكثر حتى أصبحت متطورة جدًّا لدرجة أن الرسومات الحديثة منها أصبحت تتضمن تدرجات لونية عادية بعد زيادة حجم العمل وعدد الألوان المستخدم. على الرغم من انتشار الرسومات عالية الدقة والرسومات ثلاثية الأبعاد إلا أن رسومات البكسل مازالت موجودة بقوة وبخاصة في ألعاب الأجهزة المحمولة كالهواتف الذكية وغيرها. ومن الممكن رسم هذه الرسومات باستخدام تقنيات وأدوات اعتيادية كأدوات برنامج الرسّام Paint والفوتوشوب Photoshop أو يمكن رسمها بدون أدوات وبشكل يدوي وهو ما ينتج إبداعًا مميزًا قد لا تستطيع الأدوات تقديمه. أنواعه: تم تقسيم رسومات البِكسل إلى نوعين: الإيزومِترِك Isometric: ويُطلق عليها اسم ثلاثي البعاد أو متساوي القياس أيضًا وهي رسومات بكسل تبدو بثلاثة أبعاد وتظهر فيها ثلاث جوانب للأشكال المرسومة ما يعطي انطباعًا بأنها ثلاثية الأبعاد وعادة ما تكون بمنظور جانبي بزاوية معينة وتكون غالبًا 30 درجة وتستخدم لرسم مناظير معينة لمواقع شهيرة أو افتراضية وفي بعض الأحيان لرسم خلفيات لعبة من هذا النمط وقد ظهرت بعض الألعاب التي تعتمد على هذا النمط من الرسوميات خصوصًا للأجهزة المحمولة كالهواتف الذكية فيما يتباهى الآن المصممون برسوماتهم المعقّدة والرائعة باستخدام هذا النمط. وهذه صور لبعض الألعاب القديمة التي تستخدم هذا النمط سلسلة ألعاب Age of Empires Diablo Transport Tycoon وهذه صور لبعض ألعاب الهواتف المحمولة تستخدم هذا النمط من الرسومات Pocket Harvest Zombie Commando وهذه بعض الرسومات لهذا النمط لبعض المصممين للمصممة Sylvia Flores Espinoza للمصمم Robert Podgórski للمصمم Sergey Kostik غير الإيزومِترِك Non-Isometric: وهو نمط رسومات بِكسل عادي والأكثر انتشارًا وهو الصورة بشكل مباشرة من جهة واحدة من الأمام أو الجانب أو حتى من الأعلى بدون زوايا وهو معروف في عالم الألعاب القديمة وأيضًا الحديثة الخاصة بمنصات الأجهزة المحمولة عادة. ولعل أشهر الصور والألعاب المعروفة التي تستخدم هذا النمط هو ألعاب ماريو وسونيك وغيرها بالإضافة إلى الألعاب الجديدة على منصات الهواتف المحمولة وهذه بعض الأمثلة Random Heroes 2 Sword Of Xolan وقد اشتهرت مؤخرًا هذه الرسمات كثيرًا في رسم الوجوه التعبيرية (سمايلات) وخصوصًا في رسم الأيقونات التي تعتمد بشكل كبير على هذا النوع من الرسومات وبخاصة أيقونات مواقع الإنترنت. ولتوضيح الفرق بين نوعي فن البيكسل إليك هذا المثال Non-Isometric Isometric وسنتعلّم في الدرس التالي كيفية تصميم رسومات بفن Pixel Art بنوعية Non-Isometric وكذلك في الدرس الذي يليه سنتعلّم كيفية تصميم نوعية Isometric. مصادر الصور: صور المصممين من صفحاتهم على Behance. صورة التلفاز التوضيحية من موقع ويكيبيديا تحت رخصة CC BY-SA 3.0.

سنتعلم في هذا الدرس كيفية تصميم لوحة لوجه طفل بأسلوب الفن الراقي الحديث WPAP ART وكما ترى في صورة النتيجة النهائية فإن اللوحة مفعمة بالألوان والأشكال المضلعة ما يجعلها مميزة وجميلة ومن السهل تصميم هذا النوع من الفنون، سنقوم بذلك في برنامج الإليستريتور. ما هو فن WPAP ART؟ هو فن متميز بإعادة رسم الوجوه بشكل خاص وبطريقة فنية مبتكرة ويمكن رسم شخصيات أو حيوانات أو حتى أشكال جامدة بهذا الأسلوب إلّا أن روّاد هذا الفن يقومون برسم الوجوه في الغالب. اختصار WPAP هو لعبارة Wedha’s Pop Art Potrait وذلك لأن هذا الفن منسوب باسمه بالكامل لمؤسسه الفنان المصمم وضاح عبد الرشيد وهو إندونيسي يستخدم الإليستريتور في التصميم وهذا الفن مميّز بكثرة ألوانه والمضلعات المتكسرة بحيث يبدو منبثقًا بطريقة ما من فن البكسل. وجميع اللوحات المصممة بهذا الأسلوب تعتبر تصاميم مسطحة. بكل الأحوال لا يحتاج إلى أية أدوات خاصة فقط برنامج الإليستريتور أو الفوتوشوب أو الإنكسكيب أو الكوريل درو أو أي برنامج قادر على رسم أشكال فكتور سيكون قادرًا على رسم هذه التصاميم. كيفية الرسم بأسلوب WPAP ART؟ سأعتمد في هذا الدرس على أسلوب مؤسس هذا الفن المصمم وضاح عبد الرشيد. سنحتاج إلى صورة أساسية لنقوم بتحويلها إلى لوحة WPAP ART لذلك حمّلت هذه الصورة المجانية لطفل صغير من موقع Flicker. افتح برنامج الإليستريتور ثم افتح ملفًّا جديدًا وهو بأبعاد 1067×1600 بكسل كما في الصورة التالية. وسندرج الصورة الأساسية عبر القائمة File > Place ثم نختار الصورة المطلوبة ونضعها بشكل تملأ لوح الرسم. وحتى نستطيع العمل فوق الصورة الأساسية بكل حرية سنقوم بقفل طبقة هذه الصورة من لوحة الطبقات. ثم سنقوم بإنشاء طبقة جديدة وهي الطبقة التي سنعمل عليها. يمكنك أن تستخدم أداة رسم المستطيلات Rectangle Tool لرسم أجزاء كثيرة من اللوحة وفي هذه اللوحة سنقوم بالرسم اعتمادًا على أداة القلم Pen Tool بالكامل. ابدأ برسم مسار حول الأجزاء الداكنة من العين وهي بؤبؤ العين بشكل موصول مع الرموش العليا. كما تشاهد فطريقة الرسم ليست دقيقة على الإطلاق بل هي تعبيرية وتجريدية أكثر بحيث ستشعر بالراحة والحرية أثناء الرسم وهو ما يجعل الرسم بهذه الطريقة سهلًا وممتعًا على عكس ما قد يبدو من خلال النتائج النهائية للوحات المصممة بهذا الأسلوب، إذ قد تبدو للوهلة الأولى معقدة وصعبة. من أهم مميزات هذا الأسلوب أن جميع خطوط الرسم مستقيمة فلا انحناءات فيها. فكما تشاهد في الصورة السابقة قمتُ برسم الرموش بشكل تقريبي فوق الرموش الأصلية كما أن حدود البؤبؤ مضلعة وليست دائرية. يمكنك في أي وقت أثناء عملية التصميم أن تقوم بإزالة إشارة العين من جانب طبقة الصورة الأصلية المقفلة في لوحة الطبقات لإخفائها والإبقاء فقط على طبقة التصميم لتشاهد كيفية ظهور التصميم والتعديل عليه إن اضطررت لذلك. قم بإزالة اللون من حدود الشكل والإبقاء فقط على لون التعبئة. الآن ارسم بياض العين بلون فاتح جدًّا وبنفس الطريقة عبر أداة القلم وبخطوط مضلعة فقط. والآن سننتقل إلى جفون العين وهنا سنبدأ بالإبداع بطريقتنا الخاصة حيث أننا لسنا مضطرين إلى رسم الجفن كله كجزء واحد كما فعلنا مع العين بل سنقوم برسم الجفون بعدّة أشكال مضلعة متداخلة ملونة بألوان مختلفة. ابدأ برسم الشكل الأول ولوّنه باللون الذي تريده. كما تلاحظ قمتُ برسم هذا الشكل متداخلًا مع أشكال العين وفوق بعض مساحة العين وذلك حتى لا أترك أي فراغات بين الأشكال. لهذا يجب علينا بعد الانتهاء من رسم كل شكل إرسال هذا الشكل الجديد خلف بقية الأشكال وذلك عبر الضغط على الاختصار ]+Ctrl+Shift في كل مرة أو بالذهاب إلى القائمة Object > Arrange > Send to Back والآن سنتابع بنفس الأسلوب بحيث سنرسم شكلًا جديدًا يكون متراكبًا قليلًا فوق الأشكال المحيطة المرسومة سابقًا لتجنب وجود أي فراغات في التصميم ثم نرسله للخلف وهكذا مع تغيير الألوان في كل مرّة. وسنتابع مع مراعاة بعض الأجزاء الأساسية في اللوحة الأصلية كالحاجبين بحيث سنقوم برسمها بشكل تقريبي مضلع وبلون داكن يمثّل وجودهما. أمّا باقي الأشكال الأخرى فستكون أيضًا متداخلة وملوّنة. ويمكنك في أي وقت أن تغيّر ألوان بعض الأشكال التي رسمتها في حال وجدتها غير متناسقة بالطريقة التي تريد رسم اللوحة بها. ولستَ مضطرًّا لرسم الأجزاء الكبيرة كالأنف والفم بشكل واحد كبير بل يجب أن يتم رسم عدّة أشكال بحيث تغطّي مساحة العنصر مع توضيح وجود هذا العنصر. هنا رسمتُ الأنف بشكلين منفصلين مع ترك المساحة الوسطى فارغة ما يجعلها تظهر في النتيجة النهائية باللون الأبيض بما أن لون الخلفية النهائي سيكون باللون الأبيض في هذا التصميم كما رسمتُ فتحتي الأنف بشكل منفصل أيضًا. يمكننا أن نرسم أشكالًا مضلعة رقيقة فوق منطقة الشعر للدلالة على اتجاه الشعيرات مثلًا أو قد يمكننا القيام بذلك فوق مساحات انعكاس الإضاءة على الشعر ولكنها في النهاية ستبقى أشكالًا مضلعة وغير منحنية، ولا ننسى تغيير الألوان. سنرسم الشعر بعدة أشكال متداخلة كما سنرسم الأذن أيضًا بعدة أشكال متداخلة مع مراعاة الشكل الأصلي والرسم فوق تفاصيل أجزاء العضو. نلاحظ أننا قمنا برسم الشعيرات الصغيرة قبل رسم كتل الشعر الكبيرة وذلك حتى لا تكون الأشكال الصغيرة خلف الأشكال الكبيرة لأننا نقوم بإرسال كل شكل جديد للخلف. ارسم الآن حلي الطفل. الدقة غير مطلوبة بحيث من الممكن أن نجعل الحلي على شكل مستطيلات فقط للتعبير عن وجودها. ارسم الشفتين واللسان وداخل الفم والسن الصغير الظاهر مع رسم بعض الأشكال المتعرجة فوق الشفاه للدلالة على انعكاس الإضاءة. تابع رسم باقي أشكال الوجه الملونة المتداخلة. والآن انتهينا من رسم أشكال الوجه كاملًا. يمكنك في أي وقت أن تعدّل ألوان الأشكال المرسومة. من الممكن الاكتفاء بهذا القدر من الرسم وذلك بحسب طبيعة التصميم الذي تعمل عليه في حال كنت بحاجة إلى الوجه فقط. ارسم أشكال الملابس بذات الطريقة مع مراعاة انحناءات الملابس وأجزاءها. الآن قم بإخفاء طبقة الصورة الأصلية وشاهد التصميم النهائي. أية تعديلات على الأشكال يمكنك القيام بها عبر أداة التحديد المباشر Direct Selection Tool كما يمكنك القيام بالتعديلات على الألوان أيضًا. وبعد الانتهاء من كافة التعديلات سنقوم بوضع اللمسة الأخيرة وهي الخلفية بحيث يمكنك جعلها بلون مختلف مع رسم بعض المضلعات العشوائية أو المربعات والمستطيلات العشوائية الملونة فيها أو أن تقوم برسم أشكال كبيرة بسيطة تغطي بعض الأجزاء منها كما فعلتُ هنا حيث رسمتُ شكلين كبيرين يغطيان مساحة كبيرة من الخلفية مع ترك باقي الخلفية باللون الأبيض. يمكننا بعدها نقلها إلى الفوتوشوب للقيام ببعض التعديلات كإضافة تأثير الجرونجي بالخامة المناسبة عبر وضع طبقة خامة الجرونجي فوق طبقة التصميم ثم تغيير خصائص مزج هذه الطبقة إلى Multiply مع تخفيف التعتيم للنصف تقريبًا حتى لا يطغى تأثير الخامة على التصميم الأساسي ومن ثم إضافة التوقيع أو الشعار. هذه لوحة مرسومة بأسلوب فن WPAP ART بسيطة وسهلة وجميلة. يمكنكم أيضًا القيام بذلك فالأمر سهل وغير معقّد. المصادر: صورة الطفل من موقع Flicker مجانية بالترخيص CC BY 2.0 للمصوّر GeniusDevil. صورة خامة الجرونجي مجانية ضمن حزمة Mega Freebie Bundle من موقع AlienValley.com.

يُستَخدم فلتر High Pass لزيادة حدّة الصورة بشكل جيد، ولكن لهذا الفلتر استخدام آخر وهو تنعيم الجلد في صور الأشخاص. أنا أعلم أن هناك فلاتر أخرى لتنعيم الجلد كفلتر التمويه Blur وتمويه السطح Surface Blur وغيرها ولكنك تستطيع استخدام هذا الفلتر بالإضافة لتلك الفلاتر في نفس الوقت. في هذا الدرس سأعلمك كيفية القيام بالأمر. الخطوة 1: ضاعف الخلفية. الخطوة 2: اعكسها عبر الذهاب إلى القائمة Image > Adjustments > Invert أو بالضغط Ctrl/Cmd+I في لوحة المفاتيح. الخطوة 3: طبّق فلتر High Pass، عبر الذهاب إلى القائمة Filter > Other > High Pass الخطوة 4: غيّر خصائص المزج إلى Overlay. الخطوة 5: خفّف التعتيم Opacity إلى نحو 70%. الخطوة 6: أضِف قناعًا للطبقة Layer Mask من أسفل لوحة الطبقات. قناع الطبقة سيبدو كمستطيل أبيض في لوحة الطبقات. الخطوة 7: اختر أداة الممحاة Eraser Tool. حدّد القساوة Hardness عند 5% والتعتيم Opacity عند 17%. الخطوة 8: أخيرًا ارسم بواسطة الممحاة فوق العيون، الشفاه، الشعر وجميع المناطق غير المرغوبة بحيث لا نريد أن نجعل هذه المناطق ناعمة وذلك لكي نحافظ على مثالية الصورة. عندما تبدأ باستخدام الأداة يمكنك تعديل حجم الفرشاة عبر مفتاحي [ ] في لوحة المفاتيح لاستخدامها بالشكل الملائم والأمثل. وهذه هي النتيجة النهائية. ترجمة -وبتصرّف- للمقال: How to Soften Skin Tones with High Pass in Photoshop لصاحبه: Bijutoha

إن لبعض المفاتيح في لوحة المفاتيح دور مهم في التأثير على عملية الرسم باستخدام الأشكال الأساسية في الإليستريتور، فمفتاح Shift على سبيل المثال يجعل الشكل البيضوي شكلًا دائريًّا مثاليًّا في حال الاستمرار في الضغط عليه أثناء الرسم باستخدام أداة الرسم بالشكل البيضوي Ellipse Tool كما ويحافظ على زاوية ثابتة أثناء رسم شكل النجمة ويجعل رأس النجمة دائمًا للأعلى، بينما لمفتاح المسافة (المسطرة) دور مختلف حيث تقوم بتثبيت الشكل المرسوم أثناء الرسم للمساعدة على تحريكه إلى موضع جديد كأن تبدأ برسم نجمة مثلًا وأثناء السحب بالفأرة وعند حجم معين نضغط على مفتاح المسافة ليبقى حجم النجمة وزاويتها ثابتين بينما يمكننا تحريك هذا الشكل باستخدام الفأرة إلى موضع جديد. إنّ مفتاح التيلدا Tilde يُمكّنُنا من إنشاء أشكال رائعة ومثيرة عبر الضغط عليه أثناء رسم الأشكال الأساسية. هذه بعض الأشكال المرسومة باستخدام الأشكال الأساسية وباستخدام مفتاح تيلدا في نفس الوقت. لنجرّب إنشاء بعض من هذه الأشكال الغريبة. افتح ملفًّا جديدًا في الإليستريتور وحدّد لونًا للحدود وأبقِ التعبئة بلا لون. أنا اخترتُ اللون الأسود للحدود. اختر أداة المضلعات Polygon Tool واستمر بالضغط على مفتاح تيلدا وارسم. اختر أداة النجمة Star Tool واستمر بالضغط على مفتاح تيلدا وارسم. اختر أداة الخط Line Tool واستمر بالضغط على مفتاح تيلدا وارسم. اختر أداة الشكل البيضوي Ellipse Tool واستمر بالضغط على مفتاح تيلدا وارسم. لا تحتاج سوى إلى الإبداع والخيال أثناء استخدام مفتاح تيلدا لرسم أشكال مذهلة ولا تنسَ أن حجم الحدود سيؤثر على الشكل النهائي بحيث سيكون داكنًا أو فاتحًا. وإذا ما استخدمت مفتاح Shift أو المسافة أو كليهما أثناء الرسم مع استخدام مفتاح التيلدا فإن عدد الأشكال الغريبة والمثيرة سيكون لا حصر لها وهذه بعض الأشكال المرسومة باستخدام هذه المفاتيح الثلاثة. ترجمة -وبتصرّف- للمقال: Tilde Key Fun with Illustrator لصاحبه: Bijutoha

من السهل جدًّا تصميم خط منقّط باستخدام الفوتوشوب. كل ما تحتاج إليه هو تتبّع هذه الخطوات الثلاثة. 1. كيف تجهّز إعدادات أداة القلم لتصميم تأثير الخط المنقّط؟ افتح الصورة التي تريد رسم تأثير الخط المنقط حولها. أنا اخترت صورة هذه الكعكة. الآن اختر أداة القلم Pen Tool مع اختيار خيار الشكل Shape من شريط خيارات هذه الأداة عبر القائمة المنسدلة. سنتابع تجهيز إعدادات القلم من شريط الخيارات العلوي. اجعل لون التعبئة Fill بدون لون واجعل لون الحدود باللون الذي تريده. أنا اخترت اللون الأبيض وجعلتُ حجم الحدود 0.65pt. 2. كيف نستخدم أداة القلم لرسم مسار تحديد قبل تأثير الخط المنقّط؟ إذا انتهيت من الخطوة الأولى، عليك أن تقوم برسم تحديد حول الصورة. باستخدام أداة القلم كما يلي. 3. كيف تُجهّز وتُعِد تأثير الخط المنقّط النهائي؟ وصلنا إلى الخطوة الأخيرة. استخدم أداة القلم مع التأكيد على أن الخط الذي رسمناه محدّد سلفًا ثم اختر خطًّا منقطًّا من شريط الخيارات العلوي من قائمة Stroke Option. يمكنك تغيير إعدادات شكل وحجم الخطوط المنقطة من زر More Option أسفل القائمة. أنا قمتُ بجعل حجم الخط 4 وحجم الفجوة بين الخطوط 2 من أجل هذا التصميم. وبهذا يتم صناعة خط منقط حول الصور في الفوتوشوب. وهذه هي النتيجة النهائية. ترجمة -وبتصرّف- للمقال: How to Make Dashed Line Effect in Photoshop لصاحبه: Bijutoha

نستطيع الولوج إلى نمط القناع السريع Quick Mask عبر النقر على أيقونته الموجودة أسفل شريط الأدوات على يسار شاشة البرنامج. يمكنك تحديد أي جزء من الصورة بسهولة كبيرة لمسحها أو تعديلها عبر استخدام نمط القناع السريع. يمكننا البدء باستخدام هذا النمط عبر النقر على الأيقونة في شريط الأدوات أو بالضغط على حرف Q من لوحة المفاتيح. الآن اختر أداة الفرشاة Brush Tool أو اضغط على الاختصار Shift+B في لوحة المفاتيح واجعل حجم وقساوة الفرشاة 90% أو كما يناسبك فإذا اخترت قساوة الفرشاة 100% فإن الحواف ستكون قاسية جدًّا. أما إذا اخترت قساوة الفرشاة 0% فإن الحواف ستبدو متلاشية Fade Out ومتداخلة مع المحيط. أخيرًا حدّد لون المقدمة اللون الأسود لأن هذا اللون سيسمح بتحديد القناع على المساحات المطلوبة بينما اللون الأبيض سيمسح ميزة القناع من على المساحات لذلك اجعل لون المقدمة اللون الأسود ثم ابدأ بالرسم كما في الصورة التالية. يمكن تعديل مساحات القناع التي رسمتها باستخدام أدوات الفرشاة، سطل الدهان أو أية أداة تحديد. انظر في الصورة التالية حيث قمتُ بتعديل أو مسح مساحة من القناع الأحمر التي وضعتها ضمن نمط القناع السريع. هنا استخدمت أداة الممحاة Eraser Tool ولاحظ أن اللون الأمامي مازال اللون الأسود. يمكنك أيضًا تعديل أو إضافة مساحات قناع إضافية باستخدام أداة الممحاة أيضًا عبر جعل اللون الأمامي اللون الأبيض. فكما تشاهد في الصورة التالية قمتُ بإضافة مساحات إضافية باستخدام الممحاة مع جعل اللون الأمامي اللون الأبيض ضمن نمط القناع السريع. وبعد الانتهاء من رسم القناع المطلوب عليك بالعودة إلى الوضع الطبيعي عبر النقر على زر أيقونة القناع السريع مجدّدًا أو بالضغط على مفتاح Q في لوحة المفاتيح. ما سنراه في الصورة في الأعلى هو وجود تحديد ظاهر حول جميع المناطق التي لم نشملها بالقناع ضمن نمط القناع السريع. بما أننا نريد تحديد الأجزاء الأخرى بالعكس سنقوم بعكس التحديد عبر الاختصار Ctrl/Cmd+Shift+I أو من القائمة Select > Inverse والآن امسح ما هو مُحدّد لوضع لون أو خلفية جديدة. ملاحظة: كمحرّر صور أعلم كم أن ميزة نمط القناع السريع أساسية جدًّا لكل محرري الصور حيث يستخدمها معظمهم للتحقق من عملية الرسم الصحيح للمسار باستخدام أداة القلم أو غيرها من الأدوات للحصول على نتائج مثالية وبدون أية أخطاء. يمكنك تعديل اللون الأحمر الخاص بنمط القناع السريع إلى لون آخر. انقر نقرًا مزدوجًا على أيقونة نمط القناع السريع ليظهر لك صندوق أدوات هذا النمط. جرّب تغيير اللون والتعتيم وانظر للنتيجة. ترجمة -وبتصرّف- للمقال: About Quick Mask Mode in Photoshop لصاحبه: Bijutoha