اتبع الخطوات في هذا الدرس لتتعلم كيفية تصميم شخصية بسيطة لميكانيكي بواسطة برنامج إليستريتور. سوف نقوم بإنشاء الأشكال الأساسية للشخصية باستخدام أشكال بسيطة ثم سنتابع برويّة تصميم التفاصيل الدقيقة للشخصية. ولإنهاء العمل سنقوم بعدها بتلوين هذه الشخصية مع استخدام تقنية التظليل والإضاءة.

هذه الشخصية مصمّمة من مجموعة من الأشكال الأساسية الدائرية ما يجعلها لطيفة وأنيقة ومحبّبة. الأوزان المختلفة في الخطوط وأسلوب التظليل الذكي هو ما أضاف المزيد من العمق والوضوح إلى الطابع النهائي وأبعده عن أسلوب التصميم البسيط السهل القديم.

هذه هي المراحل الثلاث الأساسية في تصميم الشخصية. أولًا سنبدأ بتصميم الأشكال الأساسية التي تحدّد أجزاء الشخصية ثم سنضيف التفاصيل الدقيقة بالكامل قبل أن ننتقل أخيرًا إلى التلوين وإضافة الإضاءة والظلال.

افتح برنامج إليستريتور وأنشئ ملفًّا جديدًا. أنا أميل إلى استخدام نظام ألوان CMYK لسهولة تعديل اللون الأسود من لوحة الألوان. ارسم شكلين على لوح الرسم، المستطيل البسيط سيكون الجسم والدائرة ستكون الرأس. حاذِ هذين الشكلين عموديًّا من لوحة المحاذاة Align.

استخدم أداة المستطيل مستدير الزوايا Rounded Rectangle Tool لرسم الأطراف. أثناء رسم هذه الأشكال استخدم مفاتيح الأسهم من لوحة المفاتيح لتعديل قيمة نصف قطر الزوايا. دوّر الذراعين بزاوية 45 درجة وضعهما تحت الجسم باستخدام الاختصار CMD+[ لتغيير ترتيب التراص للعناصر.

حدّد جميع العناصر التي تُشكّل الجسم وأدمجها Merge من لوحة Pathfinder.

الآن الأشكال الأساسية الخارجية جاهزة وفي مكانها الصحيح وسننتقل الآن لرسم التفاصيل الدقيقة. ارسم مستطيل مستدير الزوايا على لوح الرسم واحذف معظم النقاط السفلية باستخدام أداة التحديد المباشر Direct Selection tool تاركًا الحافة العلوية فقط. افعل الشيء ذاته مع مستطيل أصغر حجمًا مشابه للمستطيلات المستخدمة في رسم الأطراف ولكن مع حذف النقاط العلوية هذه المرّة تاركًا نصف دائرة.

وزّع هذه العناصر على جسم الشخصية لتُكوّن ملابس العمل لهذا الميكانيكي. يمكنك تكبير منظور العمل لتحاذي جميع النقاط بشكل دقيق. استعمل مستطيلات بسيطة لرسم شرائط وارسم خطوطًا مستقيمة لفصل القدم عن الساق.

ارسم جيبًا كبيرًا باستخدام مستطيل مستدير الزوايا آخر. أنهِ هذا الجيب برسم خط أفقي مستقيم. تأكّد من جعل بداية الخط ونهايته داخل حدود الجيب السوداء لتتجنب أية فجوات محتملة.

أضف جيبًا صغيرًا يتضمن زوجًا من الأقلام. استخدم مستطيلًا مستدير الزوايا رفيعًا لرسم الأقلام وأزِل الجزء السفلي منها باستخدام مستطيل مؤقت مع خيار الطرح Subtract من لوحة Pathfinder.

في مكان آخر على لوح الرسم ابدأ برسم صندوق أداوت بسيط. استخدم مستطيلًا مستدير الزوايا كبيرًا للصندوق الرئيسي وآخر صغيرًا للمقبض. أزِل الجزء السفلي من الصندوق باستخدام مستطيل مؤقت مع لوحة Pathfinder لتترك الحافة السفلية مستقيمة.

حدّد صندوق الأدوات واذهب إلى القائمة:

Object > Path > Offset Path

أدخل القيمة -2mm لإنتاج خطٍّ موازٍ للأصلي داخله.

حدّد جميع العناصر الثلاث التي تُشكّل صندوق الأدوات وحرّكها فوق الجسم الرئيسي للشخصية. إن كان من الضروري تغيير ترتيب تراص العناصر استخدم الاختصارين CMD+[ وCMD+] للقيام بذلك.

استخدم أداة القلم Pen tool لرسم أحد الشاربين على وجه الشخصية. ارسم كل نقطة مع مقابض بيزير كبيرة لإنشاء خطوط متلاحقة ولكن انقر على النقطة اليمنى قبل متابعة الرسم لتحويل هذه النقطة إلى زاوية حادّة.

حدّد الشارب ثم اذهب إلى القائمة:

Object > Transform > Reflect

حدّد الخيار العمودي ثم اضغط على خيار نسخ Copy لمضاعفة الشكل وعكس اتجاهه.

ارسم الشكل الأساسي للقبعة فوق الرأس باستخدام مستطيل مستدير الزوايا ولكن حدّد كل نقطتين لأحد الزوايا السفلية وحرّكها للخارج عبر النقر ثلاث مرّات على السهم المطلوب من لوحة المفاتيح وذلك لتوسيع قاعدة القبعة.

اقطع الحافة السفلية من القبعة بشكل منحنٍ عبر استخدام شكل بيضوي مؤقت مع خيار Subtract من لوحة Pathfinder.

ارسم شكلًا بيضويًّا آخر ثم استخدام أداة التحديد المباشر Direct Selection Tool لتحديد وتحريك معظم النقاط السفلية عموديًّا نحو الأعلى لثني الشكل وتحويله إلى واقي شمس على القبعة. ضاعف الشكل الأساسي للقبعة وصغّر حجم النسخة الجديدة لصنع اللوحة الأمامية للقبعة.

لقد انتهينا من رسم التفاصيل الدقيقة للشخصية ولكننا بحاجة إلى إضافة بعض التفاصيل المتعلقة بتنوع وزن الخطوط الخارجية للشخصية ولذلك سنقوم بعملية قطع ووصل هذه الخطوط. حدّد بشكل فردي كل شكل له علاقة بالخطوط الخارجية للشخصية واستخدم أداة المقص Scissors tool لقطع الخط عند نقطة دخوله داخل شكل الشخصية. عند قطع خطين لشكلين حدّد النقاط النهائية باستخدام أداة التحديد المباشر Direct Selection tool واستخدم الاختصار CMD+J لوصلها. اتبع المسار حول كامل الخطوط الخارجية للشخصية حتى يصبح لديك خط خارجي موّحد.

بعد الانتهاء من هذه العملية زِد حجم الخط الخارجي الجديد على 4pt واجعل جهة المحاذاة للخارج من الخيارات المتاحة في لوحة الحدود Stroke.

حدّد باقي الخطوط داخل جسم الشخصية وعدّل حجم الحدود. الخطوط التي تحدّد هيكل الشخصية يجب أن تكون أكبر سماكة بينما الخطوط التي تُشكّل التفاصيل الدقيقة يجب أن تكون أقل سماكة. يجب التعامل بعناية مع النقاط التي تقع بين خطين مختلفين في السماكة. استخدم أداة التحديد المباشر Direct Selection tool لتحريك هذه النقاط بدقة إلى مواقعها الصحيحة.

استخدم أداة القلم مع اختيار اللون المناسب لرسم حدود العناصر التي سنلونها عبر الشخصية بالكامل. ليس من المهم أن تكون الخطوط أنيقة ولكن المهم أن تبقى ضمن الحدود السوداء. إذا واجهت صعوبة في الرسم بسبب تحديد نقاط أساسية موجودة مسبقًا بالخطأ جرّب القيام بهذه العملية على طبقة مختلفة لتجنب حدوث ذلك. استخدم الاختصار CMD+Shift+[ لإرسال هذه العناصر الملونة تحت جميع أشكال الشخصية الأساسية وبذلك تبقى الخطوط السوداء الأنيقة فوق الخطوط الملونة.

تابع العملية لتلوين جميع عناصر الشخصية بالألوان المناسبة. الجزء الذي يُشكّل ملابس الميكانيكي يجب أن تكون زرقاء فيما عدا القميص يجب أن يكون أبيض.

انتهينا من تلوين الشخصية بالكامل ولكننا نحتاج إلى إضافة الظلال والإضاءة لإضفاء المزيد من الحيوية على التصميم.

استخدم ذات التقنية التي قمنا بها لتلوين الشخصية وذلك لرسم أشكال أصغر بدرجة لون افتح قليلًا من الأصلية. تأكّد من تقاطع الشكل الجديد مع الأصلي مع جعل الشكل الجديد سلسًا ومتدفقًا على عكس الخطوط المتعرجة الموجودة تحت الحدود السوداء الأساسية.

ليس من الضروري أن تكون الإضاءات ذات دقة علمية. لوّن نصف الساق عموديًّا بلون أفتح حيث سيساعد هذا الأمر على إضافة المزيد من العمق للشخصية.

سنقوم برسم ظلال لعناصر محدّدة مثل الشاربين والقبعة عبر مضاعفة الشكل الأساسي الملوّن مع تغيير لون النسخة الجديدة إلى لون يشبه لون الجلد ولكن داكن أكثر ثم أرسل هذا الشكل الجديد أسفل الشكل القديم باستخدام الاختصار CMD+[.

الظل أسفل شكل الوجه يمكن إنشاؤه عبر شكل جديد كليًّا. ارسم دائرة فوق كامل الوجه ثم قص هذا الشكل باستخدام نسخة أخرى عن الشكل تم تحريكها عموديًّا قليلًا.

استخدم أداة القلم Pen tool لرسم الظلال فرديًّا على الأجزاء السفلية من الذراعين ثم تابعها عبر الجسم. استخدم درجة لون داكنة أكثر حتى تكون لون الظلال. هنا تظهر إمكانيات نظام الألوان CMYK حيث يكفي تعديل القناة K لجعل اللون داكن أكثر.

أنهِ رسم الظلال عبر رسم ظل مناسب أسفل شكل الرأس على الملابس. ارسم شكلًا بيضويًّا كبيرًا باللون الرمادي ثم أرسله تحت عناصر شكل الوجه ولكن فوق عناصر شكل القميص. استخدم الاختصارين CMD+[ وCMD+] لترتيب تموضع العناصر فرديًّا.

لوّن لوحة مقدمة القبعة باللون الأبيض ثم انسخها CMD+C وألصقها في المقدمة CMD+F ثم بدّل لون الحدود إلى رمادي فاتح ثم قص الجزء السفلي المتصل برقعة واقي الشمس باستخدام أداة المقص Scissors tool.

سنقوم برسم صمولة على لوحة القبعة لتكون شعارًا للميكانيكي. ارسم شكلًا سُداسيًّا بسيطًا باستخدام أداة المضلعات Polygon tool ودائرة في مركز الشكل لتحقيق نتيجة ممتازة.

وبهذا ننتهي من تصميم شخصية الميكانيكي. يمكن استخدام الأشكال الأساسية ذاتها لإنشاء شخصيات لطيفة.

ترجمة -وبتصرّف- للمقال: Create a Simple Mechanic Character in Illustrator  لصاحبه: Chris Spooner.

اتبع الخطوات في هذا الدرس لتتعلم كيفية إنشاء ملصق هندسي فسيفسائي شائع بسلسلة من المكعبات الفسيفسائية ثلاثية الأبعاد. سنقوم بإنشاء الأشكال الملوّنة ببرنامج الإليستريتور ومن ثم سنحضر كل شيء إلى برنامج الفوتوشوب لننهي التصميم هناك عبر إطلاق الخامات والألوان.

التصميم قائم على سلسلة من المكعبات الفسيفسائية التي تشكّل مع بعضها البعض نقشًا مستمرًّا رائعًا. وعندما نمزجها مع خامة الجرونجي وتداخلات الألوان فسنحصل على تصميم هندسي بنمط قديم شائع مذهل.

افتح برنامج أدوبي إليستريتور وارسم مربّعًا على لوح الرسم. قم بإزالة الحدود ثم اذهب إلى القائمة:

Effect > 3D > Extrude & Bevel

في نافذة خيارات 3D اضبط الزوايا على 45 درجة، 45 درجة و90 درجة. عدّل خَيار التظليل إلى Diffuse Shading في القائمة أسفل النافذة ثم اضغط موافق.

حدّد المكعّب ثم اذهب إلى القائمة:

Object > Expand Appearance

لتحويل هذا الشكل إلى عنصر قابل للتعديل.

اضغط بالزر الأيمن على المكعّب ثم اختر Ungroup. قد يتضمن هذا المكعّب سلسلة من المجموعات، لذا استمر في عملية إلغاء المجموعة حتى تستطيع تحديد كل جانب على حدة.

ارسم تحديدًا حول كامل المكعّب ثم اضبط الشفافية على 70%. اختر أحد الجوانب ثم انسخ CMD+C ثم الصق في المقدمة CMD+F. ابدأ بتحريك هذا الشكل الجديد إلى الجهة المعاكسة.

اضغط CMD+Y لتتحوّل إلى نمط الخطوط الخارجية ثم كبّر المنظور ثم حاذِ بدقّة الشكل المنسوخ ليملأ الجانب الفارغ من المكعب. كرّر العملية مع باقي الجوانب الفارغة.

حدّد جميع الجوانب التي تُشكّل المكعّب وغيّر لون التعبئة إلى تدرّج لوني من الوردي الخفيف إلى الأصفر. اضبط زوايا التدرّجات إلى 90 درجة، -90 درجة و45 درجة عشوائيًّا على كل جانب.

اجمع كل العناصر التي تُشكّل المكعّب ثم اضغط Shift وALT أثناء تحريك هذه المجموعة لليمين. طابق بدقّة حافتي المكعّبين بجانب بعضهما البعض.

اضغط الاختصار CMD+D لتكرّر عملية النسخ الأخيرة حتى تُشكّل خطًّا طويلًا من المكعّبات ثم حدّد جميع المكعّبات واسحبهم بشكل قُطرِي للأسفل مع الضغط على ALT لتشكيل خط جديد.

حدّد كلا خطّي المكعّبات ثم اسحبهم للأسفل مع الضغط على ALT وShift من لوحة المفاتيح. حاذِ هذه المجموعة مع الجانب السفلي للمجموعة الأولى.

استخدم الاختصار CMD+D لتكرّر العملية الأخير من النسخ حتى يصبح لديك سلسلة كاملة من الأشكال التي ستغطي كامل مساحة المُلصق.

انتقل إلى برنامج أدوبي فوتوشوب وأنشئ مستندًا للملصق بالقياسات التي ترغب بها. تذكّر أن تستخدم الدقة 300ppi حتى تتمكن من طباعة الملصق باحترافية عالية.

ضع خامة جرونجي رقيقة داخل المستند ثم خفّف تأثيرها عبر تخفيف Opacity إلى 50%.

ألصق مجموعة المكعّبات في المستند وضعها في الوسط تمامًا. اترك مسافةً أنيقةً حول الحواف لتُشكّل حدودًا طبيعية.

استخدم فرشاةً كبيرةً ناعمةً لرسم ألوانٍ متنوعةٍ بحيث يكون كل لون في طبقة منفردة. استخدمتُ الكثير من الألوان الفاتحة كالوردي، البرتقالي، الأصفر والأخضر.

قم بتغيير خصائص مزج كل طبقة من طبقات الألوان حتى تجد الطريقة المناسبة والأجمل لتمازج الألوان مع المكعّبات والخامة. يمكن لمُستخدمي أنظمة الويندوز استخدام مفاتيح الأسهم للتبديل بين خصائص المزج والتجربة بينما على مُستخدمي أنظمة الماكنتوش استخدام المفتاح Shift مع المُفتاحين + أو - للقيام بذلك. بكل الأحوال فإن الخصائص Overlay و Soft Light وColor Burn ستعمل بشكل أفضل في هذه الحالة.

ضع بقعة سوداء كبيرة في الجزء العلوي الأيسر في طبقة جديدة وحدّد خصائص المزج Overlay عند 45% لجعل ألوان المكعّبات في هذه المنطقة تبرز بشكل مميز.

أنهِ هذا التصميم بإضافة عدّة إضاءات وبريق على نقاط الزوايا للمكعبات عبر التصميم.

هذه هي النتيجة النهائية:

ترجمة -وبتصرّف- للمقال: How To Create a Tessellating Geometric Poster Design  لصاحبه: Chris Spooner.

اتبع خطوات هذا الدرس خطوة خطوة لتتعلم كيفية تصميم فكتور شخصية حيوان الرنّة اللطيفة الصغيرة باستخدام برنامج إليستريتور. سنبدأ بإنشاء أساس الشخصية بالأشكال الأساسية ثم سنصمم التفاصيل الدقيقة من خلال التدرجات اللونية والتأثيرات.

هذا هو الشكل النهائي للشخصية التي سنرسمها في هذا الدرس. إنّ الأشكال المستديرة والبسيطة تساعد على إظهار اللطافة بينما شكل الجسم الممتلئ ووقوف الشخصية على قدمين تساعد على تأمين الجاذبية لهذا التصميم الرائع.

هناك ثلاث مراحل أساسية لعملية التصميم. أولًا سنقوم بتصميم الخطوط الأساسية للهيكل الأساسي للشخصية، وبعد الانتهاء من بناء جميع خطوط الشخصية التي تكوّن الأشكال الأساسية لها، عندها نستطيع تلوين هذه الأشكال. وأخيرًا سنقوم بإضافة المزيد من العمق والأبعاد للتصميم عبر إضافة التأثيرات والظلال والتدرجات اللونية.

افتح برنامج أدوبي إليستريتور وارسم شكلًا بيضويًّا على لوح الرسم ليكون الجسم الرئيسي للشخصية. دع الألوان الافتراضية كما هي، لون التعبئة الأبيض والحدود السوداء.

ارسم شكلًا بيضويًّا أصغر بقليل من الشكل الأول ومتداخلًا معه ليكون رقعة بطن الشخصية. انسخ CMD+C وألصق في المقدمة CMD+F نسخةً عن شكل الجسم الأساسي ثم أرسلها إلى المقدمة باستخدام الاختصار [+CMD+Shift. حدّد النسخة الجديدة مع الشكل الذي رسمناه للتو واستخدم خيار التقاطع Intersect من لوحة Pathfinder لإزالة الجزء الفائض خارج شكل الجسم الرئيسي.

استمر بإضافة بعض الأشكال البيضويّة الصغيرة في اتجاهات مختلفة لرسم الرأس ومقدمة الفم. ابدأ بإضافة شكل بيضويّ أصغر لرسم الأذن، دوّره قليلًا.

انسخ CMD+C وألصق في المقدمة CMD+F نسخة من الأذن ثم اذهب إلى القائمة:

Object > Transform > Reflect

لعكس نسخة الأذن.

حدّد كلا الأذنين مع شكل الرأس ثم أدمجها معًا من خلال خيار الدمج Merge من لوحة Pathfinder.

ارسم بعض الدوائر على منطقة الرأس لتقدّم العينين والأنف ثم أضف دائرة فوق أسفل منطقة مقدمة الفم. اصنع نسخة عن مقدمة الفم لتستخدمها كأداة مع لوحة Pathfinder لقص الدائرة الأخيرة التي رسمناها وكانت متداخلة مع مقدمة الفم.

استخدم أداة فرشاة البقع Blob Brush tool لرسم فرعة من قرن الوعل. اصنع نسخة عنه ثم اذهب إلى القائمة:

Object > Transform > Reflect

ثم اجمع Group القرنين معًا. حدّد هذين القرنين والرأس ثم انقر نقرةً إضافيةً على الرأس لجعله العنصر المفتاح. استخدم لوحة المحاذاة Align لتوسيط العناصر.

استخدم الاختصار ]+CMD+Shift لإرسال القرون خلف الرأس. ارسم في مكان آخر على لوح الرسم مستطيلًا مستدير الزوايا مع أقصى نصف قطر ممكن للزوايا. حدّد هذا الشكل الأخير ثم اذهب إلى القائمة:

Object > Envelope Distort > Make with Warp

في خيارات الانحناء Warp احنِ المستطيل لنحو 40% عموديًّا باستخدام أدوات القوس. أرسل الشكل خلف باقي الأشكال بالاختصار ]+CMD+Shift ثم ضعه في موضع الذراع.

ارسم شكلًا بيضويًّا فوق الجزء السفلي من الذراع لتكون حافر الحيوان. اصنع نسخةً عن الذراع لتستخدمها كأداة مع لوحة Pathfinder لتتقاطع مع الشكل البيضوي الصغير كما في الصورة.

اجمع Group الذراع مع الحافر الجديد في مجموعة واحدة ثم اصنع نسخة عنهما واعكسها وضعها في الجهة المقابلة من الجسم. اجمع الذراعين مع الحافرين ثم حاذِهما وسطيًّا بالنسبة للجسم. استخدم أداة المستطيل مستدير الزوايا لرسم الساقين.

ارسم دائرتين أسفل الساقين لتكون الأقدام ثم استخدم أداة التحديد المباشر Direct Selection tool للتلاعب بالأشكال وتحريك النقطة السفلية من كل شكل للأعلى قليلًا لجعلها على شكل حافر.

شخصية حيوان الرنّة تبدو بسيطة للغاية ومؤلّفة من مجموعة من الأشكال الأساسية فقط ولكن هذا سيتغيّر بمجرد إضافة الألوان إلى هذه الشخصية.

اختر كل جزء من الشخصية بشكل فردي واستبدل لون التعبئة الأبيض والحدود السوداء ببعض ألوان التدرجات الدائرية. استخدم أداة التدرج اللوني Gradient tool لتصنع تمازجًا بين الإضاءة والظلال. هذا التغيير في الألوان سيعطي الانطباع بأن التصميم ثلاثي الأبعاد.

استخدم لون البيج الفاتح لمقدمة الفم ومنطقة البطن حتى تُشكّل تباينًا مع لون الفرو الداكن وطبعًا لوّن الأنف باللون الأحمر الفاتح.

مصادر الضوء غالبًا ما تأتي من الأعلى لذلك تأكّد من جهة تمرير التدرج اللوني ليكون اللون الفاتح في الأعلى ما يترك اللون الداكن أسفل الشكل.

يمكن تمييز حيوان الرنّة الآن بوضوح من خلال الألوان التي تكسو الشخصية ولكن التصميم لا يزال يبدو بدائيًّا بعض الشيء. لذا سنضيف القليل من تأثيرات الإضاءة والظلال لجعل الشخصية أكثر حيوية.

ارسم المزيد من الأشكال البيضويّة حول العينين وداخل الأذنين. اجعل هذه الأشكال الجديدة بتدرج لوني من اللون البني الداكن أكثر إلى الشفافية. هذه التدرجات تعطي الانطباع بالبروز والضمور في أجزاء الشخصيّة عبر استخدام اللون الداكن في أعلى التدرج والذي يشبه الظلال في الحياة الواقعيّة.

حدّد شكل الجسم الرئيسي واذهب إلى القائمة:

Effect > Stylize > Inner Glow

حافظ على الإعدادات الافتراضية عبر الإبقاء على الخيار Screen واللون الأبيض ولكن غيّر مستوى الظهور opacity إلى 30% وعدّل قيمة التمويه إلى 5mm.

 استمر في تحديد باقي أشكال الجسم البنّية وأضف تأثير التوهّج الداخلي ذاته. على الأجزاء الأصغر كالرأس والذراعين استخدم قيمة أقل من التمويه كقيمة 3mm مثلًا.

أضف تأثير التوهّج الداخلي إلى الأنف ثم أضف إليه بعض الظلال لمنحه الانطباع ثلاثي الأبعاد. حدّد قيمة opacity عند 30% والمحور X عند الصفر والمحور Y ومستوى التمويه عند 1mm.

امنح رقعة البطن تأثير ظلال ناعمة ولكن هذه المرة فلتكن قيمة المحور Y عند -2mm ومستوى التمويه عند 2mm.

طبّق تأثير التوهج الداخلي على جميع الأجزاء الرمادية من الجسم كالقرون والحوافر مع تحديد الخيار Multiply واللون الأسود هذه المرة.

اصنع نسخة عن أحد القرون ثم ارسم شكلًا بيضويًّا فوق الشكل المنسوخ بحيث يمر طرف الشكل البيضوي على امتداد طول القرن. استخدم خيار الطرح Subtract من لوحة Pathfinder لقص الشكل من القرن المنسوخ ثم لوّن الشكل الناتج باللون الأسود واجعل مستوى الظهور opacity عند 20%.

ارسم دائرتين مختلفتي القياس فوق الأنف لتطبيق تأثير لمعان الإضاءة. لوّن هذه الدوائر باللون الأبيض واجعل مستوى الظهور opacity عند 20%.

نفّذ ذات العملية السابقة التي قمنا بها مع القرن على جميع الحوافر بحيث تجعل لون الظلال الداكن على الجزء الأسفل من الحوافر.

هذه الإضافات الأخيرة من التوهج الداخلي وتأثيرات الظلال منحت التصميم أبعادًا وعمقًا إضافيًّا. المزيد من الظلال وتسليط الإضاءة منح الشخصية بعض الواقعية حتى وإن كانت مصمّمة بالأشكال الأساسية فقط كالسيد حيوان الرنّة هنا.

ترجمة -وبتصرّف- للمقال: Create a Cute Vector Reindeer Character in Illustrator  لصاحبه: Chris Spooner.

اتبع الخطوات في هذا الدرس لإنشاء تصميم دبوس شعار لقناع المصارعة الحرّة. سنقوم بإنشاء تصميم الشعار بالفكتور باستخدام أشكال وعناصر مختلفة قبل سحب التصميم بالكامل إلى قالب لطباعته كدبوس أو زر بقياس 25مم.

سنقوم بتصميم الشعار بناءً على الأقنعة المستخدمة في المصارعة الحرة المكسيكية. عبر دمج مجموعة من الأشكال المختلفة وإضافة بعض الألوان العريضة نستطيع رسم قناع رائع بحجم مُصغّر بحيث نستخدمه كزر شارة.

افتح برنامج إليستريتور وارسم شكلًا بيضويًّا على لوح الرسم. دوّر الشكل البيضوي قليلًا ثم حدد وحرّك النقطة اليسرى للخارج باستخدام أداة التحديد المباشر Direct Selection Tool.

استخدم أداة تحويل النقاط Convert Anchor Point tool لإزالة منحنيات البيزير من النقطة الحادة ثم استخدم أداة إضافة النقاط Add Anchor Point tool لإضافة نقطة إضافية إلى الجزء السفلي الأيسر من المسار. حرّك هذه النقطة الجديدة للداخل قليلًا ثم دوّر المنحنيات قليلًا.

حدّد شكل الدمعة الذي صممناه للتو واذهب إلى القائمة:

Object > Transform > Reflect

واختر الخيار العمودي Vertical.

ضع النسخة على مسافة مناسبة لتُكوّن هذه الأشكال عيني القناع. ارسم دائرة صغيرة وضعها بين هذين العنصرين بحيث تتداخل المسارات بشكل تام.

انتقل إلى نمط الخطوط الخارجية عبر الاختصار CMD+Y وكبّر المنظور لتتمكن من قص المسارات باستخدام أداة المقص Scissors tool. استخدم أداة التحديد المباشر Direct Selection tool لحذف المسارات غير المرغوبة ثم صِل جميع النهايات المفتوحة لتشكيل خط ناعم واحد.

ارسم شكلين بيضويين وضعهما بشكل متداخل مع جزء العينين لإنهاء ما تبقى من خطوط القناع الخارجية.

حدّد الأشكال الثلاثة وادمجها معًا من خيار الدمج Merge في لوحة Pathfinder.

ارسم شكلًا بيضويًّا صغيرًا وحرّك النقطة العلوية للأسفل لتضييق الشكل. دوّر الشكل وضعه كفتحة للعين ثم اصنع نسخة معكوسة وضعها في الجهة المقابلة.

استخدم أداة المُضلّعات Polygon لرسم مثلث وذلك بالضغط على مفتاح السهم السفلي من لوحة المفاتيح لتخفيف عدد النقاط.

حدّد المثلث ثم اذهب إلى القائمة:

Effect > Stylize > Round Corners

وأدخل القيمة 1مم في خانة نصف القطر.

استمر بتحديد المثلث واذهب إلى القائمة:

Object > Envelope Distort > Make with Warp

وحرّك مزلاج الانحناء لنحو 22% للتلاعب بشكل المثلث. الآن اذهب إلى القائمة:

Object > Expand

وحدّد خيار Object فقط لجعل التأثير دائمًا.

ارسم مستطيلًا مستدير الزوايا ليكون الفم ثم امنحه انحناءه صغيرة باستخدام أداة التشويه Envelope Distort tool. تذكّر أن توسّع expand هذا التأثير لتحويله على شكل قابل للتعديل.

الخطوط الأساسية للشكل العام اكتملت وسنتّجه الآن للتلوين. امنح شكل القناع الرئيسي اللون الأحمر ثم أضِف حدودًا بقيمة 0.5pt مع درجة لون أحمر داكنة أكثر.

امنح عناصر الوجه لون تعبئة أزرق عميق ثم أضِف ذات الحدود الحمراء الداكنة لهذه العناصر.

حدّد الخط الخارجي الرئيسي ثم اذهب إلى القائمة:

Object > Path > Offset Path

أدخل القيمة -0.4mm في نافذة الخيارات.

امسح لون التعبئة من الشكل الجديد واستبدل الحدود بحدود بقيمة 0.25pt وفعّل خيار التنقيط وضع القيمتين 1.5pt و1pt في الفراغات الأولى.

حدّد عناصر الوجه الداخلية ثم طبّق ذات العملية الأخيرة Offset Path مع وضع القيمة 0.4mm هذه المرة ثم امنحها ذات خيارات التنقيط للحدود الجديدة.

أضِف دائرة بلون سماوي ليتّضح لنا كيف سيبدو شكل القناع النهائي. استخدم الاختصار ]+CMD+Shift لإرسال الدائرة خلف عناصر القناع الأخرى.

أنشئ مستندًا جديدًا من أجل تصميم قالب الشارة بقياس 35x35mm. باستخدام أداة الدائرة Circle tool انقر على لوح الرسم. أدخل المقاس 35x35mm لإنشاء الدائرة بهذا المقاس واستخدم لوحة المحاذاة Align لتوسيط الدائرة وسط المستند. ارسم ووسط دائرتين بقياس 25x25mm و 23x23mm ثم انقر بالزر الأيمن على هاتين الدائرتين واختر الخيار Make Guides.

عليك أن تأخذ بالاعتبار أن الدائرة الكبيرة 35x35mm ستكون حدود النزيف التي ستلتف للخلف لتشكيل دبوس الشارة. لوّن هذه الدائرة بلون الخلفية الزرقاء. الدائرتان الصغيرتان ستُشكلان حجم الدبوس وهوامش الأمان لتجنب ضياع التصميم عند الحواف. اضبط حجم وموضع القناع داخل هوامش الأمان هذه.

التصميم أصبح جاهزًا للطباعة. يمكنك أخذ التصميم إلى فوتوشوب لقص العمل بحسب الهوامش وإضافة تأثير البروز وذلك لمعاينة النتيجة النهائية التي سيظهر بها العمل.

ترجمة -وبتصرّف- للمقال: How To Create a Mexican Lucha Libre Mask Pin Badge  لصاحبه: Chris Spooner.

في هذا الدرس سنتعلم كيفية تصميم أيقونات خطّية بخطوط فكتور وباستخدام الأشكال الأساسية في برنامج إليستريتور لتستخدمها في واجهة الموقع أو على حاسوبك أو حتى في هاتفك المحمول.

سنبدأ بتصميم أيقونة كاميرا رقمية. افتح برنامج إليستريتور ثم ابدأ ملفًّا جديدًا واستخدم أداة المستطيل Rectangle Tool لرسم مستطيل. ستلاحظ في هذا الدرس أننا لن نستخدم أبعادًا محدّدة بل سنعتمد على الرؤية الفنّية في التصميم ولكن بإمكانك التقيد بأبعاد محددة. ولاختصار الوقت قمتُ بجعل لون الحدود بلون معين وأزلت لون التعبئة.

استخدم أداة التحديد Selection Tool وانقر على دائرة الزوايا ثم اسحبها لتجعل زوايا المستطيل منحنية.

استخدم أداة الدائرة Circle Tool لرسم دائرة وحتى تحصل على الدائرة بشكل صحيح اضغط على مفتاحي Alt و Shift معًا أثناء رسم الدائرة حيث ستحافظ على مركزيّة الرسم وعلى أبعاد الدائرة الصحيحة.

استخدم الأدلّة الذكية لتساعدك في هذا التصميم. ارسم دائرة أخرى بذات الطريقة الأولى مع البدء من مركز الدائرة القديمة واجعل الدائرة الجديدة أصغر بقليل.

كرّر ذات العملية ولكن هذه المرّة ارسم دائرة بنصف حجم الدائرة السابقة.

استخدم أداة الخط Line Tool لرسم خط قُطري ومع الاستعانة بالأدلّة الذكية لن يكون ذلك صعبًا. سيُمثّل هذا الشكل شكل العدسة المغلقة للكاميرا الرقمية.

استخدم أداة المستطيل مستدير الزوايا Rounded Rectangle Tool لرسم فتحة الإضاءة الفورية (الفلاش) واجعل الزوايا بنصف قطر صغير وذلك عبر استخدام مفاتيح الأسهم أثناء سحب الفأرة ورسم الشكل.

ارسم دائرةً صغيرةً تعادل بحجمها ارتفاع المستطيل الصغير المجاور وسنقوم بذلك بمساعدة الأدلّة الذكيّة مجددًا.

ارسم مستطيلًا مستدير الزوايا في القسم العلوي الأيسر من الكاميرا بحيث يكون نصفه ضمن جسم الكاميرا والآخر خارجها.

ارسم مربّعًا صغيرًا مستدير الزوايا بنفس ارتفاع المستطيل المجاور.

اجعل لون تعبئة جسم الكاميرا بالأبيض ثم حدّد المستطيل والمربّع الصغير الخارجين من جسم الكاميرا وأرسلهما للخلف بالاختصار CMD+Shift+[.

ارسم مستطيلًا صغيرًا في الركن الأيسر السفلي من الكاميرا.

انسخ هذا المستطيل مرتين عبر Ctrl+C و Ctrl+F وضع النسختين على نفس المحور العمودي للشكل الأصلي.

ارسم دائرةً صغيرةً يبلغ قطرها ارتفاع المستطيل الصغير الذي رسمناه للتو وباستخدام الأدلة الذكية ضع الدائرة بحيث يكون نصفها خارج المستطيل.

انسخ الدائرة بذات الطريقة التي نسخنا فيها المستطيلات الصغيرة.

حدّد جميع المستطيلات الصغيرة الثلاث والدوائر الصغيرة الثلاث أيضًا واختر الخيار Merge من لوحة Pathfinder لدمج جميع هذه الأشكال معًا.

وبهذا نكون قد انتهينا من تصميم شكل الكاميرا الرقمية. والآن سنتجه لتصميم شكل آخر وهو القلم الذي سيرمز إلى المقالات أو الدروس.

ارسم مستطيلًا نحيفًا بارتفاع كبير (استخدمتُ هنا لونًا مغايرًا وبإمكانك اختيار الألوان التي تناسبك).

انسخ Ctrl+C وألصق في المقدمة Ctrl+F هذا المستطيل مرتين وحرك النسختين لتصطف جميع المستطيلات بجوار بعضها البعض.

ارسم مستطيلًا مستدير الزوايا عرضيًا في الجزء العلوي من المستطيلات الثلاثة وليكن نصف قطر زوايا المستطيل صغيرًا.

ارسم مستطيلًا آخر مستدير الزوايا وهذه المرة فليكن نصف قطر الزوايا كبيرًا واجعل نصفه السفلي يغطي المستطيل العرضي السابق ثم أرسل هذا الشكل للأسفل باستخدام الاختصار CMD+Shift+[.

استخدم أداة القلم Pen Tool لرسم مثلّث يُشكّل رأس القلم وللحصول على مثلث مثالي استخدم الأدلة الذكية لمساعدتك على تحقيق الأبعاد المثالية لهذا المثلث (لا أنفك أذكر استخدام الأدلّة الذكية في كل مرّة ولكن استخدامها في الرسم اليدوي وبدون التقيّد بأبعاد محددة يسهّل عملية التصميم بشكل مذهل).

ارسم دائرةً متوسطة الحجم مركزها هو نقطة رأس المثلث السفلي.

ضاعف شكل المثلث ثم حدّده مع شكل الدائرة واستخدم الخيار Intersect من لوحة Pathfinder لقص الجزء المشترك بين الشكلين.

وهكذا سيبدو القلم بعد الانتهاء من رسمه.

حدّد كل أشكال القلم ثم دوّره باستخدام لوحة Transform بزاوية 45- درجة.

هذا هو الشكل النهائي للقلم.

والآن سنرسم أيقونة سنجعلها تبدو كشخصين للدلالة على الجمع وسنغيّر لون الخط إلى أخضر. ابدأ برسم مثلث كبير باستخدام أداة المضلعات Polygon Tool واجعل قاعدته للأسفل.

استخدم أداة الدائرة مع الضغط على مفتاحي ALT و Shift لرسم دائرة مركزها رأس المثلث.

ارسم دائرةً أخرى أكبر قليلًا من الدائرة الأولى تتشاركان ذات المركز.

حدّد الدائرة الكبيرة والمثلث ثم انقر خيار Minus Front من لوحة Pathfinder لإزالة مساحة الدائرة المتداخلة مع المثلث من المثلث.

حدّد هذا الشكل مع الدائرة ثم انسخ Ctrl+C ثم ألصق في المقدمة Ctrl+F ثم حرّكها لليسار قليلًا وبعدها صغّر حجمها قليلًا.

انسخ الدائرة الكبيرة مجدّدًا ثم ألصقها في المكان في المقدمة ثم كبّرها بشكل طفيف مع استخدام مفتاحي ALT و Shift للمحافظة على موقع مركز الدائرة ونسبة الأبعاد.

حدّد الدائرة الكبيرة الجديدة والدائرة الصغيرة على اليسار ثم استخدم Minus Back من لوحة Pathfinder لتقص شكل الدائرة الكبيرة من الصغيرة.

كرّر ذات العملية مع شكل أعلى الجسم الكبير من نسخ ولصق وتكبير.

مجدّدًا كرّر عملية تحديد شكلَي الأجسام واذهب إلى الأمر Minus Back من Pathfinder وذلك لقص الأشكال من بعضها.

وبهذا يصبح هذا الشكل جاهزًا للاستخدام.

لقد تعلمت في هذا الدرس الطريقة الأساسية لتصميم أيقونات خطيّة باستخدام الأشكال الأساسية وبإمكانك الآن تصميم أشكال أخرى من الأيقونات باستخدام ذات الأسلوب المستخدم في هذا الدرس. ويمكنك استخدام هذه الأشكال الآن كأيقونات بسهولة، يمكنك أن تجعل ألوان التعبئة بيضاء أو تتركها بدون تعبئة ومن الممكن حتى تغيير ألوان الخطوط ولا ننسى أنه بإمكاننا أن نعدّل حجم هذه الأشكال بدون أن تتشوّه لأنها ببساطة رسومات فكتور، كل ما عليك القيام به الآن هو أن تصدّر Export هذه الأشكال إلى صورة PNG وتستخدمها.

انضمّوا إلي في هذه المحاولة الصغيرة لإنشاء علامة تجارية مؤهّلة وبارزة لشكل رأس أسد مُصمّم كشعار فكتور بالكامل باستخدام برنامج إليستريتور. وسوف نتعلّم أيضًا كيفية تخصيص خطٍّ مدهش بالفعل وجعله مترابطًا كليًّا مع تصميم شعارنا.

الإلهام

لقد كنتُ أعبثّ في الإليستريتور وقطعة من الورق في محاولة لتصميم رسم لطيف المظهر لأسد. فخطرت لي فكرة في لحظة بأن أقدّم درسًا تعليميًّا لكم يا أصدقائي حول تصميم شعار بسيط. وهذه هي الصورة التي سنقوم بتصميمها في هذا الدرس.

الدرس

سنبدأ الآن بفتح برنامج إليستريتور. في كثير من التصاميم البسيطة لسنا مضطرين للقيام برسم التصميم المبدئي أو المخطط الأساسي على ورقة قبل البدء بالتصميم على برنامج إليستريتور، بما أن التصميم بسيط وغير معقّد فمن الأفضل تصميمه مباشرة على برنامج إليستريتور بدلًا من إضاعة الوقت على المسودات. لهذا يجب علينا التركيز على إليستريتور وحده.

الخطوة 1

افتح ملفًّا جديدًا في إليستريتور واختر الأبعاد التي تناسبك فهي غير مهمة في الواقع. اختر أداة الدائرة Ellipse Tool عبر الضغط على مفتاح L وارسم شكلًا بيضويًّا معقولًا شبيهًا بالصورة في الأعلى.

الخطوة 2

ارسم دائرة أخرى في مكان آخر على لوح الرسم واسحب النقطة اليمنى إلى اليمين باستخدام أداة التحديد المباشر Direct Selection tool. أضِف هذا الشكل إلى لوحة الفرش Brush palette كفرشاة جديدة واختر خيارات Art Brush. وتأكّد من صحة اتجاه الفرشاة.

الخطوة 3

اضغط B لاختيار أداة الفرشاة Brush tool لرسم خُصل رفيعة من الفرو حول رأس الأسد. لا تقلق حيال المناطق الداخلية للأشكال، إنما ركّز فقط على إنشاء الخطوط الجديدة.

الخطوة 4

عند الانتهاء من إضافة حدود الفرشاة قم بتحديدها جميعًا ثم اذهب إلى القائمة:

Object > Expand Appearance

لتحويلها جميعًا إلى أشكال جامدة. حدّدها جميعًا مجدّدًا مع الشكل البيضوي في الأسفل ثم اختر Unite من لوحة Pathfinder.

الخطوة 5

لعلّ هذا هو الجزء الأصعب من الدرس حيث سيتم تحديد أساس وجه الأسد في هذه الخطوة. وقد ترتكب الكثير من الأخطاء أثناء محاولتك رسم هذا الجزء، لذلك أنصحك باستخدام مسودّة لإنشاء الشكل الدقيق الذي تريده. التقنية المستخدمة هنا هي رسم نصف وجه الأسد ثم تطبيق خيارات التناظر لإكمال شكل الوجه. استخدم أداة القلم Pen Tool وابدأ بالرسم ثم لوّن الشكل باستخدام اللون #F5F5DC.

الخطوة 6

بعد الانتهاء من رسم الشكل الصحيح انسخه وألصقه باستخدام Ctrl+C و Ctrl+F. حدّد هذا العنصر ثم اعكسه بالضغط عليه بالزر الأيمن ثم اختيار القائمة:

Transform > Reflect

ثم اختر الخيار العمودي Vertical في النافذة التي ستظهر ثم اضغط OK. كل ما تبقى علينا فعله هو محاذاة هذا العنصر مع العنصر الآخر وتوحيد هذين العنصرين عبر تحديدهما ثم اختيار Unite من لوحة Pathfinder.

الخطوة 7

اختر أداة القلم Pen Tool وابدأ برسم الخطوط الخارجية لإحدى العينين ولوّنها باللون #DCDEBF.

الخطوة 8

استخدم أداة الدائرة Ellipse Tool لرسم دائرة مثالية عبر الضغط على مفتاح Shift أثناء الرسم. ضعها في موقع مشابه لما في الصورة في الأعلى.

الخطوة 9

حدّد الدائرة والشكل المحيط بها وانسخهما ثم ألصقهما عبر Ctrl+C و Ctrl+F. حدّد النسخ الجديدة واعكسها عبر القائمة من الزر الأيمن Transform > Reflect. ثم اختر الخيار العمودي Vertical من النافذة المنبثقة ثم اضغط OK. كل ما تبقى عليك القيام به هو محاذاتهما مع بعضها البعض. يمكن محاذاتهما مع التصميم ككل عبر جمع Group العينين وتوسيطها بالنسبة إلى لوح الرسم للمحافظة على التناظر.

الخطوة 10

استخدم سلسلة من الدوائر لرسم شوارب الأسد. أعطِ هذه الأشكال ذات اللون المستَخدم في عرف الأسد.

الخطوة 11

استخدم أداة القلم Pen Tool لرسم نصف شكل الجزء السفلي من فم الأسد. والآن استخدم ذات التقنية التي استخدمتها في الخطوات السابقة وانسخ وألصق نسخة من الشكل ثم اعكسها وحاذِها مع الشكل الأساسي ثم أدمج الشكلين معًا. لوّن الشكل النهائي باللون المستخدم في الوجه.

الخطوة 12

لكسر عملية التناظر التي طبّقناها طوال الوقت استخدم أداة التحديد المباشر Direct Selection Tool ثم عدّل مواقع نقاط الجزء الأيمن من شكل الفم السفلي.

الخطوة 13

من جديد استخدم أداة القلم لرسم شبه منحرف مستدير الزوايا وخصلتي فراء واقعيتين أعلى الشكل. حدّد كلا الشكلين ثم طبّق Minus Front من لوحة Pathfinder.

الخطوة 14

اصنع نسخةً عن الشكل واعكسها ثم ضعها في الجهة اليمنى من وجه الأسد.

الخطوة 15

لقد انتهينا من تصميم شكل العلامة التجارية وسنبدأ العمل على تصميم الخط المناسب لشعارنا. سنستخدم خط Banana Brick Font لصاحبه Artmaker. بعد الانتهاء من تحميله وتثبيته على حاسوبك اكتب كلمة ROAR بالأحرف الكبيرة باستخدام هذا الخط.

الخطوة 16

بعد الانتهاء من الكتابة حدّد النص الذي كتبته ثم قم بتوسيعه عبر الاختصار Ctrl+Shift+O من لوحة المفاتيح.

الخطوة 17

لملء الشقوق التي تجعل من هذا الخط فريدًا من نوعه ولكن غير لائقة في هذه الحالة لهذا الشعار سنستخدم بعض الأشكال المستطيلة التي سنقوم بمحاذاتها جنبًا إلى جنب مع الجوانب الداخلية للحروف ثم أدمج النص مع هذه الأشكال باستخدام لوحة Pathfinder.

الخطوة 18

قد نضطر لاستخدام أداة التحديد المباشر Direct Selection Tool لتصحيح أية بقايا أو نقاط غير مرغوبة. لا تنسَ أن تكمل الأشكال ذات الخطوط والمسارات المفتوحة باستخدام أداة القلم Pen Tool.

الخطوة 19

آخر الشقوق على حرفي R يجب أن تزال باستخدام أداة التحديد المباشر لتحريك النقطة للأعلى حتى تتداخل مع الخط في الأعلى. احذف النقطة الإضافية لليمين وأغلق العنصر باستخدام أداة القلم.

الخطوة 20

والآن وبعد أن قمنا بتنظيف الخط استخدم أداة التحديد المباشر لتحديد كافة النقاط التي في الأعلى ثم اضغط على Convert selected anchor points to smooth من شريط الأدوات العلوي.

الخطوة 21

حدّد النقاط السفلية للنص ثم زِد حجم أرجل الحروف لنحو 2px لجعل الحروف قابلة أكثر للتمييز. سيتوجب عليك أن تشمل النقطة الداخلية السفلية من حرف O والمحافظة عليها موحدة. عند هذه النقطة ستقوم بتتبع مسارات خطوط النص يدويًّا للتأكد من عدم وجود أي تلامس بين الخطوط الخارجية للأحرف.

الخطوة 23

أخيرًا استخدم أداة المستطيل Rectangle Tool لرسم مربّع مثالي عبر الضغط على مفتاح Shift أثناء سحب الشكل. حاذِه مع أسفل حروف النص ثم اجعل الزوايا العلوية مستديرة لمنحه ذات المظهر للحروف.

النتيجة النهائية

أتمنى أن تكونوا قد استمتعتم في هذا الدرس وتعلمتم شيئًا مفيدًا أو أكثر أثناء إنشاء شعار. يمكنكم الحصول على ملف الدرس بصيغة EPS من خلال التوجه إلى الصفحة الأصلية للدرس.

ترجمة -وبتصرّف- للمقال: How to create a Lion inspired vector logo design in Illustrator  لصاحبه: Loic Ginet.

هل تساءلت يومًا عن كيفية رسم شخصية زومبي في برنامج ـIllustrator مستعملاً في الغالب أشكالاً بسيطة؟ حسنًا، في هذا الدرس سأشرح لك الطريقة الصحيحة لفعل ذلك.

ستساعد الأشكال البسيطة التي سنستعملها في إضافة حس كرتوني بسيط وعصريّ في نفس الوقت للشخصية. الدوائر البدينة المستعملة لرسم بطنه، جنبًا إلى جنب مع رأسه الضخم وقامته القصيرة تعطيه مظهرًا لطيفًا. (ملاحظة: أنا أستخدم نظام ويندوز، فإذا كنت تستعمل حاسوب Mac ووجدتني أستعمل زر CTRL فاستعمل زر CMD بدلاً منه).

افتح برنامج Adobe Illustrator وابدأ بعمل وثيقة جديدة، سنبدأ برسم رأس وحشنا. وبالنسبة للمهتمين منكم بتطبيق الشرح حرفيًّا (لا تقلقوا أنا مثلكم تمامًا)، سأقوم بذكر المقاسات، لكنك حر إذا أردت تغييرها. ارسم دائرة (بمقاسات 150x150px) واضغط SHIFT+C لتتمكن من استعمال أداة Convert Anchor Point Tool، ثم انقر على نقطة الدائرة السفليّة، ستشكّل هذه الزاوية الحادة ذقن الزومبي، لكننا نحتاج إلى تنعيمها أولاً، باستعمال أداة التحديد المباشر Direct Selection Tool، حدد النقطة السفليّة مرة أخرى وأزحها إلى الأعلى مسافة 30px بالضغط على SHIFT والسهم العلويّ من لوحة المفاتيح. ارسم دائرة أخرى بنفس مقاسات الأول، وحاذِ الاثنين أفقيًّا إلى الوسط ورأسيًّا إلى الأسفل مستعملاً قائمة Align. اجمع Combine الشكلين مستعملاً زر Unite من قائمة Pathfinder.

لدينا الآن تخطيط بسيط لرأس الزومبي ونحن مستعدون لإضافة أذنيه. ارسم شكلاً بيضاويًّا (بمقاسات 30x50px) وباستعمال أداة التحديد المباشر Direct Selection Tool أزح كل نقاط هذا الشكل إلى اليمين مسافة 5px باستثناء النقطة اليسرى، أدر الأذن بزاوية 15° وحرّكها إلى يسار رأس الزومبي. انسخها وألصقها في نفس المكان (CTRL+C ثم CTRL+F) حالما تكون راضيًا عن مكانها، اعكس النسخة الجديدة رأسيًّا وحرّكها إلى يمين رأس الزومبي. اجمع Combine كل الأشكال مستعملاً قائمة Pathfinder.

بما أن الرأس قد اكتمل، نحن مستعدّون الآن لرسم وجه شخصية الزومبي. ارسم شكلين بيضاويين (بمقاسات 20x30px) بجانب بعضهما البعض مع ترك مساحة 10px فيما بينهم، سيكوّن هذان الشكلان عينا الزومبي.

بما أن شخصية الزومبي تجول الشوارع ليلاً بدل النوم فإن مظهرها سيدو متعبًا قليلاً، لنضفي على شخصيتنا هذا المظهر بتحديد الأشكال البيضاوية، ومن قائمة Object اختر Path ثم Offset Path. غيّر قيمة Offset إلى 5px واضغط OK. باستخدام أداة التحديد المباشر Direct Selection Tool احذف النقطتين العليا واليمنى من الشكل البيضاوي الأيسر والنقطتين العليا واليسرى من الشكل البيضاوي الأيمن. اجمع Group الأشكال بتحديدهم والضغط على CTRL+G.

سننهي وجه الشخصية بصناعة فتحات الأنف. ارسم شكلين بيضاوين (بمقاسات 5x10px) مع ترك مساحة 3px فيما بينهم. أزح النقطة اليسرى من فتحة الأنف اليسرى إلى اليسار مسافة 2px وإلى الأسفل مسافة 1px، والآن، أزح النقطة اليمنى من فتحة الأنف اليمنى مسافة 2px إلى اليمين و 1px إلى الأسفل. اجمع Group الشكلين. حدّد العينين وفتحات الأنف وحاذهم أفقيًّا إلى الوسط ورأسيًّا إلى الأسفل مستعملاً قائمة Align.

ستحتاج الآن إلى تحريك فتحتيّ الأنف مسافة 15px إلى الأسفل وجمعهم Group مع العينين. بما أن الوجه قد اكتمل تمامًا الآن، يمكنك محاذاته أفقيًّا ورأسيًّا إلى وسط الرأس. تبدو شخصيتنا محدقة إلى النجوم نوعًا ما حاليًّا، أزح الوجه إلى الأسفل مسافة 10px لجعل الوجه متجهًا إلى الأسفل واجمعه Group مع الرأس.

حان الوقت الآن لإعطاء شخصيتنا جسمها البدين. ارسم دائرة (بمقاسات 110x110px) لتشكّل الجزء العلويّ من الجسم ودائرة أخرى (بمقاسات 150x150px) لتشكّل الجزء السفليّ. حاذِ الدائرتين أفقيًّا إلى الأعلى ورأسيًّا إلى الأسفل، واسحب بعد ذلك باستخدام أداة التحديد Selection Tool الدائرة الكبرى إلى الأسفل مسافة 30px. اجمع Unite الأشكال، حدّد النقطة السفليّة من الجسم واسحبها إلى الأعلى مسافة 30px لتسطيح الجزء السفليّ من الجسم مستعملاً أداة التحديد المباشر Direct Selection Tool. حاذِ الجسم الذي رسمته أفقيًّا إلى الأعلى ورأسيًّا إلى الوسط مع الرأس.

ثم اسحب الجسم إلى الأسفل مسافة 100px وأرسله إلى خلف الوثيقة (SHIFT+CTRL+[).

ستكون وضعية ذراع شخصيتنا كلاسيكية للغاية، مجرد ذراع ممتدة إلى الأمام، لنبدأ بصناعة اليد اليسرى، ارسم شكلاً بيضاويًّا (بمقاسات 55x30px) واسحب النقطتين العليا والسفلى باستعمال أداة التحديد المباشر Direct Selection Tool مسافة 5px إلى الأعلى، ثم ارسم أربع دوائر (بمقاسات 10x10px) متجاورة لتشكّل الأصابع الأربعة ودائرة أكبر قليلاً (بمقاسات 15x15px) لتشكّل الإبهام، باعد بين الدوائر الصغيرة والدائرة الكبيرة بمسافة 5px، حاذِ الإبهام إلى أعلى الأصابع واجمع Group العناصر قبل محاذاتهم أفقيًّا إلى وسط اليد ورأسيًّا إلى أسفلها.

بما أن اليد قد اكتملت، سنكون جاهزين الآن لرسم الذراع اليسرى. ارسم دائرة (بمقاسات 90x90px) واحذف النقطة السفليّة لها، حدّد النقطتين اليسرى واليمنى، انقر بزر الفأرة اليمين واختر Join لتغلق مسار نصف الدائرة. أرسل نصف الدائرة إلى خلفية الوثيقة وحاذها إلى يسار جسم الشخصية، بحيث يختفي نصفها وراء الجسم ويلامس أعلاها ذقن الشخصية. انسخ جسم الشخصية (CTRL+C) واستخدم أداة التحديد Selection Tool لتحدّده (الجسم) مع الذراع. إذا كان لديك نسخة CS5 أو أحدث فاستعمل أداة Shape Builder Tool واضغط دون إفلات زر ALT ثم انقر على المنطقة الواقعة خلف الجسم من الذراع. احذف ما تبقى من الجسم ثم اضغط (CTRL+F) لتلصق الشكل في مكانه، ستحتاج بعد ذلك إلى إعادة ترتيب طبقات الأشكال.

إذا كنت تستخدم نسخة لا تحتوي أداة Shape Builder Tool من الـIllustrator فحدّد الجسم والذراع، ثم اضغط على زر Exclude من قائمة Pathfinder، ألصق الجسم في مكانه وأعد ترتيب الطبقات. حدّد الذراع واليد ثم انسخهما وألصقهما في مكانهما، انقر بزر الفأرة اليمين ثم اختر Transform > Reflect واعكس الأشكال رأسيًّا. حاذِ الذراع اليمنى مع الجزء الأيمن من جسم الزومبي، ستحتاج إلى إعادة ترتيب مكان الذراع بحيث تصبح خلف الجسم، واجمع أخيرًا كل العناصر التي رسمتها حتى الآن (CTRL+G).

نكون قد انتهينا بهذا من نصف الزومبي العلوّي، ونصبح جاهزين لصناعة نصفه السفلي، لرسم ساقيه ارسم مستطيلين (بمقاسات 50x60px) متجاورين مع مساحة 10px من الفراغ بينهما واجمعهم Group. أرسل المستطيلات إلى خلفية الوثيقة قبل محاذاتهم أفقيًّا إلى وسط الزومبي ورأسيًّا إلى أسفله. حدّد الساقين وأزحهم إلى الأسفل مسافة 50px.

لرسم القدم اليسرى ارسم دائرة (بمقاسات 60x60px) واستعمل أداة التحديد المباشر Direct Selection Tool لتحذف النقطة السفليّة. وحّد Join النقطتين اليسرى واليمنى لتغلق مسار الدائرة (انقر بزر الفأرة اليمين واختر Join من الخيارات المنسدلة في القائمة) رسم الأصابع مشابه جدًا للخطوات التي اتبعناها سابقًا لصناعة أصابع اليد.

ارسم أربع دوائر متجاورات (بمقاسات 10x10px) ثم ارسم الإصبع الأكبر برسم دائرة (بمقاسات 20x20px) ووضعها يمين الدوائر الأربعة الأخرى. حاذِ كل الأصابع رأسيًّا إلى الأسفل واجمعهم Group. والآن، حدّد الأصابع والقدم وحاذهم أفقيًّا إلى الوسط ورأسيًّا إلى الأسفل. لنجعل مظهر القدم دائريًّا أكثر، أزح الأصابع إلى الأسفل مسافة 5px. ستلاحظ زاوية صغيرة لنصف دائرة تظهر بجانب الإصبع الأكبر، لنقم بحذفها. حدّد كل الدوائر. كما شرحنا مسبقًا، إذا كانت أداة Shape Builder Tool متاحة لديك فاضغط زر ALT دون إفلات وانقر على الزاوية لحذفها، وإذا لم تكن كذلك، فانسخ الأصابع (CTRL+C)، اضغط زر Minus Front من قائمة Pathfinder، احذف الزاوية ثم ألصق الأصابع في مكانها (CTRL+F) انسخ القدم المكتملة ثم ألصقها في مكانها قبل النقر بزر الفأرة اليمين واختيار Transform > Reflect، ستحتاج إلى تحديد الخيار Vertical قبل ضغط OK ضع القدم اليمنى التي رسمناها للتوّ بجانب اليسرى بحيث يتلامسان في نقطة واحدة ثم اجمعهم Group معًا. حاذِ القدم إلى أسفل ساقيّ الزومبي.

لقد بدأت شخصية الزومبي بأخذ شكلها الآن، كل ما تبقى لنا هو إضافة الألوان، إعطاؤه ملابس رثة، ضبط الحدود الخارجية لإضفاء العمق وبعض التظليل. اختر درجة خافتة من اللوّن الأخضر لجلده، لأن وحوش الزومبي تكون في حالة تعفن دائمة، واختر درجة أخفت من اللوّن الأخضر لكي نستعملها كحد خارجي لاحقًا، لقد استعملت درجة أخفت من اللوّن الأخضر لفتحات الأنف لإضفاء مظهر الثغرة الغائرة عليهم.

اختر جسم الزومبي (قد تحتاج إلى الضغط مرتين بما أن العناصر مجمّعة Grouped حاليًّا)، ثم أضف تشققات حادة -خشنة- لأسفل قميص الشخصية باستعمال أداة Pen Tool، أغلق المسار بالضغط على النقطة التي بدأت منها حالما تكون راضيًا عن التشققات التي رسمتها. حدّد الجزء المشقّق من القميص الذي رسمته لتوّك واجمعه Combine مع الجسم مستعملاً زر Unite من قائمة Pathfinder.

نحن الآن جاهزون لإعطاء شخصيتنا أكمامها المتشققة. حدّد ذراع الزومبي اليسرى، إذا كنت تستعمل نسخة CS5 منIllustrator أو أحدث فاضغط على أداة Draw Inside واستعمل أداة ـPen Tool لترسم كمًّا متشقّقًا، تذكّر إغلاق المسار حين تكون راضيًا عمّا رسمت. إذا كنت تستعمل نسخة أقدم من Illustrator، فانسخ الذراع اليسرى واستعمل أداة Pen Tool لترسم كمًّا متشقّقًا. حدّد الكمّ والذراع واضغط على زر Intersect من قائمة Pathfinder. ألصق الذراع في مكانها وأعد ترتيب الطبقات. أعد هذه العملية لترسم الكمّ الأيمن، واستخدم هذه التقنيات لترسم تشقّقات السروال.

تفاصيل الزومبي قد اكتملت الآن، لنقم إذًا بتنويع مقاسات العرض الخاصة بالحدود لإضفاء عنصر العمق. حدّد كل ما رسمته من الزومبي ثم انسخه وألصقه في مكان مختلف داخل الوثيقة، احذف تشققات الأكمام والبنطال إذا كنت تستعمل أداة ـShape Builder Tool، تبدو هذه العملية قديمة نوعًا ما لكنك ستحصل على نتائج غير مرجوّة إذا لم تتبع الخطوات القادمة، والآن، حدّد الزومبي واضغط زر Unite من قائمة Pathfinder.

استعمل للزومبي نفس لون الحد الأخضر الغامق الذي اخترناه سابقًا، يفترض أن تحصل الآن على شكل ظلّي للزومبي. حدّد هذا الظل ثم اختر من قائمة:

Object > Path > Offset Path

وفي القائمة المنبثقة اضبط قيمة Offset إلى 5px واضغط OK، احذف شكل الزومبي الداخليّ وحاذِ الظل مع شكل الزومبي الأصلي. لنضف الآن المزيد من العمق بزيادة سمك حدّ عناصر الزومبي إلى 2px باستثناء تشققات الأكمام، البنطال، والشحوب أسفل عينيّ الزومبي، اجعل حد هذه العناصر 1px فقط.

لنقم الآن بإضافة شيء من التظليل لشخصيّتنا. انسخ شكل رأس الزومبي وألصقه في مكانه. أزحه إلى الأعلى مسافة 10px وحدّد النسخة والشكل الأصلي معًا قبل الضغط على زر Minus Front من قائمة Pathfinder. حدّد الشكل الناتج، احذف الحد واختر Multiply لنمط الدمج Blending Mode من قائمة Transparency مع تعديل الشفافية إلى قيمة 50%. اضغط CTRL+F من لوحة المفاتيح لتلصق الرأس الأصلي ثم أعد ترتيب الطبقات.

لتضيف تظليلاً أسفل ذقن الزومبي انسخ الظل الذي رسمته للتوّ وحدّد الجسم. ألصق الظل في مكانه وأزحه إلى الأسفل مسافة 10px. انسخ الجسم وألصقه في مكانه، حدد الظل مع الإبقاء على تحديد الجسم وقاطع الأشكال-اضغط زر Intersect- مستعملاً قائمة Pathfinder. لوّن الظل بنفس اللوّن الذي استعملناه سابقًا للحد واضبط خيار الدمج Blending Mode إلى Multiply وقيمة الشفافية Transparency إلى 25%. لإضافة التظليل إلى الأطراف، انسخ وألصق الذراعين والساقين مستعملاً نفس الإعدادات التي اخترناها لتظليل الذقن.

استعمل أداة ـPen Tool لتضيف تظليلاً إلى الجسم أسفل ذراع الزومبي اليسرى، حالما تكون راضيًا عن شكل التظليل قاطعه Intersect مع شكل الجسم مستعملاً قائمة Pathfinder (تذكر نسخ ولصق شكل الجسم في مكانه قبل الضغط على زر Intersect) انسخ واعكس Reflect التظليل إلى الجزء الأيمن من جسم الزومبي.

لننتهي من هذه الشخصية بإضافة القليل من اللعاب. ارسم دائرة (بمقاسات 5x5px) واضغط SHIFT+C من لوحة المفاتيح لتفعّل أداة Anchor Point Tool قبل الضغط على نقطة الدائرة العلويّة، والآن، مستعملاً أداة التحديد المباشر اسحب أعلى نقطة من الدائرة مسافة 40px إلى الأعلى. أعطِ هذا الشكل درجة فاتحة من اللون الأزرق ودرجة أغمق لحده قبل ضبط درجة شفافيته Transparency إلى 60%. ضع اللعاب السائل حيثما يفترض بالفم أن يكون.

لقد اكتملت شخصية الزومبي! لقد أحيت قياسات العرض المختلفة للحدود والظلال وحش الزومبي هذا، حسنًا، بهذا نكون قد انتهينا، أتمنى أن تكون قد استمتعت باتباع هذا الشرح كما استمتعت أنا بصناعته.

ترجمة -وبتصرّف- للمقال Create a zombie character in Illustrator لصاحبته Liz Canning.

في هذا الدرس سنتعلم كيفية رسم شخصية وحش لطيفة برسومات متجهة.

هذا هو ما سنرسمه، أو لنقل، من سنصنعه. ستساعدنا أشكال الـIllustrator البسيطة في إضفاء مظهر نظيف ومشابه للرسومات الكرتونية على وحشنا، مما يضيف أيضًا المزيد من اللطف لشخصيتها.

لنبدأ برسم جسم وحشنا، افتح برنامج Illustrator وأنشئ طبقة جديدة، ارسم باستخدام أداة الشكل البيضاوي Ellipse Tool شكلاً بيضاويًا بقياسات 165x185px، ثم استخدم أداة التحديد المباشر Direct Selection Tool لتسحب النقطة السفلية إلى الأعلى 80px (تستطيع تسريع هذه العملية بالضغط المستمر على SHIFT واستخدام السهم العلوي) وتحصل بهذا على انحناء داخليّ أنيق.

ارسم دائرة بقياسات 155x155px لتشكّل الفك، اجعل ترتيب هذه الدائرة المرئي في آخر الوثيقة (باستخدام SHIFT+CTRL+[ أو SHIFT+CMD+[ إذا كنت تستعمل Mac) وحاذِها أفقيًّا إلى مركز الشكل البيضاوي وعموديًا إلى أعلاه باستخدام قائمة Align. أظن أن الفك السفلي سيبدو أفضل إن رفعناه قليلاً، اسحب الدائرة إلى الأعلى لمسافة تقارب 5px باستخدام أداة التحديد Selection Tool أو حتى تكون راضيًا عن المظهر العام الناتج.

سنحتاج إلى مسح التداخل بين الشكلين، اختر جميع أشكال الجسم واستخدم أداة بناء الأشكال Shape Builder Tool، اضغط دون إفلات زر ALT (يفترض أن تتحول إشارة الجمع الظاهرة أسفل المؤشر إلى إشارة السالب) واضغط على منطقة التداخل أعلى الأشكال التي رسمناها لحذفها.

إذا كنت تمتلك إصدار CS4 أو أقدم فإنك ستحتاج إلى استخدام زر التقسيم Divide من قائمة الـPathfinder قبل حذف التداخل. ستحتاج بعدها إلى دمج شكل الجسم العلوّي باستخدام زر الدمج Unite بما أنها قد قُسّمت في الخطوة السابقة.

لنبدأ الآن برسم العين، ارسم ثلاث دوائر (بقياسات 70x70px ،35x35px و 15x15px) ثم حاذها أفقيَّا ورأسيَّا إلى الوسط باستخدام قائمة Align. غيّر لون الدوائر ذات الحجم المتوسط إلى الأسود واجعلها بلا حد، سيسهّل هذا علينا معرفة ما نحاول الوصول إليه. اختر أصغر الدوائر الثلاثة وحرّكها إلى الأعلى واليمين حوالي 10px، ثم باستخدام قائمة Pathfinder اطرحها Subtract من الدائرة السوداء عبر الضغط على زر Minus Front.

اجمع كل عناصر العين معًا (CTRL+G) ثم حاذها أفقيًّا إلى الوسط ورأسيًّا إلى أعلى جسم وحشنا. اسحب العين إلى الأسفل مسافةَ 20px أو حسب القدر الذي تجده مناسبًا.

بما أن المفترض هو أن شخصية الوحش التي نرسمها أنثى، فسنحتاج إلى إعطائها بعض الرموش. ارسم مثلثًا (بقياسات 5x10px)، اضغط زر الفأرة اليمين واختر Transform > Transform Each من القائمة المنبثة (ALT+SHIFT+CTRL+D). غيّر قيمة Move الأفقية في صندوق الحوار إلى 10px ثم اضغط Copy. اضغط CTRL+D (CMD+D إذا كنت تستعمل حاسوب Mac) عدة مرات لتعيد عملية الـTransform حتى تحصل على ستة مثلثات متساوية المساحات

اجمع المثلثات معًا ثم من قائمة Effect اختر Wrap ثم Arc. اضبط قيمة الانحناء الأفقي Horizontal Bend إلى 50% ثم اضغط على زر OK. حدّد الرموش واختر من قائمة Object خيار Expand Appearance. أخيرًا، حاذِ الرموش بحيث يصبح مكانهم فوق العين مباشرة.

نحن الآن مستعدّون لإعطاء وحشنا قرونًا. ارسم دائرة (بقياسات 50x50px) واستخدم أداة التحديد المباشر Direct Selection Tool لسحب النقطة العلوية إلى الأعلى مسافةَ 50px، ثم اسحب النقطة اليمنى واليسرى إلى الأسفل مسافةَ 10px. اختر من قائمة Effect خيار Wrap ثم Arc مرة أخرى، لكننا هذه المرة سنضبط قيمة الانحناء الرأسي Vertical Bend إلى 25% قبل الضغط على OK.

قم بعمل Expand للشكل باستخدام زر Expand Appearance من قائمة Object ثم أدرها بزاوية 15° عبر النقر بزر الفأرة الأيمن واختيار Transform من القائمة المنبثقة. أرسل القرن إلى خلفية الوثيقة قبل اختياره وباقي الوحش ومحاذاتهما إلى الأعلى رأسيَّا واليسار أفقيًّا باستخدام قائمة Align. اسحب القرن إلى اليمين مسافة 5px تقريبًا وإلى الأعلى مسافة 10px، أو حتى تقتنع بالمكان المناسب لها.

لا نستطيع ترك مظهر أنثى الوحش التي رسمناها هكذا، إنها مائلة نوعًا ما، انسخ وألصق القرن في نفس المكان (CTRL+C ثم CTRL+F)، انقر بزر الفأرة اليمين على النسخة ثم اختر Transform وقم بالعكس من القائمة المنبثقة. تأكد أن محور العكس رأسي ثم اضغط OK. اجعل موضع القرن الجديد متناظرًا مع القرن الأول.

ما رأيك بإعطاء الوحش الذي نرسمه أسنانًا؟ لن تكون مرعبة بدون أسنان، الوحوش الجميلة أيضًا ستحتاج إلى المقدرة على الخروج وإخافة البعض. هذه العمليّة ستكون مشابهة جدًا لعمليّة رسم القرون. ارسم دائرة (بقياسات 30x30px) واسحب النقطة السفلية هذه المرة إلى الأسفل مسافةَ 50px. قم بلوي السن باستخدام خيار Wrap من قائمة Effect، مع ضبط قيمة الانحناء الرأسي Vertical Bend إلى 25% قبل إجراء عملية Expand Appearance.

حاذِ السن رأسيَّا إلى الأعلى وأفقيًّا إلى يسار الوحش باستخدام قائمة Align. بعدها، اسحب السن إلى الأسفل حوالي 55px وإلى اليسار ما يقارب 10px. انسخ وألصق السن في مكانه قبل عكسه رأسيَّا ووضعه في الجانب المقابل لفم الوحش. بعد تحديد الأسنان التي رسمناها انسخ الأسنان وألصقها في أماكنها قبل النقر بزر الفأرة اليمين واختيار إجراء Transform ثم Scale من النافذة المنبثقة. اضبط قيمة Uniform إلى 80% ثم اضغط OK.

اجمع الأسنان معًا واجعلها أسفل فم الوحش وأعلى الفك السفلي (ستحتاج لعمل هذا إلى فك تجميع عناصر الجسم Ungroup أو النقر بالفأرة عدة مرات حتى يصبح شكل الرأس منعزلاً Isolated). أخلِ بعض المساحة بحيث لا تتلامس الأسنان (سيكون سحب السن الداخلي 5px كافيًا) ثم التأكد من أنهم متحاذون وسطيًّا مع جسم الوحش.

نحن الآن مستعدون لرسم القدم. سنبدأ بالأصابع، ارسم دائرة (بمقاسات 20x20px) ثم استخدم أداة التحديد المباشر Direct Selection Tool لتسحب النقاط العلوية والسفلية إلى الأعلى مسافة 5px، بعدها، ارسم شكلاً بيضاويًا (بمقاسات 3x10px) ليكوّن ظفرًا وحاذه إلى الوسط أفقيًّا وأسفل الإصبع رأسيَّا قبل سحبه إلى الأسفل قليلاً (يفترض أن تفي مسافة 2px بالغرض).

اصنع نسختين من الإصبع وضعها بجانب بعضهما البعض مع شيء من التداخل. اجعل ترتيب الإصبع الوسطى في مقدمة الوثيقة (بالضغط على SHIFT+CTRL+]) واسحبه إلى الأسفل مسافة 2px قبل تجميع Group الأصابع. لرسم القدم ارسم دائرة (بمقاسات 35x35px) واحذف نقطتها السفلية مستعملاً أداة التحديد المباشر Direct Selection Tool، لدمج Join النقطتين اليسرى واليمنى، حدد النقطتين وانقر بزر الفأرة اليمين ثم اضغط على الخيار Join من القائمة.

قم بمحاذاة الأصابع إلى الوسط أفقيًّا وإلى أسفل القدم رأسيَّا قبل سحبها إلى الأسفل حوالي 10px. لرسم الساق ارسم مستطيلاً (بمقاسات 6x30px) وحاذه أفقيًّا إلى الوسط ورأسيَّا إلى أسفل القدم، اسحب الساق إلى الأعلى ما يقارب 20px ثم ادمجها مع القدم مستعملاً زر Unite من قائمة الـPathfinder واجمعها Group مع الأصابع.

اجعل الساق في الجزء الخلفي من الوثيقة قبل محاذاتها إلى أسفل ويسار وحشنا، ثم اسحبها إلى الأسفل 40px وإلى اليمين 25px. انسخ وألصق الساق في مكانها واسحبها إلى اليمين مسافة 60px. اجمع الساقين معًا (Group) وتأكد من توسطهما جسم الوحش.

كل ما تبقى لنا هو إضافة بعض الألوان والقليل من التفاصيل لوحشنا اللطيف الصغير. حالما تضيف الألوان زد من ثخانة الحد Stroke إلى 2px حتى تُظهر الحد الخارجي أكثر. وبالنسبة للتفاصيل، حدّد رأس الوحش واستعمل أداة الرسم الداخلي Draw Inside Tool لتضيف بعض الدوائر المنوّعة في في أطوال أقطارها واجعل لونها أغمق من لون الجسم.

إذا كنت تستخدم برنامجًا من نسخ الـCS التي لا تحتوي أداة الرسم الداخلي (نسخة CS4 وما قبلها)، حدّد الدوائر وانقر بزر الفأرة اليمين ثم اختر Make Compound Path من القائمة المنبثقة. انسخ الرأس (CTRL+C) وألصقه، مستمرًا في تحديدها حدد الدوائر واضغط على زر القطع Intersect من قائمة الـPathfinder. ألصق الرأس خلف مكانه الأصلي (CTRL+F) وأعد ترتيبه بحيث يتموضع خلف العين. قد تحتاج إلى استخدام قائمة Stroke لتحاذي الحد خارجيًا كيلا تتداخل حواف الدوائر.

لا بأس بهذا، إذا أردت اتباع القسم الإضافي في نهاية الدّرس فاستخدم هذه الطريقة عوضًا عن أداة الرسم الداخلي Draw Inside Tool.

أخيرًا، أضف بعض التظليل للقرون، حدّد القرن الذي يقع على يسارك واضغط على زر Unite من قائمة Pathfinder (وهذا ضروري لأننا فصلنا تعبئة وحدّ القرن سابقًا أثناء إزاحة مظهر Expand appearance القرن). انسخ وألصق القرن في مكانه قبل تحريك النسخة إلى اليسار مسافة 10px. حدّد الشكلين معًا واختر من قائمة Pathfinder زر Minus Front. اضغط من لوحة المفاتيح على زرّي CTRL+F لتلصق القرن الأصلي في مكانه واضبط تموضع الطبقات حدّد تظليل القرن، احذف الحد وحول خيار دمجه Blending mode إلى Multiply مستعملاً قائمة Transparency. كرّر هذه العملية للقرن الآخر مع عكس الإجراءات التي اتخذتها بحيث تجعل النسخة الأخرى متجهة إلى اليسار لا اليمين.

ألا يبدو وحشنا رائعًا؟ كل ما تبقى لك لتفعله هو إعطاؤها اسمًا وقصة شخصيّة.

القسم الإضافي

تود إضافة مظهر الزومبي إلى وحشنا اللطيف الصغير؟ حسنًا، أنت محق، سيكون هذا ممتعًا.

أول ما يجب أن تقوم به هو تغيير ألوان الوحش، فاللون الزهري لا يناسب وحوش الزومبي عمومًا.

والآن، دعنا نعمل على العين، فهي محببة زيادة عن اللزوم حاليًا، احذف بؤبؤ العين وارسم مستطيلاً دائريّ الزوايا (بمقاسات 35x5px) مع التفاف للزوايا مقداره يساوي 5px. انسخ وألصق المستطيل دائريّ الزوايا في مكانه قبل تدويره بزاوية 45° ودمج الأشكال باستعمال زر Unite من القائمة Pathfinder. أدِر الشكل المدموج بزاوية 45° وضعه في مركز عين الوحش.

لنضف القليل من اللعاب. لا تشتهر وحوش الزومبي عادة بأدب تعاملهم الرفيع، ولا حرج ببعض قطرات اللعاب لذلك. استعمل أداة PenTool لترسم حد اللعاب الخارجي، مع تلطيف الزوايا الحادة مستعملاً ـSmooth Tool. حالما تكون راضيًا عن الشكل الذي رسمته، أعد ترتيب اللعاب إلى الوراء بحيث تصبح خلف الرأس والأسنان وأمام الفك السفلي. أزِل الحد الخارجي ولوّن اللعاب بلون يتناسق مع الجسم قبل تغيير خيار دمجه Blending mode إلى Multiply مع درجة 75% للعتامة مستعملاً قائمة Transparency.

يبدو مظهر وحشنا مصقولاً بعض الشيء، لنعطه مظهرًا أكثر حدة. ارسم ثلاث دوائر (مقاساتها 25x25px) وضعها بجانب بعضها البعض مع شيء من التداخل قبل دمجهم مستعملاً زر Unite من القائمة Pathfinder. أدِر الأشكال المدمجة بزاوية -25° وحاذها أفقيًّا إلى اليسار ورأسيَّا إلى أسفل الوحش. اسحب الدوائر إلى اليسار بما يقارب 20px وإلى الأعلى حوالي 55px ثم احذفها من رأس الوحش مستعملاً زر Minus Front (كما ذكرنا سابقًا، ستحتاج إلى اتباع وسيلة الـPathfinder لرسم بقع الوحش، عوضًا عن استخدام أداة الرسم الداخلي Draw Inside Tool لتحصل على النتائج المرجوة).

وبهذا نكون قد انتهينا، لقد أضفينا مظهر الزومبي إلى وحشنا.

ترجمة -وبتصرّف- للمقال Create a cute vector monster in Illustrator لصاحبته Liz Canning.

إنّ الخطوط الكِفافِيّة تستخدم في الجغرافيا لإنشاء الخرائط الطبوغرافية التي تُظهر ارتفاع المساحات الأرضية. هذه الخطوط الكِفافِيّة تصنع سلسلة من الأشكال متّحدة المركز (إلى جانب أهميتها في صناعة الخرائط) وتبدو رائعة. في درس الإليستريتور اليوم سأريكم كيفية استخدام أداة المزج لإنشاء سلسلة من الأشكال بنمط الخطوط الكِفافِيّة. هذا الدرس ليس فقط حول إنشاء تأثير خريطة كِفافِيّة عظيمة بل تفتح الباب أمام أفكار عظيمة لجميع أنواع تصاميم الخلفيات المعقّدة على أساس نفس العملية.

بالمقارنة مع خطوط الخرائط الكِفافِيّة الحقيقية فإنّ نتائج هذا التأثير ليست دقيقة تمامًا. منظر هذه الخطوط جنوني للغاية. بكل الأحوال فإنّ هذا التأثير يصنع خريطة طبوغرافية واضحة وظاهرة ما يجعلها مثالية لإنشاء خلفية لأي نوع من التصاميم للاستخدام الخارجي.

افتح ملفًّا جديدًا ببرنامج الإليستريتور وارسم مستطيلًا يغطي لوح الرسم. لوّنه باللون الأزرق الداكن ليكون خلفية الخريطة. أقفل هذا العنصر في المكان باستخدام CMD+2 لتجنب إمكانية تحديده أو اختياره.

انقر مرتين على أداة قلم الرصاص Pencil tool لتعديل الإعدادات. عدّل الدقة والنعومة إلى نحو 3px و 8% ولكن عدّل هذه الإعدادات لتتناسب مع ما تفضّل في حال لم يتحرّك قلم الرصاص بالسلاسة التي كنت ترغب بها. فعّل خياري Keep Selected وEdit Selected Paths.

مع هذه الإعدادات ارسم شكلًا عشوائيًّا باستخدام أداة قلم الرصاص Pencil tool. لن تكون لديك فرصة كبيرة في رسم شكل مغلق إلّا إذا كنت دقيقًا أو محظوظًا. لا تقلق بشأن هذا، هنا ستساعدك إعدادات قلم الرصاص.

ارسم ببساطة الجزء الأخير من الشكل بأداة القلم الرصاص. البرنامج سيضبط المسار ويوصل النهايتين المفتوحتين لإتمام الشكل. لوّن هذا الشكل بحدود صفراء فاتحة.

استخدم أداة القلم الرصاص لرسم شكل أكبر بكثير من الأصلي. أعِد رسم نقاط النهايات المفتوحة لتوصيلها معًا وإصلاح الخلل الحاصل بسبب عدم إغلاق الشكل.

حدّد كلا الشكلين ثم اذهب إلى القائمة:

Object > Blend > Make

ثم عُد مجدّدًا إلى القائمة:

Object > Blend > Blend Options

بدّل خيار المسافة إلى Specified Steps وبدّل القيمة لتشكيل سلسلة من الخطوط الكِفافِيّة بين الخطّين.

في المثال يوجد بعض الخلل البسيط في بعض الخطوط. حدّد أحد الخطّين الأصليين وعدّل المسار باستخدام أداة القلم الرصاص لتنعيم أي مناطق غير متناسقة.

ارسم خطيّن عشوائيين آخرين في مكان آخر في المستند وكرّر العملية لمزجهم معًا.

عد إلى إعدادات خصائص المزج لتغيير عدد الخطوط الممزوجة لضبط ارتفاع تلك المنطقة في الخريطة.

جرّب إنشاء أشكال نحيفة وطويلة وبمسارات إضافية لإنشاء تأثير مزج مثير للاهتمام.

ابدأ بإنشاء الخطوط الممزوجة بدءًا من الشكل الأكبر لترسم أشكالًا محاذية تمامًا للأشكال القائمة أصلًا. استخدم إمكانية أداة قلم الرصاص على التعديل لإنشاء مسارات دقيقة.

في بعض الأحيان قد تحصل على خطوط ممزوجة غير مرغوبة بسبب تكسّرها أو تداخلها مع بعضها. بدلًا من الضغط على CMD+Z للتراجع، عدّل الأشكال ببساطة وشاهد الخطوط الممزوجة يتم تعديلها آليًّا.

من الممكن استخدام أداة التحديد المباشر Direct Selection tool لتحديد وتحريك الخطوط الداخلية أو الخارجية طالما تضبط خطوط المسار يدويًّا. سيتم تعديل الخطوط الممزوجة مباشرة بناء على هذه التعديلات.

عندما يتم ملء معظم مساحة المستند بالعناصر الممزوجة ابدأ برسم الفجوات بينها. تذكّر أن ترسم الخط بشكل تقريبي ثم عدّله باستخدام أداة القلم الرصاص.

المناطق الصغيرة من الخطوط الكِفافِيّة يمكن إنشاؤها بسهولة باستخدام أداة القلم الرصاص، هذا سيسمح بملء المساحات الفارغة في المستند بأشكال دقيقة.

إنّ رسم الخطوط يدويًّا سيكون مثيرًا أكثر للاهتمام بدون اللجوء إلى إنشاء الخطوط باستخدام أداة المزج.

بالنسبة للمناطق القريبة من حواف المستند قم بمزج مسارين مفتوحين بشكل معاكس لإكمال الأشكال.

إنّ ضبط عدد الخطوات في خصائص المزج يحدد مظهر الخطوط في الانحدار والاضمحلال.

استمر في رسم العناصر إلى أن تملأ كافة الفجوات الصغيرة في المستند حتى يكون كل شيء على ما يرام.

حدّد الكل عبر CMD+A ثم اذهب للقائمة:

Object > Expand

حدّد خيار Object فقط ثم اضغط موافق. هذا الأمر سيحوّل كافة الخطوط الممزوجة إلى عناصر قابلة للتعديل.

اذهب مجدّدًا للقائمة:

Object > Expand

ولكن هذه المرة حدّد خيار Stroke فقط. كل المسارات ستتحوّل إلى أشكال ممتلئة.

ارسم مستطيلًا عبر كامل المستند بدون لون تعبئة أو حدود ثم اضغط CMD+A لتحديد الكل. انقر على خيار القص Crop من لوحة Pathfinder لقص الخطوط الكِفافِيّة الخارجة عن حدود المستند.

تأثير فكتور الخطوط الكِفافِيّة جاهز الآن للاستخدام في أعمالك الأخرى الخارجية ولكن حتى ننتهي من العمل عليه سننتقل إلى الفوتوشوب لندمجه مع خامات الورق القديم لإنشاء مظهرٍ قديمٍ بالٍ.

انسخ وألصق التصميم داخل مستند فوتوشوب ثم أدخِل خامة ورق مهترئ في طبقة جديدة.

غيّر خصائص المزج للسماح للخريطة الكِفافِيّة بالظهور من خلال خامة الورق. استخدم فرشاة جرونجي رقيقة للرسم فوق الخطوط الكِفافِيّة مستخدمًا ذات لون الخلفية الأزرق الداكن لمسح أجزاء من الخطوط لصنع تأثير الاهتراء.

هذه الخريطة الطبوغرافية بالخطوط الكِفافِيّة هي واحدة من أنماط عديدة يمكن إنشاؤها باستخدام أداة المزج اليدوي في الإليستريتور. وبدمجها مع بعض الخامات البسيطة في الفوتوشوب سيتم إنشاء تأثير الخريطة الحقيقية.

ترجمة -وبتصرّف- للمقال: How To Create a Contour Map Effect in Illustrator     لصاحبه: Chris Spooner.

اتبع الخطوات في هذا الدرس لتتعلم كيفية تصميم شخصية وحش فكتور ظريف ببرنامج Illustrator. سوف نستخدم الأشكال الأساسية لنصمم هذا الشكل المحبب لهذه الشخصية وسنضيف إلى هذا التصميم الحيوية عبر التدرجات اللونية وتأثيرات تفاصيل الفرو.

وحش الغابة الخرافي الذي سنصمّمه مصنوع من الكثير من الأشكال المستديرة البسيطة ما يمنحه مظهرًا لطيفًا. العينين الكبيرتين بالمقارنة مع حجم الجسم هي ما تمنح هذه الشخصية الشكل المُحبب واللطيف.

افتح برنامج Adobe Illustrator وارسم شكلًا بيضويًّا عل لوح الرسم. استخدم أداة التحديد المباشر Direct Selection tool لتحريك النقطة السفلية عموديًّا للأعلى لجعل الحافة السفلية مسطّحة.

حدّد النقطة العلوية واسحبها عموديًّا للأعلى.

ارسم دائرةً داخل شكل الجسم باستخدام أداة الدائرة Circle tool لتكون العين. انسخ CMD+C وألصق في المقدمة CMD+F نسخةً عن الدائرة ثم صغّر حجمها مع الضغط على Shift و Alt.

اصنع نسخةً عن أشكال العين ثم اجمعها Group معًا. حدّد العين مع شكل الجسم ثم انقر مرة ثانية على شكل الجسم لجعله العنصر المفتاح. استخدم لوحة المحاذاة Align palette لتوسيط العناصر إلى بعضها.

ارسم شكل الفم البيضوي ثم استخدم أداة التحديد المباشر Direct Selection tool لخفض وتسطيح الحافة العلوية منه.

حدّد شكل الفم ثم اذهب للقائمة:

Object > Path > Offset path

وأدخِل القيمة 3mm في نافذة الخيارات. انقر بالزر الأيمن على الشكل واختر Ungroup.

ارسم شكلين بيضويين صغيرين كأسنان ثم اصنع نسخةً عن شكل الفم الداخلي. استخدم هذا الشكل كأداة مع لوحة Pathfinder لقص الأسنان ضمن مساحة الفم.

اجمع الأشكال الثلاثة حيث ستكون قدم بسيطة، ثم أرسلهم خلف الشكل الأساسي بالاختصار CMD+Shift+[.

ارسم دائرة سوداء في مكان آخر على لوح الرسم ثم اسحب النقطة اليمنى أفقيًّا للخارج. استخدم أداة Convert Anchor Point tool الموجودة ضمن أدوات القلم Pen لجعل تلك النقطة التي سحبناها حادةً ثم اضغط أيقونة 'new' أسفل لوحة الفُرش Brushes palette.

تأكّد من أن اتجاه الفرشاة صحيح من خيارات الفرشاة، ثم بدّل نمط التلوين إلى Tints.

استخدم هذه الفرشاة بأداة الفرشاة Brush tool لرسم سلسلة من الخطوط حول حواف الشخصية.

حدّد واحدةً من أشكال الفرشاة السوداء ثم اذهب للقائمة:

Select > Same > Appearance

ثم اذهب للقائمة

Object > Expand Appearance

لتُحوّل الحدود إلى أشكال صلبة.

مع الضغط على مفتاح Shift انقر على شكل الجسم لإضافته إلى التحديد ثم اختر خيار Merge من لوحة Pathfinder لمزج كافة الأشكال معًا.

لوّن الشكل باللون البني ثم أضف تأثير التوهج الداخلي Inner Glow مُستخدمًا لونًا بنيًّا أفتح بقليل. بدّل الإعدادات إلى Normal واضبط الحجم حتى يصبح مناسبًا.

ابدأ بإضافة مجموعة من التدرجات اللونية إلى العينين. استخدم الرمادي الفاتح إلى الأبيض على الشكل الخارجي وسلسلة من الألوان البرّاقة للقزحية والأسود إلى الرمادي الداكن للبؤبؤ.

خفّف Opacity إلى 70% للدائرتين الإضافيتين البيضاء اللون لتعطي انطباع عن تسليط الضوء البرّاق.

حدّد الشكل الخارجي للعين ثم اذهب للقائمة:

Effect > Stylize > Drop Shadow

اضبط الإعدادات على 0 من أجل Offset و 100% من أجل Opacity. اضبط الحجم على 5mm.

لوّن الفم بالألوان المتعلّقة به ثم أضف توهج داخلي إلى الشفاه لمنحه لون أحمر أفتح حول حواف الفم.

أنهِ عملية التلوين عبر بعض التدرجات اللونية البسيطة الدائرية للأقدام.

استخدم الفرشاة التي أنشأناها لرسم المزيد من الأشكال باستخدام أداة الفرشاة Brush tool. استخدم ألوانًا عشوائيةً ليكون من السهل تمييزها. ارسم صفوف من الأشكال حتى تغطي كامل الجسم.

حدّد أحد الأشكال الجديدة ثم اذهب للقائمة:

Select > Same > Appearance

لتحديد جميع هذه الأشكال ثم اذهب للقائمة:

Object > Expand Appearance

لوّن هذه الأشكال بتدرج لوني مستخدمًا درجة البني الفاتح. اجعل أحد أطراف التدرج شفافًا عبر منح القيمة 0% إلى Opacity ثم اضبط زاوية التدرج لتتدفق عموديًّا.

طبقة واحدة من أشكال الشعر تضيف بعض التفاصيل الرائعة للشخصية، ولكن طبقتين ستضيف المزيد من العمق لتفاصيل الشخصية. استخدم أداة الفرشاة لرسم سلسلة جديدة من أشكال الشعر.

اذهب للقائمة:

Select > Same > Appearance

ثم اذهب إلى:

Object > Expand Appearance

لتحوّل الحدود إلى أشكال.

الفرو الإضافي سيغطي ملامح الوجه. أسهل طريقة لتحديد هذه الأشكال هي البدء بالجسم الرئيسي ثم اختيار Select > Next Object Above من القائمة المنبثقة. بعد تحديدها اضغط على الاختصار CMD+Shift+] لإرسال الأشكال للأعلى.

وبهذا ننتهي من تصميم شخصية الوحش الصغير اللطيف. وبالرغم من أنه صُمِّمَ من الأشكال الأساسية إلا أن التدرجات اللونية وتأثير الفرو ساعدت فعلًا على إضافة الحيوية إلى الشخصية.

ترجمة -وبتصرّف- للمقال: How To Create a Cute Hairy Vector Monster Character  لصاحبه: Chris Spooner.

اتبع الخطوات في هذا الدرس لتتعلم كيفية تصميم شعار ملوّن ومنوّع بنمط رسومات الأيقونة. هذا النوع من الفن ثلاثي الأبعاد في تصميم الأيقونات أصبح شعبيًّا ومطلوبًا على مستوى العالم. اليوم سنرى كيف يمكن تصميم هذا النوع من الرسومات باستخدام الإليستريتور عبر استخدام مجموعة من الأدوات والتقنيات.

عادةً ما أفضّل تصميم الشعار بأشكالٍ ذات علاقة بالشركة أو بالعلامة التجارية بصورة توضيحية، ولكننا اليوم سنتعلم استخدام التقنيات لتصميم أيقونة عامة. يتميز هذا الرسم بالعديد من الاتجاهات في التصميم وهي الأكثر شعبية اليوم كالتصميم ثلاثي الأبعاد والتدرّجات اللونيّة والاختلاف في الألوان.

 افتح ملفًّا جديدًا في الإليستريتور. استخدم أداة رسم الدوائر Circle tool وابدأ برسم الأشكال الأساسية للأيقونة. ارسم دائرةً صغيرةً داخل دائرةٍ كبيرةٍ ثم أضف دائرةً أصغرَ بين حدود الدائرتين.

كبّر المشهد قليلًا ثم اضغط CMD+Y لتنتقل إلى عرض الخطوط فقط. سيساعدك هذا على محاذاة الأشكال بدقةٍ متناهيةٍ وبدون أي تداخل بين الأشكال.

استخدم أداة المقص Scissors tool لقص أي مسار عند موضع التقاء الخطوط ثم حدّد الأجزاء غير المطلوبة واحذفها.

كبّر المشهد أكثر هذه المرة وحدّد النقطتين المفتوحتين لكل المسارات ثم انقر بالزر الأيمن ثم اختر Join. كرّر هذه العملية لجميع لخطوط التي تم قصّها سابقًا حتى تكون جميع الخطوط موصولةً ومستمرّة. اصنع نسخةً عن هذا الشكل حيث سنحتاجه لاحقًا.

ارسم دائرةً أخرى فوق الشكل يمر عبره وبحدودٍ متقاربةٍ من حدود الشّكل الأساسي.

استخدم أداة المقص Scissors tool لقصِّ النقاط في موقع التقاء الخطوط ثم احذف الأجزاء الإضافيّة الخارجة من الشكل الأساسي لتبقى الخطوط المتواجدة داخل حدود الشكل الأساسي فقط.

استمر في رسم خطوطٍ إضافيةٍ داخل الشكل عبر رسم دوائرَ مختلفةِ الأحجام وقص واحذف الأجزاء الإضافية باستخدام أداة المقص Scissors tool.

استخدم أداة القلم Pen tool وانقر على النقطة المفتوحة للخط لرسم مسار مستمر. ارسم خطًا خشنًا حول الشكل حتى تصل إلى نقطة النهاية للخط وتغلق المسار ثم كرّر العملية لباقي الخطوط. حدّد كل خط من هذه الخطوط مع الشكل الأساسي ثم اختر Divide من لوحة Pathfinder.

انقر بالزر الأيمن واختر Ungroup، ثم احذف الخطوط الخارجية من الشكل الأساسي. لوّن هذا الجزء حتى تميّزه.

كرّر العملية لجميع الأجزاء ولوّنها بألوان عشوائية.

استخدم أداة التدرّج اللوني Gradient tool لتحويل هذه الألوان الجامدة إلى تدرّجات لونية. حدّد الألوان بشكل متتابع من لوحة الألوان حيث سنجعل التدرّج الأول من الأحمر إلى البرتقالي والثاني من الأصفر إلى الأخضر وهكذا.

عدّل نمط اتجاه التدرّج إلى دائري Radial ثم اضبط اتجاه الألوان لتتدفق بسلاسة عبر التصميم.

الشكل يبدو رائعًا ولكننا نستطيع أن نُحسّن ذلك عبر إضافة بعض الظلال بذكاء، ارسم دائرةً متقاطعةً مع الشكل الأول.

حدّد هذه الدائرة مع الجزء الأول واختر Intersect من لوحة Pathfinder.

كرّر العملية لباقي الأجزاء وامنح هذه الأشكال الجديدة تعبئةً سوداء مع تخفيف Opacity إلى 10% وتغيير خصائص المزج إلى Multiply.

أنت تتذكر بأننا صنعنا سابقًا نسخةً عن الشكل الأساسي، الآن سنحتاجها لتتداخل مع الشعار. ضع هذا الشكل فوق الشعار الملوّن بدقّة متناهية.

أعطِ هذا الشكل تعبئةً بيضاءَ مع خصائص مزج Multiply ثم اذهب إلى القائمة:

Effect > Stylize > Inner Glow

عدّل الإعدادات إلى Multiply واللون الأسود و20% opacity وأخيرًا 5mm للتمويه Blur.

التدرّجات المتنوعة المُضافة إلى الشكل وعناصر الظلال بالإضافة إلى التوهّج الداخلي حَسّنت من جمالية الشكل ومنحته بُعدًا إضافيًّا ليبدو ثلاثي الأبعاد.

ترجمة -وبتصرّف- للمقال: How To Create a Colorful Logo Style Icon in Illustrator  لصاحبه: Chris Spooner.

سنتعلم في هذا الدرس كيفية تصميم رُقعة مُطرّزة فيها نص مُطرّز في برنامج أدوبي إليستريتور. يُعتبر هذا الدرس من دروس المستوى المتوسط في هذا البرنامج، حيث سنستخدم عدة تأثيرات وفلاتر بالإضافة إلى أننا سنتعامل بشكل رئيسي مع لوحة المظهر، اتبع التعليمات خطوة خطوة حتى تصل إلى النتيجة النهائية مع العلم أنه بإمكانك تبديل بعض ملامح التصميم مثل نوعية الخط والألوان والأحجام.

افتح ملفًا جديدًا ببرنامج الإليستريتور ثم استخدم أداة النص Type tool واكتب النص الذي تريده، أنا استخدمت عنوان (أكاديمية حسوب)، اختر نوعية الخط التي تناسبك ولكن الأهم أن يكون الخط عريضًا حتى تتمكن من إدراج خطوط التطريز بداخله، اخترتُ هنا خط Neckar العريض بحجم 125.

ألغِ ألوان التعبئة والحدود للنص ثم افتح لوحة المظهر Appearance panel فإن لم تكن ظاهرة لديك فستجدها ضمن قائمة Window.

من القائمة الموجودة في أقصى الزاوية العليا اليمنى من لوحة المظهر اختر خيَار تعبئة جديدة New Fill ولا تغيّر اللون الأسود الافتراضي الذي سيظهر على النص بعد هذه الخطوة.

كرر العملية وأنشئ تعبئة جديدة بنفس الطريقة المُتّبعة في الخطوة السابقة ثم حدد التعبئة الجديدة وبدّل لون التعبئة من الأسود إلى اللون البني.

حدّد التعبئة البنية من لوحة المظهر ثم اذهب إلى القائمة:

Effect > Convert To Shape > Rounded Rectangle

حدد الخيَار Relative واضبط العرض عند 7mm والارتفاع عند 4mm ونصف قطر الزاوية عند 5mm ثم انقر OK. هذه العملية ستُنشئ البنية الأساسية للرُقعة لذلك احرص أن يكون هناك مساحة كافية لوضع خيوط التطريز.

مع بقاء التعبئة البنية محددة في لوحة المظهر اضغط على زر المضاعفة Duplicate الموجود أسفل لوحة المظهر. حدد التعبئة الجديدة في الأسفل وبدّل لون التعبئة إلى اللون الرمادي. تأكّد من تحديد الطبقة الرمادية ثم اذهب إلى القائمة:

Effect > Path > Offset

اضبط قيمة Offset عند 2mm.

البُنية الأساسية والشكل العام للرقعة أصبح جاهزًا وسنعمل الآن على التفاصيل التي تتعلق بخيوط التطريز، التدرجات اللونية والظلال. اذهب إلى لوحة المظهر وحدّد التعبئة السوداء الأولى ثم لوّنها بتدرج لوني من الرمادي الفاتح إلى الأبيض باستخدام لوحة التدرجات Gradient panel ومن ذات اللوحة ضع زاوية التدرج -90 درجة.

من القائمة المنبثقة من لوحة المظهر اختر حدود جديدة New Stroke. بدّل اللون إلى الرمادي واضبط حجم الحدود عند 1mm وفعّل Dashed Line ثم ضع قيمة أول Dash عند 3pt.

اذهب إلى القائمة:

Effect > Path > Offset

ثم اضبط قيمة Offset عند -0.8mm ثم انقر OK.

حدّد التعبئة الأولى ذات الألوان الباهتة في لوحة المظهر وضاعفها ثم حدد التعبئة الجديدة ولوّنها بلون واحد رمادي فاتح ثم اذهب إلى لوحة الشفافية Transparency panel وبدّل خصائص المزج لهذه التعبئة إلى Multiply.

اذهب إلى القائمة:

Effect > Distort & Transform > Transform

واضبط قيمة التحريك العمودي Vertical Move عند 1mm.

حدّد التعبئة البنّية من لوحة المظهر واستبدل اللون البنّي بتدرج لوني من البنّي إلى البنّي الفاتح مع جعل الزاوية -90 درجة.

من لوحة المظهر أضف حدودًا جديدة New Stroke ثم اذهب إلى القائمة:

Effect > Convert to Shape > Rounded Rectangle

اضبط العرض الإضافي عند 4mm والارتفاع الإضافي 1mm ونصف قطر الزاوية 5mm.

استبدل لون هذه الحدود باللون الأصفر الفاتح ثم اضبط حجم الحدود عند 1.5pt واضبط الخط المُتقطّع عند 12pt.

حدّد الحدود الصفراء ثم ضاعفها. والآن حدّد الحدود الجديدة واذهب إلى القائمة:

Effect > Distort & Transform > Transform

اضبط قيمة التحريك العمودي عند 0.6mm .

استبدل اللون الأصفر باللون الرمادي الفاتح ثم غيّر خصائص المزج إلى Multiply.

حدّد آخر تعبئة من الأسفل في لوحة المظهر ولوّنها بتدرج لوني من الرمادي إلى الرمادي الفاتح مع زاوية -90 درجة في لوحة التدرجات.

تأكّد من أنك لا تزال تُحدّد ذات التعبئة ثم اذهب إلى القائمة:

Effect > Stylize > Drop Shadow.

وفي نافذة الظلال التي ستظهر اضبط Opacity عند 50% وX Offset عند 0 وY Offset عند 2mm وBlur عند 1mm .

وبهذا ننتهي من تصميم رقعة بتأثير نصّي مُطرّز باستخدام التأثيرات والفلاتر ببرنامج الإليستريتور. إن إضافة التدرجات اللونية للرقعة بشكل عام وكذلك الظلال للرقعة والخيوط منح التصميم لمسة واقعية وجمالية خاصة.

والآن يمكنكم استخدام هذا التصميم بعد تصديره بصيغة PNG في أي صورة لأي نوع من الألبسة والقبّعات باستخدام برنامج فوتوشوب، أو يمكن استخدامه في مواقع الإنترنت كنوع من الشعار أو الإعلان.

أرجوا أن تكونوا قد استفدتم من الدرس وأن تكون قد وصلتكم المعلومة المفيدة وأن تجربوا تنفيذ مثل هذا التصميم وتشاركونا نتائج أعمالكم.

في الماضي كنتُ أحتفظ بأعمال الخامات textures لبرنامج فوتوشوب ولكن مؤخرًا بدأتُ باستخدام خامات الفكتور لإنشاء رسومات مهترئة مباشرة ببرنامج Adobe Illustrator. اتبع الخطوات في هذا الدرس لرسم مسدس فكتور مع الخامات. سنقوم برسم المنحنيات يدويًّا بأداة القلم لإنشاء أعمال خطيّة مميزة وتلوين الأشكال باستخدام أداة LivePaint واستخدام بعض خامات الفكتور لتحقيق المظهر النهائي الرائع.

سنصمم مسدس الفكتور هذا بواسطة أشكال فكتور منحنية وألوان جامدة (ليست حيوية) وستساعد خامات الفكتور على إخفاء المظهر الرقمي المسطح للتصميم وإعطائه تأثيرات بنمط معين.

سنرسم تصميمنا على صورة مسدس فردي حربي قديم من الغرب القديم. حمّل صورة المسدس من Wikimedia Commons على برنامج الإليستريتور.

خفف مستوى الظهور للصورة opacity إلى 50% ثم اضغط CMD+2 للعمل داخل الصورة.

استخدم أداة القلم Pen لرسم مسارات حدود إطار المسدس وقبضته مع ترك ماسورة المسدس حاليًا. انقر واسحب كل نقطة ثم انقر على النهاية المفتوحة لتعديل الانحناء قبل المتابعة للنقطة التالية في الرسم.

استخدم المستطيل مستدير الزوايا لرسم الماسورة. اضبط نصف قطر الزوايا مع مفاتيح المؤشر قبل ترك زر الفأرة أثناء السحب والإفلات. استخدم أداة التحديد المباشر Direct Selection لتحديد وحذف النقطتين الأخيرتين.

انقر واسحب كل نقطة من النقاط الأخيرة لتتداخل مع حدود الجسم الرئيسي للمسدس. ارسم مستطيل مستدير زوايا آخر ولكن هذه المرة احذف الحافة العليا بالإضافة إلى النقطتين الأخيرتين.

قم بمحاذاة المستطيلين بدقة إلى حدود الأسطوانة. إن تفعيل الأدلّة الذكية Smart Guides بالضغط على CMD+U ستساعد كثيرًا لوضع الأشياء في الأماكن الصحيحة بدقة.

ارسم دائرة تقريبية حول حدود القبة عند مؤخرة المسدس. اقطع المسار عند التقاطع مع مستطيلات الأسطوانة باستخدام أداة المقص Scissors واحذف النصف الأيمن الغير مطلوب في الرسم.

ارسم قطع ناقص عند حدود المنطقة المجوفة من الأسطوانة ثم حدد واحذف النقطة اليمنى بواسطة أداة التحديد المباشر Direct Selection.

استخدم أداة القلم لتحديد وفتح نهايات المسار ومتابعة رسم الخطوط حتى حافة شكل الأسطوانة.

كرر العملية للتجويفين الآخرين وذلك للانتهاء من رسم منطقة الأسطوانة.

أضف التفاصيل إلى المناطق الأخرى من الرسم بواسطة أداة القلم مع مراعاة اصطفاف نقاط البداية والنهاية مع حدود المسدس.

اضغط CMD+Shift+2 لإلغاء قفل صورة الخلفية. انقر delete لحذف الخلفية من لوح الرسم ولرؤية خطوط الفكتور الأساسية التي قمنا برسمها.

قم بتحديد جميع العناصر ثم اختر أداة LivePaint. انقر في أي مكان ضمن التحديد لتفعيل الأداة.

اختر الألوان من لوح الألوان ثم انقر على الأشكال في منطقة الرسم بواسطة أداة LivePaint لتلوين كل منطقة.

وبعد الانتهاء من تلوين كل الأقسام اذهب إلى القائمة:

Object > Expand

حدد الخيَار Object لتحويل العناصر إلى أشكال جامدة مجددًا.

اضغط بالزر الأيمن ثم انقر Ungroup عدة مرّات حتى يصبح بالإمكان تحديد كل شكل على حدة.

أضف حدودًا بقيمة 2pt إلى الإطار الرئيسي واختر المحاذاة إلى الداخل Align to Inside من لوحة الحدود Stroke.

اذهب للقائمة:

Object > Expand Appearance

لتحويل الحدود إلى عناصر جامدة. بالزر الأيمن انقر Ungroup لتفكيك مجموعة العناصر ومن ثم احذف شكل الحدود.

إن إزالة الحدود سيترك فراغًا بين الأشكال المختلفة مما يساعد على تباعد العناصر وتطبيق التأثيرات عليها.

انسخ CMD+C وألصق في المقدمة CMD+F نسخة عن أشكال تجاويف الأسطوانة. غيّر اللون إلى الظل الأخف من الرمادي ثم قلّص الشكل لإعطائه تأثير الظلال والإضاءة.

أنهِ عملية التلوين بإضافة بعض المستطيلات البسيطة لإضفاء منظر الإضاءة على الماسورة. استخدم الأدلة الذكية Smart Guides ليصبح اصطفاف الحواف سهلًا للغاية.

حمّل وافتح مجموعة خامات Vector Bumper Pack وألصق هذه الخامة على لوح الرسم.

حدد جميع العناصر ثم اضغط Shift مع النقر على الخامة لإزالتها من التحديد. انسخ وألصق في المقدمة نسخة عن المسدس ثم اختر خيَار الدمج Merge من لوحة Pathfinder لمزج جميع الأشكال المكررة معًا.

بالزر الأيمن اختر Ungroup لتفكيك العناصر ثم أنشئ مسارًا مركبًا Compound Path بالضغط على الاختصار CMD+8.

حدد المسار المركب للمسدس والخامة الفكتور ثم انقر خيَار Intersect من لوحة Pathfinder لقص الخامة بحسب حجم المسدس.

غيّر لون تعبئة الخامة إلى اللون الأسود ثم غيّر خصائص المزج إلى Multiply وعدّل قيمة opacity إلى 30%.

كرر العملية للخامة الثانية لإضافة مزيد من تفاصيل علامات الاهتراء إلى الرسم.

ألصق عددًا من أشكال رذاذ الطلاء وضعها في أماكن مختلفة حول الرسم وبذلك تكون قطرات الرذاذ الرئيسية مبعثرة على المسدس.

حدد العناصر مع إزالة الخامات من التحديد وأنشئ مسارًا مركبًّا آخر (Merge, Ungroup, CMD+8).

انسخ المسار المركب وألصقه لنستخدمه مع خامة رذاذ الطلاء التالية ثم استخدم أداة Intersect لقص الخامة حسب حجم المسدس.

بدّل ألوان هذه العناصر إلى الأسود وبدّل خصائص المزج إلى Multiply مع وضع قيمة 30% أيضًا لإنهاء رسم المسدس.

الأشكال البسيطة تساعد على تصميم رسومات فكتور منمقة رائعة في حين أن تراكب الخامات على التصميم تضيف تأثير الاهتراء والقِدَم وتوفر لمسة من التظليل حيث أن بقع الخامات الداكنة تخفي مظهر الرسم المسطح للتصميم.

ترجمة -وبتصرّف- للمقال: How To Create a Textured Vector Revolver Illustration لصاحبه Chris Spooner.

هل تحتاج إلى بطاقة أعمال جديدة؟ اتبع الخطوات في هذا الدرس لتصميم بطاقة أعمال رائعة باستخدام برنامج أدوبي إليستريتور. سنبدأ بإنشاء تأثير النقوش المتنوعة، ثم سوف ننسق معلومات الاتصال وسنُجهّز ملف الطباعة لإرساله إلى مركز الطباعة.

يتألف تصميم بطاقة الأعمال من شقّين الأول يتعلق بواجهة حيوية تُبرز معلومات الاتصال والجهة الخلفية مصممة بنمط حيوي مليء بالنقوش الملونة. البطاقة النهائية المطبوعة ستكون مقصوصة عند الزوايا لذلك سنُجهّز ملف الطباعة الجاهز ليتناسب مع الأبعاد الصحيحة والهوامش ومساحات قطع الطباعة.

افتح برنامج الإليستريتور وأنشئ ملفًا جديدًا، ثم حدّد حجم بطاقة الأعمال التي ستُصمّمها، يجب أن تَحصُل على المقاسات المطلوبة من مركز الطباعة الذي ستتعامل معه وبما أنني أتعامل مع UPrinting فسوف أستخدم أبعادَهُم وهي 3.5" في 2" مع هوامش قطع 0.125" وهذا التصميم سيكون لكلا الجانبين لذلك أدخل الرقم 2 في خانة عدد ألواح الرسم Number of Artboards.

ارسم مستطيلًا أبيض على كامل مساحة لوح الرسم الأول مُتضمّنًا خطوط هوامش القطع الحمراء. استخدم أداة الخط Line tool لرسم خطوط متقاطعة أفقيًّا وعموديًّا.

أضف المزيد من الخطوط المتقاطعة ولكن هذه المرة بشكل قُطري باستخدام الضغط على مفتاح Shift.

حدد كل الخطوط المتقاطعة وحوّلها إلى مسار مركّب Compound Path عبر اختيارها من القائمة أو بالضغط على CMD+8.

أضف المستطيل الأبيض إلى التحديد ثم انقر على خيَار Divide من لوحة Pathfinder.

انقر بالزر الأيمن واختر Ungroup ثم حدد كل الخطوط خارج مساحة العمل واحذفها.

جهّز مخطط الألوان الخاص بتصميمك (أنا اخترت واحدًا من ColourLovers) ثم ابدأ بتعبئة الأشكال عشوائيًّا باللون الأول من المخطط.

استمر باستخدام بقية الألوان وتعبئة باقي الأشكال عشوائيًّا.

اصنع نسخة عن مخطط الألوان وحوّل النسخة من الألوان المسطّحة إلى التدرجات اللونية المقابلة لها بحيث يبدأ كل تدرج باللون ذاته وينتهي بلونٍ أكثر إشراقًا.

استخدم أداة العصا السحرية Magic Wand tool وحدّد كل الأشكال ذات اللون الأول من اللوحة ثم استخدم أداة القطّارة Eyedropper tool لاستبدال اللون المسطح بالتدرج اللوني الجديد.

بعد أن ننتهي من تطبيق التدرجات اللونية على جميع الأشكال، كبّر العرض Zoom in ثم استخدم أداة التدرجات Gradient Tool لتغيير اتجاه التدرجات لكل شكل بصورة عشوائية.

التعبئة العشوائية مع الاتجاهات المختلفة للتدرجات اللونية تمنح الجانب الخلفي للبطاقة تأثير نقشٍ رائعٍ وجميل.

فعّل الأدلّة الذكية Smart Guides ثم استخدم أداة القلم Pen tool لرسم شكل محدد وسط البطاقة يسمح بإضافة عنوان الموقع الإلكتروني.

أدخل عنوان الموقع الإلكتروني بالخط المفضّل لديك ثم اضبط حجم الخط أصغر قليلًا للبادئة واللاحقة. لوّنهُ باللون الداكن في مخطط ألوان البطاقة.

حدّد عنصر النص والشكل المحيط به ثم انقر نقرةً إضافيةً على الشكل المحيط لتجعله العنصر المفتاح. استخدم أدوات المحاذاة لجعل النص يقعُ في مركز الشكل المحيط.

اختر أداة المستطيل مستدير الزوايا Rounded Rectangle tool وانقر على لوح الرسم لإدخال الأبعاد الخاصة. أدخل القيم 2.5" في 2" مع نصف قطر زوايا بقيمة 0.25" .

انقر بالزر الأيمن على الشكل الجديد ثم اختر Make Guides من القائمة. هذا سيُنشئ خطوط أدلّة تعطينا رؤيةً عن كيفية قص البطاقة أثناء الطباعة.

بعد أن أنهينا هذا الجانب من البطاقة سننتقل للعمل على الجانب الآخر. ارسم مستطيلًا على كامل مساحة لوح الرسم الثاني ولوّنه باستخدام مخطط الألوان الذي نعمل عليه.

حدّد وانسخ سلسلة من الأشكال المختلفة من الجانب الآخر للبطاقة وضعها في هذا الجانب. ضعها بشكل متّصل ومائل في الركن الأسفل الأيسر من هذا الجانب.

في المساحة المُتبقية استخدم أداة النّص وأدخل اسمك، عنوان العمل وتفاصيل الاتصال مستخدمًا خطًّا من اختيارك. امنح هذه العناصر النصية بروز بصري مميز عبر تعديل الحالة والأحجام.

رَقَمِي الاتصال الهاتفي وُضِعا بجانب بعضهما البعض، لذا ارسم نقطةً صغيرةً باستخدام أداة الدائرة لفصلهما عن بعضهما البعض.

قم بمحاذاة عناصر النص وضعها في الزاوية السفلية اليمنى. استمر بالضغط على مفتاح Shift وحرّك عناصر النص للخلف قليلًا داخل المساحة المُستخدمة في التصميم.

تصميم البطاقة أصبح جاهزًا بالكامل لذلك سنقوم بتحضير الملف للطباعة. بدايةً حدّد الجميع وحوًل عناصر النص إلى عناصر خطوط خارجية لتجنب مواجهة أي مشاكل في الخطوط أثناء الطباعة.

اذهب إلى القائمة File > Save As واختر خيَار PDF. في الإعدادات بدّل الإعداد المُسبق Preset إلى وضعية دقة الطباعة Press Quality والوضع القياسي Standard إلى الوضع الذي يفضّله مركز الطباعة. في هذه الحالة اخترت PDF/X-1a:2001. استخدم فقط إعدادات قَطع الطباعة للمستند وتأكّد من أنها مفعّلة.

بطاقة الأعمال المُعدّة للطباعة أصبحت جاهزة لإرسالها إلى مركز الطباعة. سيقومون بطباعة البطاقة وقصّها بحسب الأبعاد التي قمت بتصميمها أصلًا في هذا الدرس.

والآن حان دورك أنت. صمّم بطاقة مُماثلة تحمل اسمك وشارك معنا النّتيجة لنرى من سيُصمّم أجمل بطاقة.

ترجمة -وبتصرّف- للمقال: How To Design a Print Ready Die-Cut Business Card   لصاحبه Chris Spooner

قررت اليوم أن أكتب درسا تعليميا عن كيفية إنشاء نمط خريفي بسيط في برنامج Illustrator.

يمكنك بسهولة تغيير بعض الألوان والمحتويات لتجعل النمط يبدو صيفياً، ولكنني أعتقد أن البرتقالي المحروق والبني المائل للخمري ألوان تتماشى مع الخريف، إنها ألوان جميلة بجمال تلك الألوان النابضة بالحياة التي تشاهدها في فصل الصيف.

هذا هو الشكل النهائي للنمط البسيط الذي سنحاول إنشاؤه، وكما ترون فهو كامل مع مجموعة من الأشياء المقترنة بالخريف: التوت، البندق، الأوراق، الفطر، وحتى وجود بومة صغيرة لطيفة يضفي على التصميم بعض الحياة.

وكما جرت العادة في الدروس الأخرى، سوف أُضمن الأبعاد التي استخدمتها، ولكن لا تتردد في استخدام الأبعاد التي تُرضيك.

دعونا نبدأ مع البومة لتكوين هذا النمط الخريفي الفريد، وهي المفضلة لدي، لنقم بإنشاء مستند جديد في Illustrator، ونرسم شكلاً بيضوياً بأبعاد 150x190px، ثم باستخدام Direct Selection نسحب نقطة الربط السفلى بمقدار 20px للأعلى، ثم نرسم دائرة بقطر 95px، ونقوم بمحاذاة مركزها عموديًا وأفقياً مع مركز الشكل البيضوي باستخدام لوحة المحاذاة Align .

نقوم بسحب الدائرة للأعلى بمقدار 55px ، ثم نقوم بطرحها من الشكل البيضوي باستخدام الزر Minus Front.

وبهذا نكون قد أنشأنا جسم البومة.

لنقم في الخطوة التالية بإنشاء وجه البومة، سنبدأ بالعينين، لنرسم ثلاثة دوائر بقطر 5،20،40 على الترتيب، بحيث تتطابق مراكز الدوائر الثلاثة، ثم نسحب الدائرة الصغيرة صعدواً لليمين بنحو 6px ، ثم نطرحها من الدائرة الوسطى باستخدام الزر Minus Front.

نقوم بإنشاء نسخة من العين باستخدام المفاتيح المختصرة (CTRL+C ثم  CTRL+F) أو (CMD+C ثم CMD+F) إذا كنت تستخدم نظام ماكنتوش، ونضع النسخة بجانب العين الأصلية على مسافة 15px منها.

نحدد الدائرتين الخارجيتين ونختار من القائمة:

Object > Path > Offset Path

ثم نضبط الإزاحة Offset على القيمة 15 ونضغط موافق، قبل دمجهم بواسطة الزر Unite، وإرسالها إلى الجزء الخلفي من الملف بالضغط على (SHIFT+CTRL+[) من لوحة المفاتيح.

نقوم الآن بتحديد أجزاء العيون والجمع بينها بالضغط على (CTRL+G) من لوحة المفاتيح.

لننتقل إلى المنقار، نرسم دائرة بقطر 10px، نضغط على (SHIFT+C) من لوحة المفاتيح للوصول إلى Convert Anchor Point وننقر على نقطة الربط في الأسفل لجعلها حادة، ثم بأداة التحديد المباشر Direct Selection نقوم بسحبها بمقدار 5px للأسفل، ونقوم بمحاذاة المنقار أفقياً ورأسياً إلى أسفل العينين، ثم وضع الوجه بحيث يكون مركزياً بالنسبة لجسم البومة، حوالي 30px أسفل وأعلى الأذن.

ولإنشاء أجنحة البومة، نرسم دائرة بقطر 60px ونقوم بمحاذاتها إلى أسفل ويسار جسم البومة، نسحب الدائرة إلى اليسار بمقدار 30px وإلى الأعلى بمقدار 5px أو حتى تكون مقتنع بموقعها.

نحدد الآن جسم البومة والدائرة الممثلة للجناح، وإذا كان لديك CS5 أو أعلى يمكنك استخدام أداة البناء Shape Builder من شريط الأدوات أو الضغط على (SHIFT+M) والاستمرار بالضغط على المفتاح ALT من لوحة المفاتيح وتحديد القسم من الدائرة الواقع خارج جسم البومة، وحذفه.

أو بدلاً من ذلك يمكنك أخذ نسخة من جسم البومة مع الجناحين الذين لا يزالان محددين (CTRL+C) واختيار الزر Intersect من لوحة Pathfinder، ثم لصق الجسم مرة أخرى في مكانه (CTRL+F)، وإرساله للجزء الخلفي من المستند بالضغط على (SHIFT+CTRL+[) من لوحة المفاتيح.

كرر هذه العملية للحصول على الجناح الثاني.

الخطوة التالية إنشاء قدكي البومة، نرسم ثلاثة أشكال بيضوية بأبعاد 10x20 px، ونضعها بجوار بعضها البعض متداخلة بمقدار 2px فيما بينها، ثم نجمع بينهم بعد التحديد بواسطة الزر Unite.

الآن القدم الأولى كاملة، نقوم بعمل نسخة منها للقدم الثانية ونضعهما جنباً إلى جنب بمسافة 30 نقطة فيما بينهما.

نقوم الآن بمحاذاة القدمين مركزياً مع الجزء السفلي للبومة، ونسحبهما للأعلى بمقدار 2px، أو بحيث نكن راضين عن موقعهما.

وبقي علينا لإنهاء البومة منحها بعض الريش والألوان، نرسم دائرتين بقطر 10px ونطابق مركزهما معاً، ثم نسحب الدائرة العلوية بمقدار نقطتين للأعلى ونطرحها من الدائرة السفلية Minus Front.

ننشئ أربعة نسخ من الريش بحيث نضع ثلاثة منها في الجزء العلوي واثنتين في الجزء السفلي كما في الشكل، بمسافة 10px فيما بينها، والآن يمكننا تلوين البومة باستخدام لوح الألوان الخاص بي أو اختيار واحد خاص بك. هذا كل شيء، لدينا الآن بومة كاملة.

لماذا لا يكون التالي هو إنشاء غصن توت خريفي؟

لنرسم دائرة بقطر 30 وشكلاً بيضوياً بأبعاد 10x5 px ومحاذاة الشكلين أفقياً وعمودياً إلى المركز قبل سحب الشكل البيضوي للأعلى بمقدار 3 نقاط تقريباً، نقوم بعدها برسم مستطيل بأبعاد 5x100px ليُشكل الساق ونضعه وراء حبة التوت ونسحبه للأعلى بنحو 10 نقاط قبل إرساله إلى الجزء الخلفي من المستند.

نُنشئ الآن مستطيلًا أخر 50x5px، ونضعه بحيث يكون مركزه على الساق ويقع أسفل حبة التوت بحوالي 10px.

ننتقل مع المستطيل الأخير المحدد إلى القائمة:

 Effect > Warp > Arc

ونعين Bend إلى القيمة 50% ثم ننقر على زر OK، أصبح المستطيل يمثل جذع غصن التوت، ويمكنك إزالة مظهر الجذعية من خلال القائمة:

Object > Expand Appearance

عن طريق النقر بزر الفأرة الأيمن على الجذع ونختار فك التجميع Ungroup من القائمة المنبثقة وحذف المسار بعدها.

إذا ظهرت لك رسالة الخطأ التالية: "The filter produced no results"، فيجب عليك اختيار اثنين من المسارات المتقاطعة عند محاولة استخدام الزر Minus Front من لوح Pathfinder في المرة القادمة.

قمّ بعمل نسخة من حبة التوت، وحركها للأسفل بمقدار 25px وإلى اليسار بمقدار 30px. ثم أنقر على حبة التوت التي لا تزال محددة بزر الفأرة الأيمن واختار من Transform الأمر Rotate وعيّن زاوية الدوران angle على القيمة 45 درجة ثم موافق. كرر العملية ولكن بزاوية -45 درجة لحبة التوت في الجهة المقابلة.

نقوم بنسخ ولصق حبات التوت والساق بالضغط على (CTRL+C ثم CTRL+F) من لوحة المفاتيح، ومن ثم أنزل النسخة للأسفل 40px. ولحذف الجزء غير المرغوب فيه من الساق، نحدد الجذع و الساق وننقر على الزر Divide من لوحة Pathfinder، ونحذف الجزء غير المرغوب فيه من الساق، ثم نقوم بتحديد سيقان حبات التوت والجذع وننقر الزر Unite من لوحة Pathfinder، ونرسل الشكل إلى خلفية المستند بالضغط على (SHIFT+CTRL+[) من لوحة المفاتيح.

كل ما علينا القيام به الآن للانتهاء من غصن التوت هو إضافة ورقة وبعض الألوان.

نرسم دائرتين بقطر 50px ونضعهما جنباً إلى جنب مع تداخل 30px فيما بينهما.

نحدد كلا الدائرتين وننقر على الزر Intersect من لوحة Pathfinder، أصبح لدينا شكل الورقة كاملاً وبقي علينا تدويرها بزاوية 30 درجة ووضعها على يسار وأسفل الغصن، بفاصل 5px لليسار و10px فوق الجزء السفلي من الساق. والآن لتُعطي لغصن التوت الألوان التي تراها مناسبة.

الخطوة التالية إنشاء غصن عليه بعض أوراق الخريف، لإنشاء الأوراق نستخدم نفس الطريقة التي استخدمناها للأوراق في غصن التوت.

نرسم دائرتين بقطر 50px مع تداخل 30px ونقاطعهما باستخدام لوحة Pathfinder.

نرسم مستطيلا بأبعاد 5x100 px ونضعه أسفل الورقة التي رسمناها آنفاً، ونتأكد من أن الشكلين يتمحوران شاقولياً، نأخذ نسخة من الورقة وندورها بزاوية 90 درجة ونضعها على مسافة 5 نقاط يسار وأسفل المستطيل.

نقوم بنسخ الورقة نسختين ونجعل كل واحدة فوق الأخرى بمسافة فاصلة 10px بين كل ورقة وأخرى.

نحدد الورقة العليا و ندورها بزاوية -30 درجة، وندوّر الورقة التي في المنتصف بزاوية -15 درجة،ثم نقوم بنسخ ولصق الأوراق الثلاثة بعد تحديدها ونأخذها ليسار المستطيل ونعكسها عمودياً بالنقر عليها بزر الفأرة اليمين ونختار من Transform الأمر Reflect ونحصر على تحديد الخيار Vertical ثم موافق.

نضيف لغصن الأوراق بعض الألوان استعداداً للانتقال لرسم الفطر.

لنبدأ بغطاء حبة الفطر من خلال رسم دائرة بقطر 50px ، ونسحب نقطة الربط السفلى للأعلى باستخدام أداة التحديد المباشر Direct Selection بمقدار 15px أو بشكل تكون مقتنعًا بمكانها.

ونرسم دائرة أصغر لتشكيل ساق حبة الفطر بقطر 20px، ونسحب نقطة الربط العليا للأعلى نحو 30px، نضبط محاذاة غطاء وساق حبة الفطر شاقولياً وأفقياً بواسطة لوحة المحاذاة Align ثم نقوم بسحب الساق للأسفل بمقدار 15px.

أعتقد أن ساق الفطر تحتاج بعض اللمسات، نختار ساق الفطر وننقله إلى الجزء الخلفي للمستند، ثم من القائمة:

Effect > Warp

نحدد شكل الانحناء Style على الشكل Squeeze ونضبط قيمة Bend على 40% ثم موافق.

نضيف الآن بعض الدوائر بأقطار متفاوتة، ونضيف الألوان المناسبة لحبة الفطر استعداداً للانتقال للعنصر الخريفي الأخير وهو حبة البلوط.

بالنسبة لحبة البلوط، نبدأ برسم دائرة بقطر 30px، نضغط على Shift+C من لوحة المفاتيح ثم ننقر على نقطة الربط السفلية لتحويلها إلى نقطة حادة، أو نختار الزر Convert Anchor Point من لوح الأدوات وننقر على نقطة الربط، وباستخدام أداة التحديد المباشر Direct Selection نسحب النقطة السفلية بمقدار 20px.

ونضيف للدائرة المحددة انتفاخ أفقي Bend بمقدار -80% ثم موافق. وبذلك نكون قد أنشأنا القسم السفلي من حبة البلوط.

لننتقل الآن إلى تصميم كأس (قبعة) حبة البلوط، نرسم شكلاً بيضوياً بأبعاد 20x34 px، ثم نسحب نقطة الربط السفلى بمقدار 10px للأعلى باستخدام أداة Direct Selection.

لنرسم مستطيلًا مُستدير الزوايا بأبعاد 10x3 px، ونطبق عليه انحناء بشكل قوس Arch بنسبة 25%، ثم محاذاة الشكل الجديد أفقياً إلى مركز كأس البلوط وعمودياً إلى أعلاه، ونسحبه 5 نقاط تقريباً للأعلى ونقوم بتحديده مع الكأس و الجمع بينهما بالنقر على الزر Unite.

وأخيراً محاذاة كأس البلوط مركزياً مع حبة البلوط ثم سحبه 10 نقاط للأعلى قبل إضافة الألوان التي نريدها.

حسناً، لقد شكلنا كل عناصر الخريف ونحن في طريقنا لاستخدامها في نمط خريفي بسيط. وكل ما علينا فعله الآن هو تشكيل النمط البسيط.

ونأتي الآن للجزء الممتع من العمل، نرسم مُربعًا بطول 600px ونملأه بالأشكال الخريفية التي قمنا للتو بإنشائها، لا تتردد في تغيير الأحجام، التعتيم، الدوران، أو أي شيء تريده. يمكنك في هذه المرحلة الحصول على بعض المرح، الشيء الوحيد الذي أود اقتراحه هو أن يكون لديك التصور الكافي للكيفية التي سيتم تكرار النمط فيما بعد في حال كنت قد ذهبت ببعض الأشكال خارج حواف المربع، هذا إذا كنت لا تريد أي تداخل غير مقصود.

وعندما تكون سعيداً ومقتنعاً بالتصميم يمكنك تجميع group كل العناصر باستثناء الخلفية بالضغط على (CTRL+G) من لوحة المفاتيح بعد تحديدهم.

نحدد العناصر المجمعة، ونقوم بإنشاء نسخة منها، ثم ننقر بزر الفأرة الأيمن ونختار من Transform ثم تحريك Move من القائمة المنبثقة، أو نضغط على (SHIFT +CTRL+M). ومن مربع الحوار Move نضبط الموضع الأفقي Horizontal على 600px والرأسي Vertical على القيمة 0، وزاوية الدوران Angle على القيمة 0. وبهذا ننسخ كل شيء إلى اليمين، نكرر العملية حتى يتم نسخ جميع العناصر إلى كل الحواف الأربعة.

• العلوي / أفقي: 0، عمودي: -600، المسافة: 600 ، زاوية: 90 درجة.
• اليسار / أفقي: -600، عمودي: 0، المسافة: 600، زاوية: 180 درجة.
• السفلي / أفقي: 0، عمودي: 600 ل، المسافة: 600 ل، زاوية: -90 درجة.

نفك تجميع العناصر الخريفية في المربعات الخمسة ثم نحدد كل شيء، ما عدا الخلفية، ونقوم بتجميعها ككائن واحد عملاق، نقوم بعمل نسخة من الخلفية ووضعها في الأمام بالضغط على المفاتيح (CTRL+C ثم CTRL+F) ثم (SHIFT+CTRL+]) لإحضارها للمقدمة.

نحدد كلاً من الخلفية والعناصر الخريفية وننقر على الزر اقتصاص Crop من لوحة Pathfinder.

هذا كل ما في الأمر.

انتهيت من نمطك الخريفي البسيط الآن، قمّ بسحبه إلى لوحة Swatches واستخدامه كيفما تشاء.

فعلا، تُساعد ألوان الذهبي والبرتقالي والبني على استحضار تلك الذكريات من الأمسيات الباردة، مع القفازات والأوشحة، ومع قدح دافئ من الشوكولاتة الساخنة.

ترجمة -وبتصرف- للمقال Create a seamless autumnaal pattern in Illustrator لصاحبته Liz Canning.

اتبعوا الخطوات في هذا الدرس لتصميم بطاقة أعمال راقية بمزيج من الشرائط الملونة الجميلة. سنتعلم كيف نُجهّز ملف التصميم، إنشاء تصميم البطاقة وتصدير المستند الجاهز للطباعة.

البطاقة التي سنصممها ستكون لمصمم داخلي خيالي. سنستخدم مجموعة ألوان جميلة لمجموعة من الشرائط المزخرفة التي ستتدفق من الجانب الأمامي للبطاقة إلى جانبها الخلفي.

افتح برنامج Adobe Illustrator وأنشئ ملفًا جديدًا. سنحدد الخيارات الصحيحة للطباعة. وبما أننا سنصمم البطاقة بجهتين فسنختار عدد ألواح الرسم 2. اضبط إعدادات الأبعاد النهائية للبطاقة وسأستخدم هنا 84mmx55mm مع هامش قطع طباعة 2mm. وتأكد من أنك حددت نظام ألون CMYK والتأثيرات النقطية 300ppi.

اضغط CMD+R لإظهار المسطرة ثم اسحب منها أدلة باتجاه الحدود السوداء الخارجية للوح الرسم. اضغط بالزر الأيمن وألغِ تفعيل قفل الأدلة Lock Guides ثم حدّد الأدلة اليسارية والسفلية.

اضغط Enter لتظهر نافذة التحريك Move وأدخل قيمة 5mm للخيار الأفقي والعمودي.

حدّد الدليل العلوي والأيمن واضغط Enter مجددًا وهذه المرة أدخل القيمة -5mm في هذه الخيارات. هذه الأدلة ستشير إلى المنطقة الآمنة في تصميمنا. العناصر الهامة كالنص يجب أن تكون داخل هذه الأدلة وبذلك لا يتم قصّها ولا يفقد التصميم توازنه.

ارسم بعض الكتل الملونة ستكون مخطط الألوان الخاص بالتصميم. استخدمت هنا مخطط جاهز من ColourLovers.com.

استخدم أول لون من مخطط الألوان وابدأ برسم مستطيلات عشوائية الأحجام عبر لوح الرسم الأول.

تابع في رسم المزيد من المستطيلات باستخدام باقي الألوان. تأكّد من أن جميع المستطيلات تمتد خارج الإطار الأحمر.

بعد الانتهاء من جميع الألوان استخدم اللون الأخف في المجموعة كلون للخلفية. فعّل أداة المستطيلات وانقر على لوح الرسم ثم أدخل الأبعاد 88x59 mm لرسم مستطيل مطابق لحجم البطاقة.

استخدم لوحة المحاذاة Align لمحاذاة المستطيل وسط لوح الرسم (فعّل خيَار Align to Artboard من قائمة Align To). اضغط CMD+Shift+[ لإرسال هذا العنصر خلف جميع الأشكال الأخرى.

امسح لون التعبئة من شريط الأدوات ثم أنشئ مستطيل آخر في لوح الرسم بذات الأبعاد السابقة ثم وسّطه بالنسبة إلى لوح الرسم من لوحة المحاذاة تمامًا كما فعلنا مع المستطيل السابق.

حدّد جميع الشرائط الملونة المتداخلة واجمعها في مجموعة واحدة ثم اضغط Shift مع النقر على المستطيل الفارغ. اختر خيَار Crop من لوحة Pathfinder لقص الأشكال داخل المستطيل.

سنتجه لتصميم الجانب الآخر من البطاقة. انسخ سلسلة الشرائط من الجانب الأول ثم اضغطها لتغطي مساحة صغيرة في الجزء اليسر من البطاقة.

ارسم مستطيلًا أعلى من الشرائط وحاذِه على الحافة اليمنى لشكل الشرائط ثم امنحه تدرّج لوني من الأسود إلى الشفافية وخفف من قيمة Opacity لمنحه تأثير الظلال.

أدخل اسم صاحب البطاقة باستخدام خط من اختيارك. أنا استخدمت هنا الخط القديم المفضّل لدي DIN.

أدخل عنوان العمل بخط أخف من حيث الحجم والسماكة من خط الاسم مع مطابقة ارتفاع هذا الخط مع ارتفاع الأحرف الصغيرة من خط الاسم.

أدخل الآن معلومات الاتصال بخط أخف وأصغر من الخطين السابقين. اضبط المسافة بين الأحرف لمطابقة تنسيق جميع العبارات باستخدام مفتاح ALT مع مفاتيح الأسهم الأيسر والأيمن لزيادة ونقصان المسافة.

سنقوم بمنح النص تأثير البروز الزائف عبر نسخ النص ولصقه في الخلف CMD+B ارفع الخط المنسوخ بمقدار نقطة للأعلى وامنحه لون رمادي داكن.

البطاقة جاهزة الآن ليتم تصديرها للطباعة. في البداية احذف مخطط الألوان من لوح الرسم وحوّل النصوص إلى أشكال خطوط خارجية عبر تحديدها والضغط على الاختصار CMD+Shift+O. ثم اذهب إلى القائمة File > Print. غيّر نوعية الطباعة إلى Adobe PDF. الأمر بعد ذلك يتعلق بمركز الطباعة الذي تتعامل معه فبعضها لا يحتاج إلى أية علامات أو تحديد خطوط قطع الطباعة وإلا فعليك تفعيل كل ما يتعلّق بذلك في قسم Marks و Bleed ضمن نافذة الطباعة ذاتها.

عد مجددًا إلى القسم العام General وغيّر الحجم إلى Custom، هذا سيمسح المساحات البيضاء الإضافية حول المستند في المعاينة. الآن احفظ الملف بصيغة PDF.

افتح ملف PDF الذي قمنا بحفظه للتو ببرنامج Adobe Acrobat للتحقق من العمل النهائي. ستلاحظ أن لوحي الرسم اندمجا معًا في ملف واحد مع علامات التسجيل والقص. المهمة التالية هي إرسال الملف إلى مركز الطباعة.

والآن حان دورك أنت. صمّم بطاقة مُماثلة تحمل اسمك وشارك معنا النّتيجة لنرى من سيُصمّم أجمل بطاقة.

ترجمة -وبتصرّف- للمقال: How To Create a Sophisticated Business Card Design لصاحبه Chris Spooner.

اتبع الخطوات في هذا الدرس لإنشاء شخصية قزم الإنترنت الغاضب. سنبدأ العملية بمخطط مرسوم بقلم رصاص عادي ثم سنحوّل المخطط إلى خطوط فكتور ثم سنلوّن المخطط وبعدها سنضيف الظلال الأساسية لنصنع هذه الشخصية الكرتونية المضحكة.

تتألف عملية التصميم من أربعة خطوات أساسية. الأولى هي رسم أساس الشخصية بالقلم الرصاص، ثم سيتم تحويل المخطط المرسوم إلى مخطط رقمي بنمط الفكتور ثم سيتم تلوينه وبعدها سيُضاف إليه الظلال الأساسية لتمنح التصميم الحيوية.

هذه الشخصية بدأت كمخطط مرسوم بالقلم الرصاص على ورقة. وعلينا أن نتعاون لإخراج الصفات المشتركة والخصائص النمطية لشخصية القزم الخرافية وفِعل تصفح الإنترنت، حيث أن المخطط الأساسي يوضح قزمًا قبيحًا يتراخى فوق كمبيوتر محمول صغير. وبما أن تصميم هذه الشخصية متناظر فيمكننا رسم نصف الشخصية ومن ثم نسخ النصف الآخر وعكسه للحصول على التصميم الكامل.

استخدم أداة القلم Pen tool لترسم مسارًا حول الشخصية في طبقة جديدة. تذكر أن ترسم مسار لنصف الشخصية فقط بحيث نستطيع فيما بعد نسخ المسار وعكسه لإبقاء الشخصية متناظرة.

ابدأ مسارًا جديدًا وتتبع الخطوط الخارجية لوجه القزم. يمكن أن تقوم بالنقر على النقاط وتحريك المقابض لإنشاء منحنيات ناعمة، أو يمكنك النقر على نقطة مفتوحة لإزالة مقابض البيزير من أجل زاوية حادة.

انسخ CMD+C وألصق في المقدمة CMD+F نسخة عن الخطوط المرسومة ثم اذهب للقائمة:

Object > Transform > Reflect

ضع النسخة المعكوسة في الجهة المقابلة ثم حدد وقم بوصل النقاط المفتوحة باستخدام أداة التحديد المباشر Direct Selection Tool لتُكوّن أشكال كاملة.

ارسم التفاصيل الداخلية للشخصية بمسارات مفتوحة. غالبًا سوف تتداخل هذه الخطوط مع مسارات أخرى في النهاية.

ارسم العينين لإنهاء ملامح الوجه. بعض الأشكال مثل بؤبؤ العين يمكن رسمها باستخدام الأشكال الأساسية مثل الدائرة ثم قصها ضمن مجال حجم العين باستخدام أداة المقص Scissors tool.

بعد الانتهاء من رسم الخطوط كلها نستطيع أن نُميّز جميع التفاصيل بأحجام متنوعة للحدود. ويمكن البدء بحجم 7pt للحدود الخارجية.

ارسم مسارات قصيرة كمنحنيات وضعها بالقرب من الحدود الرئيسية لإضافة العمق والأبعاد للعمل الخطي.

في مكان آخر من لوح الرسم ارسم دائرة صغيرة اسحب النقطة اليمنى أفقيًّا ثم انقر على أيقونة "New" أسفل لوحة الفرش Brushes palette. اختر خيَار Art Brush.

ارسم مسارات قليلة وطبّق الفرشاة لإنشاء مجموعة من الشعيرات الصغيرة على رأس القزم.

اضبط حجم الحدود للخطوط المتنوعة بحيث تصبح أنعم للعناصر ذات التفاصيل الأدق. استخدم حجم 4pt لخطوط الوجه والذراعين، 2pt لملامح الوجه و1pt للتفاصيل الدقيقة كالقميص والحدود الخارجية لقزحية العين.

أنشئ طبقة جديدة تحت طبقة العمل الخطي، حيث ستكون هذه طبقة الألوان. ارسم بشل تقريبي الحدود حول الذراع مع المحافظة على لون الحدود الأسود. أعطِ هذا الشكل تدرج لوني أخضر.

كرّر العملية مع باقي أجزاء جسم الشخصية الظاهرة مع التدرج اللوني الأخضر ثم اضبط اتجاه التدرجات اللونية بشكل أنيق.

كرّر العملية ولكن هذه المرة استخدم تدرج الرمادي الخفيف إلى الأبيض. ارسم مسارات حول القميص والعيون والأسنان.

أنشئ طبقة جديدة وأطلق عليها اسم "Shading" حيث سنضع الظلال في هذه الطبقة. استخدم أداة القلم لرسم مساحة سوداء في مناطق تواجد الظلال وأنهِ هذه الأشكال بمسارات ناعمة بالقرب من المناطق الداخلية للشخصية.

أضف المزيد من الظلال للوجه والجسم ثم بدّل خصائص الشفافية إلى Multiply عند 10%. هذه الأشكال البسيطة منحت الشخصية الكثير من الحيوية والحياة.

أضف خلفية تحت الشخصية برسم مستطيل كبير ملوّن بتدرج لوني من الرمادي إلى الأبيض.

هذه الشخصية لن تكتمل بدون تعليق ازدرائي. هنا استخدمت الخط المجاني المُسمّى Feast of flesh.

أضف بعض الانحناء والتلاعب بالنص عبر الذهاب للقائمة:

Object > Envelope Distort > Make with Warp

اضبط الإعدادات إلى Shell Upper مع انحناء 50%.

طبّق تدرجًا لونيًا رماديًا مع حدود سوداء على النص لمنحه نمطًا مطابقًا لنمط الشخصية.

هذا العمل على وشك الانتهاء. ولكن هناك بعض الأعمال البسيطة على ملامح الوجه التي يجب علينا القيام بها. حدد حدود الجبين واذهب للقائمة:

Object > Expand

حدد فقط خَيَار Stroke.

استخدم أداة التحديد المباشر Direct Selection tool لتحريك بعض النقاط المعينة برفق لإضافة بعض التغيير في عرض الحدود.

كرّر العملية مع الخطوط المُشكّلة للأنف. بعض النقاط يمكن تحريكها لإنشاء زوايا حادة في مكان الزوايا المربعة الأصلية.

الاختلاف الصغير في السماكة البسيطة أضاف مستوى جديد في العمق والتفاصيل لدى المقارنة مع الخطوط الأساسية.

اكتمل تصميم شخصية قزم الإنترنت الغاضب. التقنيات البسيطة للخطوط المتنوعة والتدرجات اللونية والظلال الأساسية ساعدت على إضافة العمق والتوضيح الذي منح هذه الشخصية الحيوية والحياة.

ترجمة -وبتصرّف- للمقال: How To Create a Grumpy Troll Character in Illustrator لصاحبه Chris Spooner.

يمكننا أن نصمّم أمورًا رائعة باستخدام الأشكال الأساسية فقط في برنامج Illustrator كالمستطيلات والمربعات والدوائر وهذا ما قمت به في هذا الدرس حيث صمّمت هذه الشخصية التي تشبه لعبة قديمة من جيل أجهزة أتاري وسيجا القديمة، فقد استخدمت المستطيلات فقط وعلى الرغم من أنه يمكن تصميم هكذا نوع من التصاميم ببرنامج فوتوشوب إلا أن ما يميز Illustrator هو أنه فكتور 100% أي أنه على عكس فوتوشوب بإمكانك تكبير حجم التصميم كما تشاء مع المحافظة على تفاصيل التصميم بدون تشوّهات.

الشخصية التي سنرسمها هنا لديها موديل شعر من خمسينات القرن الماضي المميز بأنه أملس ومدهون بالزيت ومرفوع للأعلى وترتدي جاكيت جلدي وسروال جينز أزرق، كل ملامح الشخصية مبسطة للغاية لنتمكن من رسمها بشبكة بكسل، لذلك سنستخدم مربعات ومستطيلات أساسية فقط لرسم هذه الشخصية.

إن قمت بتكبير المشهد في فوتوشوب كثيرًا فستحصل على مربعات بكسل مرئية ويمكنك التعامل معها أمّا في الإليستريتور فعليك أن تجهّز الشبكة بنفسك لتظهر وتتمكن من الرسم وفقًا لها، اذهب للقائمة:

View > Show Grid

وتأكد من أن Snap to Grid مفعّلة.

اختر أداة المستطيل rectangle tool وارسم مربع داخل خطوط الشبكة الرئيسية. هذا الشكل ستتم مطابقته snap مباشرة إلى نقاط الشبكة، وهذا ما يجعل من السهل تحقيق التوافق والمحاذاة للأشكال وسيسّهل بناء الشخصية. أعطِ هذا الشكل الذي رسمناه لون الجلد حيث سيكون هو الوجه.

أعد لون المقدمة إلى اللون الأسود واستخدم أشكال المستطيلات السوداء لبناء الشعر.

إن الرسم بالأشكال المضلّعة الأساسية تمنعنا من استخدام المنحنيات ولكن ما إن تبدأ معالم الشخصية بالظهور فسيكون ما من داعٍ لرسم المنحنيات لأن الأشكال ستكون واضحة وظاهرة.

على الرغم من أنه رسم ثنائي الأبعاد إلا أنّ تأثيرات المنظور البسيطة يمكن تحقيقها باستخدام تغيير الحجم فعلى سبيل المثال لجعل الشخصية تبدو وكأنها تنظر إلى الجانب سنقوم برسم العدسة اليسرى للنظارة بعرض مربعين فقط فيما سنرسم العدسة اليمنى بعرض ثلاثة مربعات وبذلك تبدو الشخصية وكأنها تنظر للجانب.

ارسم مستطيلًا أسود كبيرًا ليكون هو الجسم. قم بمداخلة الجسم مع الرأس ولكن أرسل الجسم للخلف بالاختصار بالزر الأيمن ثم من القائمة:

Arrange > Send to Back

مدد الرأس فوق الجسم برسم مستطيل جديد بلون الجلد لتشكيل الرقبة. وارسم باللون الأسود إضافة للجسم لتشكل الياقة.

ارسم مستطيلين طويلين على جانبي الجسم ليشكلا الذراعان. بوضع الأشكال السوداء بجانب اللون الأسود أصلًا سيجعل هذه الأشكال متداخلة ولكن تمدد أطراف الأشكال ميّزها عن بعضها البعض.

املأ المساحات وسط الجسم باللون الأبيض لتشكيل القميص الأبيض تحت الجاكيت.

ارسم مستطيلًا واحدًا رفيعًا على طول خط بعرض مربع واحد مع تلوينه باللون الرمادي الداكن لإضافة بعض التفاصيل للجاكيت.

ارسم الساقين بمستطيلات معتدلة بلون الجينز الأزرق واترك مسافة بين الساقين لإعطائه شكلًا نمطيًا أبلهًا.

استخدم نفس لون الجلد لتلوين أشكال اليدين التي سنرسمها. وللقيام برسمها سنرسم مستطيلًا كبيرًا مع مربع صغير واحد يمثل الأصبع وسيكون هذا كافيًا لإبراز شكل اليد.

قم بإنهاء رسم الشخصية عبر رسم زوجين من الأحذية مع رسم مستطيلين أزرقين فاتحين لتمثيل ثنية ساق البنطال.

قم بإخفاء الشبكة عبر الذهاب للقائمة:

View > Hide Grid

وبذلك ستظهر الشخصية بشكل أوضح. وبما أننا رسمنها بأشكال فكتور فسيكون بمقدورنا تكبير حجمها كما نشاء بدون أن تتشوه التفاصيل.

لربما سترغب برسم المزيد من الشخصيات المماثلة بنفس الأسلوب وخصوصًا بعد أن شاهدت بأن العملية سهلة للغاية لا تتطلب سوى بعض الأشكال الأساسية ببعض الألوان.

ترجمة -وبتصرّف- للمقال: How To Create an 8-Bit Pixel Character in Illustrator لصاحبه Chris Spooner.

هل تريد تعلّم أساسيات Adobe Illustrator؟ في هذا الدرس سنستخدم الأدوات والتقنيات المختلفة لإنشاء شخصية رجل آلي. مع هذا الرجل الآلي سنستخدم العديد من الأشكال الأساسية ما يجعل هذا الدرس جيدًا للمبتدئين حتى يعتادوا البرنامج ويُحكِموا سيطرتهم على أدواته المختلفة.

هذه هي شخصية الرجل الآلي الذي سنقوم بتصميمه في هذا الدرس. إنه مصنوع بشكل أساسي باستخدام الكثير من الأشكال الأساسية كالمستطيلات والدوائر ولكن الحدود المميزة والتدرّجات اللونية وانعكاس الإضاءة الخاص هو ما سيضفي الحيوية على التصميم.

افتح البرنامج وابدأ ملفًا جديدًا. اختر أداة المستطيلات Rectangle tool وارسم أشكال الرأس الأساسية والهوائي. انتقل إلى أداة الدوائر Circle tool وارسم دوائر شكل الهوائي. اضغط CMD+Shift+[ مع تحديد الدائرة لإرسالها أسفل المستطيل.

ارسم دائرة لشكل العين ثم اذهب للقائمة:

Object > Path > Offset Path

وأدخل القيمة 1.5mm في خيار Offset لإنشاء دائرة أكبر بقليل محاذية بشكل كامل للدائرة الأصلية.

استخدم مزيجًا من الأشكال كالمستطيلات، الدوائر والمستطيلات مستديرة الزوايا لإنهاء تفاصيل رأس الرجل الآلي المختلفة. اجمع Group كل زوجين من الأشكال معًا كالعينين والأذنين ثم حاذِ جميع الأشكال للوسط.

ارسم شكل جسم الرجل الآلي وأضف العديد من الأزرار والمعدات عبر استخدام الأشكال الأساسية ثم حاذِ كل شيء انطلاقًا من منتصف الرأس.

ارسم الشكل الأساسي للذراع مع رسم دائرة كبيرة لليد. انسخ CMD+C الدائرة وألصقها في المقدمة CMD+F ثم استمر بالضغط على ALT و Shift أثناء تصغير حجم الدائرة الجديدة وذلك للمحافظة على المحاذاة والنسبة بين الأبعاد.

حدّد الدائرتين ثم انقر على خيار Subtract من لوحة Pathfinder لتقص الدائرة الصغيرة وتحذفها من شكل الدائرة الكبيرة.

ارسم مربع ودوّره بزاوية 45 درجة ثم ضعه في منتصف حلقة اليد من الأسفل. فعّل الأدلة الذكية Smart guides بالضغط على CMD+U وذلك لتُسهّل عملية المحاذاة. استخدم لوحة pathfinder مجددًا لقص المربع من الحلقة.

حدد كل الأشكال التي تُكوّن الذراع ثم انسخها وألصقها في المقدمة. اذهب إلى القائمة:

Object > Transform > Reflect

واختر الخيار العمودي Vertical لعكس العناصر ثم ضعها في الجهة المقابلة.

على الرغم من أننا نستخدم الأدوات القياسية لإنشاء زوج من الأشكال المتقابلة إلا أن الرجل الآلي يبدو رائعًا حتى الآن.

استخدم أداة المضلعات Polygon tool وارسم شكلًا داخل لوح الرسم. قبل إفلات زر الفأرة يمكنك زيادة أو تخفيف عدد النقاط إلى 5 من خلال الضغط على مفاتيح الأسهم في لوحة المفاتيح.

حاذِ هذا الشكل بشكل مطابق تمامًا للزوايا السفلية لمستطيل الجسم. فعّل نمط الخطوط بالضغط على CMD+Y لرؤية واضحة ودقيقة.

ارسم خطًا مائلًا وموازيًا للجزء السفلي من الجسم باستخدام أداة الخط Line tool. انسخ ثم ألصق ثم اعكس الخط وضع النسخة الجديدة في الجهة المقابلة.

حدّد الخطين ثم اذهب للقائمة:

Object > Blend Make

ثم عد للقائمة:

Object > Blend > Blend Options

غيّر مسافة الخطوات المحددة Specified Steps ثم أدخل الرقم الذي يناسبك.

أنهِ رسم الرجل الآلي باستخدام المستطيل كساق وشكل سُباعي كقدم وقص الجزء السفلي من الشكل السُباعي باستخدام مستطيل مؤقت ومن خلال أدوات لوحة Pathfinder.

حدّد كل الأشكال التي تُكَوّن الرجل الآلي وانسخها ثم ألصقها في المقدمة ثم أدمجها معًا بالخيَار Merge من لوحة pathfinder. ألغِ لون التعبئة ثم زِد حجم الحدود إلى 5pt مع محاذاتها للخارج.

حدّد كل عنصر من العناصر بشكل منفرد وعدّل بحجم حدوده بحسب الأهمية والترتيب والموقع بحسب ما تراه مناسبًا. يمكن أن تستخدم حجم 3pt للعناصر المهمّة كالرأس مثلًا وحجم 2pt للعناصر الأقل أهمية وحجم 1pt للتفاصيل الدقيقة.

والآن سنبدأ بإضافة الألوان. أعطِ كل شكل لونًا. لقد استخدمت درجتين من اللون الرمادي لأجزاء الجسم، الأحمر لليدين وكرة الهوائي، الأزرق أو الأصفر للأزرار والمفاصل.

لإضافة المزيد من العمق على مظهر التصميم سنقوم باستبدال الألوان المُسطّحة بتدرجات لونية تقوم أساسًا على الألوان المسطحة الأساسية. أنشئ لوحة ألوان وتقابلها لوحة تدرجات بحيث تكون هذه التدرجات بين الفاتح والداكن لذات اللون المسطح. اضبط زاوية اتجاه التدرج اللوني بحسب الحاجة باستخدام أداة التدرّج اللوني Gradient tool.

يمكننا أن نضيف المزيد من العمق لمظهر التصميم بإضافة بعض انعكاسات الإضاءة الناعمة والخفيفة فوق أجزاء الرجل الآلي. انسخ وألصق نسخة من كرة الهوائي ثم لوّنها بالأبيض. ارسم مؤقتًّا شكل بيضوي يغطي النصف السفلي من الهوائي ثم قاطع الشكلين باستخدام أدوات لوحة Pathfinder.

عدّل مستوى Opacity للشكل الجديد لنحو 20% لإنشاء الانعكاس الذي يعطي انطباع اللمعان البرّاق للمادة اللامعة.

كرّر العملية على أجزاء الرجل الآلي بإضافة الانعكاس البرّاق لإعطاء المزيد من العمق ولمسةً من الواقعية للتصميم.

سننهي التصميم برسم الظلال تحت الرجل الآلي. ارسم دائرة ولوّنها بتدرج لوني من الرمادي للشفافية.

اضغط شكل الظل وضعه تحت الرجل الآلي. استخدم الاختصار CMD+Shift+[ لإرسال الظل أسفل كل الأشكال.

وبهذا نكون قد انتهينا من رسم الرجل الآلي. ومع أننا استخدم الأدوات القياسية والأشكال الأساسية فقط إلا أنّ استخدامنا للتدرجات اللونية وإضافة الانعكاسات البرّاقة منحت التصميم الحيوية والروعة.

ترجمة -وبتصرّف- للمقال: Create a Cool Vector Robot Character in Illustrator لصاحبه Chris Spooner.

اتبع الخطوات واحدة تلو الأخرى في برنامج Adobe Illustrator لتصميم فكتور شخصية بطريق لطيف. سنستخدم العديد من أشكال الإليستريتور الأساسية لرسم هيكل الشخصية. ثم سنستخدم عدة تدرجات لونية مختلفة لإضافة الحيوية والعمق والأبعاد.

هذه هي شخصية البطريق البدين اللطيف التي سنصممها في هذا الدرس. الجسم بالكامل مرسوم باستخدام أنواع مختلفة من الدوائر والأشكال البيضوية التي تساعد على منح البطريق المظهر اللطيف بينما التدرجات اللونية والظلال ساعدت على جعل الشخصية تقفز من الشاشة بالرسم ثلاثي الأبعاد.

افتح ملف جديد ببرنامج Adobe Illustrator وارسم شكل بيضوي على لوح الرسم ثم حدد واسحب النقطة السفلية إلى الأعلى باستخدام أداة التحديد المباشر Direct Selection Tool.

ارسم شكل بيضوي آخر واجعله متداخلًا مع الشكل الأول (فراء البطن) ثم حاذِ الشكلين إلى وسط المحور Y.

سنحتاج إلى قص الفائض من الشكل الجديد لذلك انسخ CMD+C شكل الجسم الأساسي وألصقه في المقدمة CMD+F ثم أرسله إلى أعلى كل الأشكال بالضغط على الاختصار CMD+Shift+]. حدد النسخة الجديدة مع شكل فراء البطن ثم انقر على الخَيَار Intersect من لوحة Pathfinder ليتم قص الأشكال بحسب التقاطع بينهما.

ارسم شكل بيضوي آخر سيكون الجناح. استخدم نسخة أخرى عن الجسم وقص شكل الجناح.

انسخ وألصق جناح آخر على لوح الرسم ثم اذهب للقائمة:

Object > Transform > Reflect

ضع الجناح الجديد في الجهة المقابلة من الجسم.

ارسم الشكل الأساسي للقدم باستخدام ثلاثة أشكال بيضوية. ثم ادمجها باستخدام الخَيَار Merge من لوحة Pathfinder. انسخ واعكس وضَع النسخة على الجهة المقابلة.

ارسم العين باستخدام ثلاث دوائر مختلفة الأحجام. قم بعمل Offset (إنشاء مسار تعويض إضافي) لبؤبؤ العين لمنحها مظهر المذهول. انسخ، ألصق وضاعف أشكال العين ثم ضعها في الجهة المقابلة.

استخدم شكل بيضوي آخر لرسم منقار البطريق ولكن اسحب النقطة السفلية للأسفل واضبط مقابض البيزير Bezier ليتواجد انحناء طفيف على الحافة السفلية.

وبذلك ننهي تصميم البنية الأساسية وسوف نبدأ بالتلوين. استبدل اللون الأساسي والتعبئة بتدرج ألوان من الرمادي الفاتح إلى الأسود ثم اضبط الزوايا ودع التدرج يكون دائريًّا ويتدفق من مركز الجسم إلى آخره.

لوّن العين بتدرج لوني من الرمادي الفاتح إلى الأبيض. اضبط شكل التدرج للعثور على توافق مع حدود كرة العين.

استخدم ذات التدرج اللوني (الرمادي إلى الأبيض) على شكل فراء البطن. اضبط هذه التدرجات بحيث تكون المنطقة السفلية بالرمادي الداكن لتبدو كالظلال ويمنح التصميم المظهر ثلاثي الأبعاد.

من أجل الأجنحة استخدم أداة Gradient Mesh tool. لوّن الجناح أولًا باللون الأسود ثم انقر مرة واحدة على الجزء السفلي من الجناح. حدد أخف ظل رمادي لإضافة اللون إلى نقطة gradient mesh. الإليستريتور سيسمح بتدفق التدرج عبر الشكل.

أضف تدرج gradient mesh آخر على المنقار هذه المرة وابدأ من قاعدة المنقار البرتقالية السفلية وبعدها أضف اللون الأصفر الفاتح قرب الحافة العلوية لتُشكّل انعكاس الإضاءة.

ارسم دائرتين متداخلتين لتكون إحدى فتحات الأنف وبعدها ارسم الفتحة الثانية. الدائرة السفلية يجب أن تكون باللون الأصفر الفاتح لإضفاء تأثير highlight لطيف.

أضف تدرج الرمادي إلى الأسود على الدائرتين التي سنرسمهما حول العينين كتدرجات خطية ثم خفف Opacity لنحو 50%.

البطريق أصبح حيويًا ورائعًا بهذه الألوان. وبذلك يبقى لنا القليل من العمل بعد.

حدد المنقار والعينين واذهب للقائمة:

Effect > Stylize > Drop Shadow

غيّر offset على الصفر ثم أضف التأثير.

في مكان آخر على لوح الرسم ارسم شكل بيضوي ولوّنه بتدرج من الرمادي إلى الشفافية بشكل خطي.

اضغط على Shift و Alt أثناء سحب نسخة عموديًّا ثم كرر العملية بالضغط على CMD+D حتى تكمل الصف. اضغط على Alt أثناء سحب نسخة عن كل الصف لإنشاء صف إضافي ثم اضغط CMD+D حتى يصبح لديك سلسلة كاملة من الأشكال المنقوشة.

اجمع Group كل هذه الأشكال معًا ثم غيّر خصائص المزج إلى overlay حتى تتفاعل مع منطقة فراء بطن البطريق. سنحتاج إلى نسخ منطقة فراء البطن لنتمكن من استخدامها كأداة مع لوحة Pathfinder لذلك اضغط على CMD+2 لتقفل شكل النقش وبذلك يمكنك تحديد العناصر المُتَضَمّنَة.

ألصق منطقة الفراء المنسوخة وأرسلها للأعلى CMD+Shift+] ثم حدد كلا العنصرين (اضغط CMD+Alt+2 لإلغاء جميع الأقفال) انقر على زر Crop من لوحة Pathfinder.

إذهب إلى القائمة:

Object > Envelop Distort > Make with Warp

حدد تأثير الانتفاخ Bulge. اضبط الإعدادات لمنح نقش الريش مظهرًا ثلاثي الأبعاد.

حوّل تأثير الغلاف المشوّه إلى شكل جامد بالذهاب على قائمة:

Object > Expand

وفعّل فقط خَيَار Object.

النقش أصبح خارج حدود منطقة فراء البطن لذلك ألصق نسخة أخرى من الشكل وكرر عملية القص Crop من لوحة Pathfinder لتقص الزوائد وتعيد الشكل إلى وضعه الطبيعي.

اضبط opacity لعناصر نقش الريش حتى تضيف تفاصيل إضافية إلى الشخصية ولكن أليست رائعة أكثر من اللازم.

تصميم البطريق اكتمل وأصبح جاهزًا. لم نستخدم في تصميمه سوى الدوائر والأشكال البيضوية مع بعض المساعدة من التدرجات اللونية والظلال لنضيف لمسة من العمق والأبعاد إلى التصميم.

ترجمة -وبتصرّف- للمقال: Create a Cute Vector Penguin Character in Illustrator لصاحبه Chris Spooner.