حاول أن تتبع خطوات هذا الدرس لتتمكن من رسم ملصق لجمجمة باستخدام برنامج أدوبي اليستريتور Adobe Illustrator، والذي سيناسب حتما المبتدئين بشكل كبير. لن نكتفي فقط برسم الجمجمة وعظمتين متقاطعتين باستخدام أهم أدوات برنامج اليستريتور، لكن سنتعلم أيضا طريقة إعداده للطباعة باستخدام الخاصيتين bleeds والخطوط التوجيهية guides

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

يمكنك أن تختار الأبعاد التي عادة تستخدمها لتصميم لملصق وتوجيهه للطباعة، بالنسبة لي فقد اخترت القياسات التالية 38x38mm، وبما أن ذلك يتطلب أن تكون قيمة bleed: 1mm فسيصبح مقاس العمل: 40x40mm.

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

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

نستعين بلوحة المحاذاة Align palette لتعديل مكان الدائرة وجعلها تتناسب مع مساحة العمل، تأكد من أن لوحة المحاذاة محددة على قائمة الخيارات.

عند الانتهاء من رسم الدائرة ومحاذاتها، نضغط على الزر الأيمن للفارة ونختار Make Guides ، حتى نستطيع التحكم بالشكل أكثر.

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

بعد إظهار الخطوط التوجيهية ووضع الخطين في مكانهما، نضغط على الزر الأيمن للفأرة ونختار Lock Guides، حتى نضمن عدم تحركها أو تحديدها بالخطأ.

يتميز التصميم الذي سنقوم بعمله باحتوائه على خلفية سوداء، لذلك نقوم بإضافة دائرة مقاسها 40x40mm ثم نقوم بمحاذاتها إلى الوسط.

نستخدم أداة Ellipse tool لإنشاء الجزء الرئيسي من الجمجمة، بعدها نحدد أداة المستطيل مدور الحواف Rounded Rectangle tool لرسم جزء الفك، بإمكاننا استخدام مفاتيح الأسهم لتعديل أنصاف أقطار الزوايا قبل أن نفلت الفأرة.

نقوم برسم العينين وذلك برسم دائرتين نختار لهما اللون الأسود، ثم نسحب أحداهما إلى الأسفل قليلا لخلق تعبير يوحي بالارتباك.

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

نحدد جميع الأشكال التي تمثل شكل العظام ونضغط على CMD+G لجمعهم في طبقة واحدة. ننسخ الشكل (CMD+C) ونلصقه في الخلف (CMD+F) ثم نتبع المسار التالي:

Object > Transform > Reflect

لوضع النسخة بشكل معاكس.

نضع شكلي العظام فوق الشكل الأساسي للجمجمة لخلق حدود حولها ثم نحدد الشكلين ونتبع المسار التالي:

Object > Path > Offset Path

نحدد قيمة offset بـ: 1mm لتعبئة الأشكال الجديدة باللون الأسود.

سنحتاج إلى الجمع بين الحدود السوداء الجديدة وشكل العظام بشكل صحيح لنتمكن من عمل التأثيرات التي نريدها، نستخدم الاختصار CMD+[ و CMD+] لترتيب الأشكال وجعلها تظهر كما في الصورة:

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

تصميم الملصق يظهر بشكل جيد لحد الآن، حيث أن استخدام تلك الأشكال البسيطة سيساعدنا على عمل ملصق جميل لشكل جمجمة كما هو ظاهر في الصورة:

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

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

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

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

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

ترجمة وبتصرف للمقال Create a Skull & Crossbones Sticker Design in Illustrator لصاحبه Chris Spooner.

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

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

نفتح برنامج أدوبي اليستريتور ونرسم دائرة والتي ستمثل شكل رأس النينجا.

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

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

نضغط و نسحب الخطين الذين يقطعان الجسم لتمثيل الذراعين والساقين في وضعية قتال مع تمديد الخطوط المتدفقة (bezier handles).

نحدد قيمة حدود الخطين المنحنيين stroke بـ: 25pt ثم نحدد الخيار Round Cap ( تجده في لوحة stroke) لتنعيم نهايات الخط.

نحدد الخطين المنحنيين ونتبع المسار التالي Object > Expand، ثم نعين فقط قيمة حدود التصميم stroke وذلك لعمل شكل ثابت.

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

نغير لون التعبئة إلى 90% أسود ثم نغير قيمة حدود التصميم ونختار القيمة 8pt لإبرازها.

من لوحة المظهر Appearances palette نحدد الخيار Add New Stroke من القائمة المنسدلة الموجودة أعلى الزاوية اليسرى.

نضيف تغييرات على stroke بتحديد القيمة 4pt و 93% من اللون الأسود لخلق تأثير مزدوج لحدود التصميم وإبرازها.

نضغط على الاختصار CMD+F لوضع النسخة التي قمنا بعملها سابقا، بعدها نغير قيمة التعبئة اللونية إلى 90% من اللون الأسود، أما قيمة stroke فنحددها بـ: 4pt و93% من اللون الأسود ثم نضغط على الاختصار لوضعه تحت شكل العينين.

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

نختار أداة القلم ونرسم شكل الحزام الذي يقطع شكل الجسم ونختار له لون 93% أسود ليندمج مع حدود التصميم.

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

نحدد كلا من شكل الرأس والجسم ونقوم بتعبئتهما بالتدرج اللوني الشعاعي 90% و 93% أسود، ونستعين في ذلك بأداة التدرج اللوني.

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

نضغط على الاختصار CMD+D لمضاعفة الشكل، نستمر في مضاعفته حتى نحصل على شكل دائرة ثم نقوم بجمعها في طبقة واحدة ونخفض من قيمة الشفافية إلى 2%.

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

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

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

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

ارسم دائرة على لوح الرسم مع الاستمرار بالضغط على Shift. استخدم أداة التحديد المباشر Direction Selection tool لسحب النقطة السفلية للأعلى عموديًّا لتشويه الحافة السفلية للدائرة.

ارسم مستطيل مستدير الزوايا يُمَثّل ساق الفطر ثم حدد الساق والرأس معًا ثم انقر مجددًا على الرأس لجعلها العنصر المفتاح ثم حاذِها إلى الوسط على المحور Y.

استخدم أداة التحديد المباشر Direct Selection tool لتحديد كل النقاط العلوية لشكل الساق ثم اذهب إلى القائمة:

Object > Transform > Scale

ثم أدخل القيمة 80% في الخيارات الظاهرة في النافذة المنبثقة.

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

حدد كل الدوائر واجعلها مسار مركب Compound Path عبر القائمة:

Object > Compound Path > Make

أو بالضغط على CMD+8.

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

ارسم دائرتين باللون الأسود ستكون العينان ثم اضغط على Shift وAlt واسحب نسخة. اجمع العينين Group ثم حاذِهما إلى وسط الجسم الرئيسي. تأكد من أن الجسم هو العنصر المفتاح وبذلك لن يتحرك من مكانه.

ارسم دائرة بحدود سوداء ثم اسحب دليل لقص الجزء العلوي. اقسم المسار عبر الدليل باستخدام أداة المقص Scissors tool ثم احذف الجزء العلوي.

زِد سماكة الحدود إلى 5pt ثم اختر خيَار Round Cap من لوحة الحدود لتحصل على ابتسامة صغيرة.

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

ضاعف أشكال الجسم الرئيسي والرأس عبر CMD+C وCMD+F وأدمجها معًا Merge من لوحة Pathfinder.

زِد الحدود الخارجية للشكل العام نحو 11pt وحدد وحاذِ هذه الحدود للخارج وذلك من لوحة الحدود Stroke.

اضبط حدود شكل الرأس الأصلي نحو 6pt وحاذِ هذه الحدود للخارج.

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

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

استخدم تدرج لوني آخر لساق (جسم) الفطر واجعل اتجاهه عموديًّا مع وضع اللون الداكن في الأعلى ليبدو وكأنه ظل.

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

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

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

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

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

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

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

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

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

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

استخدم أداة المستطيل مستدير الزوايا Rounded Rectangle Tool مع أقصى قيمة لنصف قطر الزوايا لإضافة بعض الأطراف. حاذِ القدمين مع حواف الجسم ثم دوّر الذراعين 45 درجة وضعهما تحت الرأس.

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

انسخ الرأس CMD+C وألصق في المقدمة CMD+F ثم حرّك النقطة السفلية عموديًّا بواسطة أداة التحديد المباشر Direct Selection. الآن استخدم أداة التحديد Selection Tool وكبّر حجم الشكل ليصبح الخوذة.

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

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

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

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

قم برسم ووضع مجموعة من أشكال المستطيلات والأشكال المرسومة بأداة القلم Pen tool لتصمم المسدس. أدمج Merge جميع هذه الأشكال معًا من لوحة Pathfinder.

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

اصنع نسخة منها واعكسها في الجهة المقابلة ثم حدد كلا الشكلين واذهب للقائمة:

Object > Path > Offset Path

أدخل القيمة 1.25mm لإنشاء إطار للنظارة الشمسية.

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

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

زِد حجم الحدود الخارجية إلى 4pt وحاذِ الحدود إلى الخارج.

اضبط حجم الحدود في المنطقة الوسطى من الشخصية. استخدم حجم 2pt لتحديد التفاصيل الهامة بحسب حجم الحدود.

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

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

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

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

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

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

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

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

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

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

أضف تدرّج لوني من البرتقالي إلى الأصفر على النظارات الشمسية واضبط الزاوية من أداة التدرّج Gradient tool.

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

استخدم أداة القلم لرسم أشكال فوق الأجزاء الفائضة المتداخلة مع الخوذة واحذفها باستخدام أدوات لوحة Pathfinder.

غيّر خصائص المزج لهذا الشكل الأسود إلى Multiply وضع قيمة Opacity على 15% لإنشاء لون الظلال.

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

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

هذه الظلال ليست واقعية ودقيقة 100% ولكن بعض الكتل من الظلال المناسبة ستقوم بعمل عظيم وستضيف أبعادًا مذهلة إلى رسمك.

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

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

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

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

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

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

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

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

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

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

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

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

ارسم ثلاث دوائر متطابقة وبمحاذاة بعضها البعض أفقيًّا وحاذِها مع أسفل القدم. حدد الدوائر الثلاثة واضغط CMD+8 لتُنتِج مسارًا مركّبًا Compound Path ثم اصنع نسخة عن الجسم الرئيسي واستخدم الأمر Intersect من لوحة Pathfinder لتقاطعه مع الدوائر وتُشكّل أصابع القدم.

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

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

ارسم دائرة كبيرة وأخرى صغيرة في أي مكان على لوح الرسم واصنع مزيجًا منهما بالذهاب للقائمة:

Object > Blend > Make

اذهب إلى خيارات المزج من القائمة:

Object > Blend > Blend Options

وبدّل الإعدادات إلى Specified Steps مع قيمة مرتفعة 800.

ثم أعطِ الشكل انحرافًا وانحناءً عبر القائمة:

Object > Envelope Distort > Make with Warp

استخدم الخيار Arc واضبط قيمة Bend الانحناء للشكل.

أعِدْ الشكل إلى عنصر قابل للتعديل بالذهاب للقائمة:

Object > Expand

وفعّل خياري Object و Fill معًا.

الشكل بالفعل لديه 800 من الأسطح لذا ادمجها معًا من لوحة Pathfinder لتُبَسّط الشكل.

الحدود مؤلفة من عدد كبير وغير ضروري من النقاط لذا استخدم الأمر Simplify من قائمة Path لتخفف عدد النقاط مع المحافظة على الشكل العام.

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

كرّر العملية ذاتها ولكن هذه المرة مع دائرة كبيرة حمراء بحيث ستكون اللسان.

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

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

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

بعد الانتهاء من رسم فراء نصف شكل الشخصية قم بتحديد أشكال الفراء كلها ثم اذهب للقائمة:

Object > Expand Appearance

لتحول الحدود إلى أشكال جامدة.

انسخ وألصق سلسلة الحدود ثم اذهب للقائمة:

Object > Transform > Reflect

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

ابدأ مع الذراع، حدد كل أشكال الفِراء على طول شكل الذراع وأدمجها معًا باستخدام لوحة Pathfinder.

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

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

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

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

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

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

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

استبدل لون التعبئة الأبيض باللون الأزرق/الرمادي الخفيف ثم أضف حدود زرقاء/رمادية بقيمة 3pt. حاذِ الحدود للخارج مستخدمًا الأيقونات في لوحة الحدود Stroke palette.

لوّن الوجه باللون الأزرق الخفيف وأضف حدودًا بقيمة 3pt وهذه المرة حاذِها للداخل.

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

من لوحة المظهر Appearance palette اختر خيَار إضافة حدود جديدة Add New Stroke لشكل الجسم والذراعين.

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

خفف من مستوى اللون الأسود للعينين والفم ليصبح 90% وأضف حدودًا خارجية لها باللون الأزرق/الرمادي للمساعدة في إبرازها.

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

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

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

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

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

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

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

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

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

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

Arrange > Send to Back 

حتى يصبح الرسم متتابعًا.

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

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

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

Object > Transform > Reflect

وحدد الخَيَار Vertical لعكس الشكل إلى الجهة المعاكسة.

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

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

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

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

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

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

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

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

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

خفف مستوى الظهور opacity إلى 15% ثم ضعه تحت أسفل حافة أحد المستطيلات.

استمر بالضغط على ALT و Shift أثناء سحب الشكل لصنع نسخ ووضعها أسفل جميع المستطيلات.

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

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

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

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

Object > Path > Offset Path

أضف قيمة صغيرة offset بمقدار 0.3mm.

حدد كافة الأشكال الإضافية الجديدة واصنع مسارًا مركّبًا Compound Path.

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

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

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

ترجمة -وبتصرّف- للمقال: Create a Cool Ribbon Style Logo Graphic in Illustrator لصاحبه Chris Spooner.

حضرتُ مؤخرًا في السينما عرضًا لفيلم "كيف تروّض تنينك" أو How to Train Your Dragon لمخرجه كريس ساندرز، وفي الحقيقة فإن شخصيتي الكرتونية المفضّلة هي تنين بلا أسنان، ولعلّ الكثيرين منكم يشاركوني الرأي. فيما بعد تملكتني الرغبة لتصميم تنين بلا أسنان باستخدام برنامج Illustrator، لذا سأشارككم اليوم نتائج ما قمت به.

هذا هو نموذج ما سنحاول إنشاؤه. قد لا يكون نفس التنين الذي تصورته الكاتبة Cressida Cowell، عندما بدأت لأول مرة بإصدار سلسلة كتب "How to Train Your Dragon"، لكنه تنين بلا أسنان كما عرفه الكثير منا وعشقه.

لنُنشئ أولًا مستندًا جديدًا في Illustrator مبتدئين العمل انطلاقا من وجه التنين، وذلك برسم شكلين بيضاويين أحدهما بمقاس 100x165px والآخر 15x35px.

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

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

نرسم شكلاً بيضوياً إضافيًا بأبعاد 35x55px، ثم نستخدم أداة التحديد المباشر Direct Selection لسحب نقطة الربط العليا بنسبة 15px إلى الأسفل.

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

لنُنشئ الآن إحدى أُذني التنين.

نرسم شكلاً بيضوياً 45x100px وباستخدام Direct Selection نسحب نقطة الربط اليمنى لليسار بمقدار 15px. ثم نحاذي الأذن مع الجزء السفلي الأيسر للوجه و نسحبها 60px للأعلى.

نضيف آخر لاحقة لتجميل الوجه برسم شكل بيضوي أيضًا 15x35px ثم نسحب نقطة الربط اليسرى إلى اليمين بمقدار 5px.

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

لنحدّد كافة الأشكال ثم نجمعها معًا بالضغط على (CTRL+G) من لوحة المفاتيح أو (CMD+G إذا كنت تستخدم نظام التشغيل Mac).

ننسخ ونلصق المجموعة المحددة (CTRL+C ثم CTRL+F).

نعكس النسخة عمودياً، عن طريق النقر بزر الفأرة الأيمن واختيار Transform > Reflect من القائمة المنبثقة، لنسحب النسخة إلى اليمين 25px بحيث تتم محاذاة الشكلين البيضويين الكبيرين تماماً.

نحدد جميع الأشكال (الأصل والنسخة) وننقر على الزر Unite من لوحة Pathfinder للجمع بين الأشكال.

الآن اكتملت الخطوط العريضة لوجه التنين.

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

نرسم شكلاً بيضوياً 40x30px، ونسحب نقطة الربط اليمنى باستخدام أداة التحديد المباشر للأسفل 5px، ونقطة الربط اليسرى لليسار 5px، ثم ندور العين بزاوية -15 درجة.

نرسم شكلاً بيضوياً 35x20px مع تعبئته باللون الأسود وبدون حدّ خارجي ليشكّل بؤبؤ العين.

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

سنقوم الآن بتجميع كافة الأشكال المكونة للعين قبل نسخها ولصقها وعكسها عمودياً ، ووضعها في الجهة المقابلة للعين الأصلية على مسافة 85px.

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

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

دعونا نبدأ مع الخياشيم. نرسم شكلاً بيضوياً بأبعاد 5x3px، ونسحب نقطة الربط اليمنى إلى اليمين 5px.

ندوّر الشكل الناتج بزاوية -30 درجة قبل نسخه ولصقه وعكس النسخة عمودياً ثم سحبها لليمين 20px. سنجمع الخياشيم مع بعضها الآن،ونضعها في مركز الوجه بارتفاع 15px عن الجزء السفلي منه.

لرسم الأشواك، نُنشئ ثلاثة أشكال بيضوية 5x10 ونرتبها بالتتالي عمودياً مع وجود مسافة 5px فيما بينها.

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

أصبح رأس التنين جاهزاً، ويمكننا الانتقال إلى جسده. مبتدئين بساقيه الأماميتين.

نُنشئ شكلين بيضاويين بأبعاد 80x300 و 80x20.

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

سنحاذي الآن ما بقي من الشكلين البيضاويين شاقولياً إلى المركز بحيث يكون الشكل البيضوي الأصغر أسفل الشكل الكبير، ونسحب الشكل البيضوي الصغير للأسفل 10 نقاط.

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

نحدد نقطة الربط العليا للشكل الناتج ونسحبها لليسار 20 نقطة.

يحتاج التنين إلى مخالب وتنيننا ليس استثناءًا، لنبدأ بتصميمها.

نرسم أربعة أشكال بيضوية 5x10px ونضعها جنباً إلى جنب بمسافة فاصلة 15px، ثم نسحب الشكلين الداخليين للأسفل 3px.

نسحب نقطة الربط السفلى لكل من هذه الأشكال 3px للأسفل.

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

لمزيد من التفاصيل دعونا نضيف لمسة للمخالب، عن طريق اختيار المخالب ثم من القائمة:

Object > Path > OffsetPath

Offset بمقدار 3px، ثم اضغط على موافق، فيتكون لدينا طبقة ثانية من المخالب تحيط بالأصلية على مسافة 3px .

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

ننسخ ونلصق القدم ثم نعكس النسخة عمودياً. وننقلها 110px لليمين (اضغط باستمرار المفتاح SHIFT واستخدم الأسهم على لوحة المفاتيح للانتقال بزيادات 10px كل مرة).

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

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

لنبدأ برسم دائرة قطرها 200px، ونحاذيها مع أعلى رأس التنين، ثم نزيحها للأسفل 65 نقطة.

نختار مع الدائرة التي لا تزال محددة من القائمة:

Effect > Warp > Bend

نضبط Bend على 75% ثم نضغط موافق.

نوسّع مظهر الشكل باستخدام:

Object > Expand Appearance

نختار من القائمة:

Effect > Warp > Shell Lower

ونُعين قيمة Bend على 10% ثم موافق.

باستخدام Direct Selection نسحب نقطتي الربط اليمنى واليسرى إلى الداخل 15px لكل منهما.

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

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

نرسم مستطيلًا مستدير الزوايا بأبعاد 70x50px ونصف قطر الزاوية 15px، ونحاذيه مركزياً مع الجزء السفلي من الجسم العلوي للتنين.

نقوم بتنعيم المستطيل قليلاً عن طريق اختيار الأمر:

Effect > Warp > Arc Upper

ونضبط Bend على قيمة -25% ثم نضغط على موافق.

نحدد كلاً من المستطيل والجزء العلوي من الجسم ثم ننقر على الزر Minus Front من لوحة Pathfinder.

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

نفك تجميع الساقين والمخالب ثم نجمع الساقين مع الجزء العلوي من الجسم باستخدام زر Unite.

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

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

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

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

لنلصق الرأس (CTRL+F) ثم نحدد كل من نسخة الرأس والجسم.

وباستخدام لوحة Pathfinder نختار زر Minus Front لطرح شكل الرأس من الجذع.

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

من المناسب الآن أن تملئ الأشكال باللون الأبيض (إن لم تكن قد فعلت ذلك)، ما يُسهّل عليك رؤية نتائج ما قمتَ به. أعد ترتيب الطبقات إن اقتضت الحاجة.

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

ندوّر الساق المتبقية 15 درجة، ثم نحاذيها إلى يسار وأسفل التنين.

نسحب الساق صعوداً 20px وإلى اليسار 15px.

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

نُحدد كلا الساقين ونختار من القائمة:

Effect > Warp > Bulge

ونضبط قيمة Bulge على 15%

وننقر موافق، ثم نقوم بتوسيع مظهرهما.

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

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

نرسم دائرتين بقطر 300px و 750px على التوالي، بالإضافة لشكل بيضوي بأبعاد 540x360px.

نحاذي الأشكال الثلاثة أفقياً إلى المركز ورأسياً؛ كل شكل فوق الآخر.

نسحب أصغر الدائرتين للأعلى 30px ، ثم نسحب الشكل البيضاوي للأسفل حوالي 340px (مرة أخرى يمكنك استخدام مفتاح SHIFT والسهم السفلي من لوحة المفاتيح لمساعدتك).

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

إذا كنت تستخدم CS4 أو أدنى يمكنك استخدام لوحة Pathfinder لطرح الدائرة الصغيرة والشكل البيضوي من الدائرة الكبيرة مع Minus Front بدلاً من ذلك.

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

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

لنحاول إضافة المزيد من الواقعية على جناح التنين؛ نرسم أربعة دوائر بقطر 80px ونضعها جنباً إلى جنب مع تداخل 20px فيما بينها، ثم لنجمعها باستخدام الزر Unite من لوحة Pathfinder.

ندير الدوائر مجتمعة بزاوية 30 درجة ونوائمها مع الجزء السفلي الأيسر من الجناح.

نسحب الدوائر إلى اليمين 40px وللأسفل 20px، ومن ثم نطرحها من الجناح.

نزيل اثنين من نقاط الربط أقصى اليمين، ونغلق الشكل من خلال تحديدهما ثم النقر بزر الفأرة الأيمن واختيار Join من القائمة المنبثقة.

دعونا نلين زاوية الجناح العلوية فهي حادة جداً. نرسم دائرة بقطر 50px بدون حدّ خارجي مع تعبئتها باللون الأسود.

نحاذيها بحيث تتموضع في الجهة المقابلة للحواف الداخلية من الجزء العلوي للجناح.

نحدد الدائرة والجناح ثم نختار زر Divide من لوحة Pathfinder.

نحذف طرف الزاوية الحاد من الجناح، ومن ثم نجمع بين الدائرة وبقية الجناح باستخدام زر Unite.

نعيد تلوين الجناح بحيث يتضمن تعبئة بالأبيض وحدود خارجية سوداء.

نقوم بنسخ ولصق الجناح، ونعكسه عمودياً قبل سحبه إلى اليمين بنحو 256px ، أو حتى يصل إلى خط الجناح الأول.

نجمع بين الجناحي باستخدام زر Unite ومن ثم نرسلهما إلى الجزء الخلفي من الوثيقة، ونوائمهما أفقياً إلى أعلى التنين. وأخيراً، نسحب الأجنحة صعوداً بنحو 20px.

كل ما بقى القيام به هو إعطاء التنين ذيل كل ما علينا القيام به هو رسم الذيل، ولنبدأ بإنشاء مستطيل مستدير الزوايا بأبعاد 200x20 وزوايا مستديرة بنسبة 20px.

نسحب مرساة نقطة الربط العليا اليسرى للمستطيل إلى الأعلى بمقدار 10px تقريبًا، ومرساة نقطة الربط العليا اليمنى إلى الأسفل بمقدار 10px أيضاً.

نسحب مرساتي نقطتي الربط على يمين المستطيل للخارج 50px.

لنعطي الآن الذيل بعض الانحناء عن طريق الأمر Warp من القائمة Effect ونحدد الـ Style على شكل قوس Arc، ثم نضبط Bend على 50% ونضغط موافق.

لنوسّع مظهر الذيل من القائمة Object تدوير Rotate بزاوية -60 درجة.

الآن دعونا نُنشئ زعنفة الذيل الشهيرة. سيكون للتنين زعنفة ذيل كاملة. تشبه إلى حدّ ما زعنفة ذيل تنين Hiccup (فتى الفايكنج، وبطل سلسلة How to Train Your Dragon)، لننشئ مضلع نصف قطره 50px و له سبع أضلاع.

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

نحدد المضلع من القائمة:

Effect > Distort > Transform > Pucker & Bloat

نسحب شريط التمرير إلى القيمة -10% ثم نضغط على موافق.

لنوسّع مظهر الشكل باستخدام القائمة:

Effect > Warp > Arc

وضبط قيمة Bend على 30% ثم موافق.

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

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

ها هو تنينا الأليف دون أسنان بات جاهزًا، وكل ما بقي لنا إعطاؤه بعض الألوان.

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

أعتقد أنه يمكننا أن نحسّن مظهر بؤبؤ العينين ليبدوان أكثر واقعية، حدّد البؤبؤين ثم من القائمة:

Object > Path > Offset Path

ونعين الإزاحة Offset على القيمة 5 نقاط ثم ننقر على موافق.

املأ البؤبؤين والذين لا يزالان محددين بعد بلونٍ أغمق من اللون الأخضر للعينين..

نأتي الآن لخطوة تطبيق تدرج شعاعي حول البؤبؤ باستخدام اللون الأخضر الغامق ، وذلك بالضغط على (Ctrl+F9).

لنضبط مؤشرات الشفافية للدائرة اليسرى حول البؤبؤ بقيم (location 50% & opacity 100%)، وكذلك لمقابلتها في الجهة اليمنى (location 100% & opacity 0%)، ما يعطي العين لمسةً أكثر واقعية.

لنحدد الأشكال الخارجية للعين ونقوم بإزاحتها 10 نقاط من القائمة:

Object > Offset Paths

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

ننقر (مع التحديد المستمر للإزاحة الجديدة) على أداة التدرج من لوحة الأدوات على يسار الشاشة، ثم ننقر فوق وسط رأس التنين، مع مستوى مركز العيون، ونسحب الفأرة صعوداً حتى تصبح أعلى مستوى العينين ثم نحرر زر الفأرة.

ولتخفيف التأثير نضبط باستخدام لوحة Transparency درجة الشفافية opacity للإزاحة الجديدة على 50%.

وهذه الخطوة تُضيف بعض العمق للوجه.

كلمسة نهائية من التجميل دعونا نضيف بعض الحراشف.

نرسم بعض الدوائر متفاوتة نصف القطر على سبيل المثال قمت بإنشاء بعض الدوائر بمجال نصف قطر من 5px إلى 10px.

ونملأها بلون تعبئة رمادي أفتح قليلاً من لون الجسد.

نحدد الدوائر ومن القائمة:

Effect > Warp > Bulge

نعين قيمة Bend على 50%، ثم نضغط على موافق.

يمكنك توسيع الحراشف ووضعها حيث ترغب من التنين. كرر هذه العملية حتى ترضى عن النتائج.

لا تنسى أن تلقي بقليل من الظلال على الحراشف إن كانت في الظل.

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

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

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

بعد إنشاء كل مسار اضغط على ALT مع النقر على نقطة الربط لإنشاء زاوية فيها؛ هذا يسمح بإنشاء منحنيٍ جديد.

لننسخ جميع تفاصيل الجناح الأول بمجرد الانتهاء من رسمها، تلصقها وتعكسها، ومن ثم نضعها على الجناح الثاني.

أنت الآن على استعداد للانتقال إلى زعنفة الذيل. يمكنك إنهاء كافة تفاصيل الزعنفة مرة واحدة باستخدام لوحة الشفافية Transparency بضبط قيمة Opacity على 10٪ وطريقة المزج Blending إلى Screen.

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

نضبط الحدود الخارجية للعيون والأنف على القيمة 3px، المخالب والأشواك في وسط الرأس على 2px، ونترك حدود الحراشف بنقطة واحدة.

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

أخيراً، نحدد كافة الأشكال المكوّنة للتنين ونقوم بجمعها بواسطة Unite، ثم من القائمة:

Object > Offset Paths

نضبط قيمة offset على 3px، ثم نحذف النسخة الأصلية ونرسل الإزاحة إلى الجزء الخلفي من المستند، لنملأه بنفس اللون الذي استخدمناه للحدود الخارجية.

هذا كل شيء. اكتمل لدينا الآن شكل تنين بلا أسنان. لمَ لا تقضي بعض الأيام وأنت تحلقك مع تنينك الخاص.

ترجمة -وبتصرف- للدرس: Create a Toothless Style Dragon in Illustrator لصاحبته: Liz Canning.

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

سيكون العمل الفني (المنظر الطبيعي) بسيطًا مصممًا باستخدام الأشكال الأساسية وألوان محدودة باللونين الأخضر والأصفر. 

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

افتح ملفًا جديدًا في برنامج Adobe Illustrator. أبعاد الملف غير مهمة فقط اذهب للقائمة التالية لإخفاء حدود لوح الرسم:

View > Hide Artboards

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

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

اختر أقتم لون أخضر وارسم شكلًا بيضويًّا آخر ليكون تلّةً أخرى. حدّد الأشكال البيضوية وأرسلها خلف شكل الأرضية بالزر الأيمن ثم اختر Arrange > Send Backward ولكن أبقها فوق شكل الخلفية ذو اللون الأفتح.

استمر بالضغط على Shift أثناء الرسم بأداة Ellipse لتثبيت الأبعاد ورسم دائرة مثالية. وفي مكان آخر على لوح الرسم استخدم أداة القلم Pen لرسم مثلث بأربع نقرات بسيطة. لضبط الشكل استخدم أداة التحديد المباشر Direct Selection لتحديد وتحريك أي من التقاط الثلاث. استخدم أداة القطّارة Eyedropper لإعطاء هذا الشكل اللون الأخضر القاتم من مربعات الألوان المعدّة مسبقًا.

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

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

عد للخلف واضبط اتجاهات الأغصان لإعطاء كل شجرة شكلًا فريدًا.

حدّد الخلفية الصفراء المستطيلة ثم انسخ CMD+C وألصق في المقدمة CMD+F. امسح لون التعبئة في شريط الأدوات toolbar.

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

عملية القص الأخيرة سوف تعبث بطبقات العناصر. استخدم اختصار ]+CMD لإرسال العناصر للخلف حتى تظهر عناصر الأرضية مجددًا.

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

افتح صورة Subtle Grunge Texture من موقع LostAndTaken وألصقها فوق العمل الفني في الفوتوشوب.

استخدم الاختصار CMD+Shift+U لإشباع الصورة بشكل سريع ثم غيّر خصائص المزج لهذه الطبقة إلى Soft Light. هذا سيجعل الصورة تتفاعل مع ألوان التصميم الذي رسمناه.

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

Filter > Sharpen > Sharpen

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

إن كان تأثير الصورة الفوقية يبدو قاسيًا، خفف من opacity لتلك الطبقة لتخفيف التأثير قليلًا.

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

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

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

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

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

سأقوم بإدراج القياسات التي اخترتها لكن بإمكانك تغييرها واستخدام مقاسات أخرى تناسبك. نرسم مستطيلين دائريين (140x45px و135x45px) مع تعيين قيمة radius بـ: 45px، ثم نقوم بتدوير المستطيل الصغير بزاوية 15° ( وذلك بالضغط على الزر الأيمن للفأرة واختيار Transform > Rotate).

نحدد كِلَا الشكلين ونقوم بمحاذاتهما أفقيا إلى اليسار وعموديا إلى الأسفل باستخدام لوحة المحاذاة Align palette.

الخطوة التالية هي رسم مستطيل مدور ثالث (100x45px) مع تعيين قيمة radius بـ: 45px وتدويره بزاوية 15° أيضا، ثم نقوم بمحاذاته أفقيا إلى اليسار وعموديا إلى الأسفل ( أسفل الشكلين السابقين). نختار أداة التحديد ونسحب المستطيل إلى الأعلى حوالي 30px وإلى اليمين بحوالي 15px.

نحتاج الآن فقط إلى إضافة الجزء العلوي للكريمة المُكثّفة وذلك باستخدام أداة pen tool، وحتى نحصل على خط ناعم يكفي أن نستخدم أقل عدد ممكن من نقاط الإرساء anchor points، بالنسبة لي فقد استخدمت أربع نقاط. إذا أردت تحسين الشكل فبإمكانك استخدام أداة التنعيم Smooth Tool (تجدها أسفل أداة القلم في شريط الأدوات) لتنعيم مسارات الشكل، بعد أن نحصل على نتيجة ترضينا نقوم بتحديد جميع العناصر التي قمنا بعملها لحد الآن ودمجها مع بعض باستخدام الزر Unite من لوحة تحديد المسارات  Pathfinder.

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

نسحب الشكل البيضاوي إلى الأسفل بحوالي 7px حتى نحصل على شكل منحني قبل أن نحدد جميع الأشكال ونختار الزر Divide من لوحة تحديد المسارات Pathfinder. بعدها نحذف الحافتين اليمنى واليسرى التي نشأت بين شكل الكريمة المكثفة والشكل البيضاوي ثم نجمع الأشكال المتبقية.

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

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

في هذه الخطوة سنقوم برسم حامل الكب كيك، نرسم شكلين بيضاويين (155x50px و125x50px) ثم نقوم بمحاذاتهما أفقيا إلى الأسفل وعموديا إلى الأعلى، نسحب الشكل الصغير إلى الأسفل مسافة 60px ( لتسريع العملية قليلا بإمكانك الضغط على المفتاح shift والسهم السفلي من لوحة المفاتيح).

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

نقوم بإضافة بعض التفاصيل إلى حامل الكب كيك ليكون مميزًا أكثر، نرسم دائرتين صغيرتين (15x15px) ونضعها جنبا إلى جنب مع وجود فجوة 125px بينهما. نحدد كلا الدائرتين ونتبع المسار التالي:

Object > Blend > Blend options

نحدد قيمة Specified Steps بـ 10 ثم نضغط على زر موافق. نستمر في تحديد الدائرتين ونضغط ALT+CTRL+B لدمجهما.

الآن ومن قائمة التأثيرات:

Effect > Warp > Arc

نقوم بتغيير قيمة Horizontal Bend إلى25% - بعدها نختار الخاصية:

Object > Expand Appearance

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

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

لعمل القطعة الثانية من الظل نقوم مجددا بنسخ ولصق شكل حامل الكب كيك هذه المرة نحتاج إلى استخدام أداة Add Anchor Point Tool لإضافة نقطة إرساء في الأسفل أي أسفل النقطة العلوية (يمكننا الاستعانة بلوحة التحويل Transform palette لضبط إحداثيات النقطة) ثم نحذف جميع النقاط الزائدة، بعدها نقوم بربط النقاط المتبقية كما هو موضح في الصورة. نكرر نفس العملية حتى نصل إلى وسط حامل الكب كيك.

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

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

تحصلنا على ظلال كبيرة الحجم لذلك سنقوم بتصغيرها قليلا. نحدد جميع عناصر الظلال ثم نتبع المسار التالي:

Object> Path > Offset Path

(تأكد من أنك لم تحدد شكل حامل الكب كيك). نغير قيمة Offset  إلى -3px ونضغط على زر موافق. نحذف أشكال الظلال الأصلية ثم نجمع الظلال الصغيرة في طبقة واحدة مع حامل الكب كيك.

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

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

الشيء الأخير الذي سنحتاجه لإنهاء تصميم الكب كيك هو تكبير حجم الحدود الخارجية. ننسخ ونلصق شكل الكب كيك في مكانه ثم نختار الزر unite من لوحة تحديد المسارات Pathfinder ونقوم بتظليله، نحدد النسخة الجديدة المظللة ونختار الخاصية:

Object > Path > Offset Path

ونضع القيمة 5px أما الخاصية joins فنختار لها round ونضغط على زر موافق. نقوم بجمع الشكلين الناتجين مع بعض بالضغط على الزر unite ثم نضع شكل المخطط في الخلف ونعيد تلوينه.

كدنا ننسى إضافة بعض الرشات لتزين الكب كيك. نرسم مستطيلًا دائريًا صغيرًا (15x3px) مع تحديد قيمة radius بـ:3px وتلوينه بنفس لون حدود التصميم الذي قمنا باختياره، ننسخ ونلصق الشكل عدة مرات حسب رغبتنا نقوم بتدويرها مع تغيير موضعها حتى نحصل على نتيجة ترضينا. نقوم بجمعها في طبقة واحدة ونضعها على الكريمة المكثفة.

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

الجزء الإضافي

إذا فأنت تريد تحويل الكب كيك إلى "كب كيك شبح"، هذه هي النتيجة التي سنحصل عليها:

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

أنهينا تغيير الألوان وبقي التعديل على الكريمة المكثفة.

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

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

يمكننا التعديل على حواف الأشكال المنحنية للكريمة باستخدام أداة التنعيم smooth tool ( ستجدها أسفل أداة pen tool) وذلك بتمريرها على المسار الذي نريد تعديله. كما أنها أداة مناسبة لتأكد من أن حدود التصميم الخارجية مدورة وأيضا زويا الربط، والذي سيساعدنا على التخلص من الأجزاء الغير مناسبة أثناء دمج الأشكال المنحنية مع شكل الكريمة.

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

نحذف الحدود الموجودة مسبقا ثم ننسخ ونلصق شكل الكب كيك في مكانه، بعدها ندمج جميع العناصر باستخدام الزر unite من لوحة تحديد المسارات مع اختيار القيمة 5px للخاصية offest (تذكر أن نختار round للخاصية joins). نجمع الشكلين الذين تحصلنا عليهما ثم نضعهما في الخلف مع تغيير لونيهما.

سنقوم برسم العينين.

نرسم شكلًا بيضاويًا (20x30px) ثم نسحب نقطة الإرساء اليسرى إلى اليسار والأعلى بنسبة 3px ونحدد قيمة offest بـ: 4px أما الخاصية joins فنختار لها round نختار اللون الأبيض للشكل البيضاوي الأصلي أما لون الشكل المزاح فنحدده بالأسود. نسحب الشكل البيضاوي الأبيض إلى اليمين بـ: 1px. نحدد أداة blob brush (shift+b) ونضيف بعض التفاصيل للشكل البيضاوي الأسود حتى تبدو العين وكأنها متعبة. بعد أن نحصل على نتيجة مرضية ننسخ الشكل ونلصقه في مكانه ثم نقوم بقلبه بشكل عمودي. نحدد حوالي 30px كمسافة فاصلة بين العينين ونضعهما فوق حامل الكب كيك.

نستخدم أداة blob brush مُجدّدًا لرسم الفم (سيكون أسهل إذا كنت تستخدم الجهاز اللوحي، لكن لا يهم إذا لم تحصل على نتيجة مماثلة)، بإمكاننا التلاعب بنقاط الإرساء باستخدام أداة التحديد المباشر direct selection tool وأيضا الخطوط المتدفقة bezier handles حتى نحصل على نتيجة مرضية، وكما في الخطوة السابقة يمكننا الاستعانة بأداة التنعيم smooth tool لتنعيم بعض الخطوط التي لا تعجبنا.

أنهينا عمل "الكب كيك الشبح" الخاص بنا وإن كان لا يساعد على فتح الشهية.

ترجمة -وبتصرف- للدّرس Create a cupcake in Illustrator لصاحبته liz canning.

تحالف IGN هو شبكة IGN على YouTube للألعاب واللاعبين (IGN هو من أشهر المواقع التي تعنى بالألعاب). سنصمم هذا الشعار الخاص بأسلوب عسكري يمكن استخدامه لألعاب إطلاق النار والحروب مثل لعبة Call of Duty و Battlefield. وسيكون هذا الشعار هو شارة رقيب محاطة بإكليل غار مع لافتتين كبيرتين في الأعلى والأسفل وسنقوم بتصميم كل ذلك من الصفر بواسطة أدوات الفكتور في الإليستريتور.

سنبدأ مع شارة الرقيب، ارسم مربعًا أسود على لوح الرسم ثم استمر بالضغط على shift ودوّره بزاوية 45 درجة.

استمر بالضغط على Alt و Shift أثناء النقر وسحب المربع لتُشَكّل نسخة عنه. ضعه بشكل يصبح فيه أول شكل من أشكال الرتبة ثم قم بمقاطعة الشكلين بواسطة Intersect من لوحة Pathfinder.

من القائمة:

Object > Envelope Distort > Make with Warp

ضع الخَيَار Arc في Style وعموديًا بقيمة -20% في Bend لتحقيق انحناءة بسيطة في الشكل.

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

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

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

دوّر ربع الدائرة بزاوية 45 درجة ثم زِد سماكة حدودها حتى تتطابق مع سماكة أشكال رتبة الرقيب.

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

حدد ربع الدائرة وعدّل حجمها لتصبح بعرض شرائط الرتبة ثم اذهب للقائمة:

Object > Transform > Reset Bounding Box

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

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

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

Object > Expand

واختر Stroke لتحول المسار إلى شكل جامد.

ارسم تحديدًا حول العناصر واختر Merge من لوحة Pathfinder لمزج جميع الأشكال الفردية معًا.

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

Object > Path > Offset Path

أدخل القيمة 8mm. انقر بالزر الأيمن ثم اختر Ungroup وبذلك أصبحت عناصر رتبة الرقيب منفصلة يمكن تحديدها أو حتى جمعها مجددًا.

أدمج كل الأشكال المجزأة من المسارات الإضافية معًا ثم أرسل الخطوط الخارجية للخلف (زر أيمن ثم Arrange > Send to Back) واحذف أو عدّل النقاط التي تصنع مناطق غير مرغوبة.

في مكان آخر على لوح الرسم ارسم شكلًا بيضويًا بأداة ellipse. استخدم أداة Convert Anchor Point من لوح أدوات القلم Pen لإنشاء نقطة في الأعلى. أعطِ هذا الشكل حدودًا سوداء بقيمة 2 pt.

دوّر الشكل قليلًا ثم انسخ CMD+C وألصق في المقدمة CMD+F لتصنع نسخة عنه.

Object > Transform > Reflect

لتعكس اتجاه رسم الشكل الثاني.

اجمع الشكلين Group ثم اسحب نسخة منها مع الضغط على ALT و Shift بشكل متباعد باتجاه الأعلى على لوح الرسم. حدّد الشكلين ثم من القائمة:

Object > Blend > Make

ثم:

Object > Blend > Blend Options

لضبط العدد تحت خطوات محددة حتى تبدأ الأوراق بالتداخل.

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

Object > Envelope Distort > Make With Warp

وحدد الخيار Arc عموديًا بقيمة -100% لتحقق انحناءة للأوراق حتى تشكّل نصف دائرة.

اذهب إلى:

Object > Expand

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

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

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

أضف مسار تعويض Offset Path بقيمة 3mm لعناصر الأوراق. ألغِ تجمّع الأشكال Ungroup لتحديد عناصر مسار التعويض Offset Path كل على حدة من الأوراق الأساسية.

أدمج (Merge) مسارات التعويض offset path معًا من لوحة Pathfinder لإعطاء شكل تعبئة سوداء كاملة. اضغط CMD+[ لتغيير ترتيب العناصر وإرسال مسار تعويض تحت الإكليل والشعار.

استخدم أداة ellipse لرسم دائرة تشمل الفجوات في منتصف التصميم ثم اضغط ]+CMD+Shift لإرسالها إلى أسفل العناصر جميعها.

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

Object > Path > Offset Path

ضع القيمة 3mm في الخيارات.

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

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

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

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

زيّن اللافتة ببعض النصوص أو بشعار مع بعض النجوم لتملأ المساحات الفارغة من اللافتة.

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

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

اضبط ترتيب العناصر لتتداخل اللافتة مع عناصر الشعار.

في مكان على لوح الرسم اكتب كلمة Alliance بخط من اختيارك استخدمت خط Franchise ولكن لتتناسب مع الموضوع العسكري أضفت خطوطًا محددة لخلق تأثير stencil (الرسم باللوح المثقوب وهو معتمد لدى معظم الجهات العسكرية).

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

Object > Expand

لتحويلها إلى أشكال جامدة.

حوّل النص إلى شكل خطوط بالضغط على CMD+Shift+O ثم ألغِ تجمع الأحرف ungroup ثم ألغِ تجمع الخطوط. أنشء مسارين متراكبين منفصلين للحروف والخطوط باستخدام الاختصار CMD+8. حدد كلاهما ثم اخرج الخطوط من النص باستخدام لوح Pathfinder وتحديدًا أداة Subtract من ذاك اللوح.

ضع النص فوق اللافتة السفلية وأضف انحناء عبر أداة Envelope Distort ليتناسب انحناؤها مع شكل اللافتة.

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

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

ترجمة -وبتصرّف- للمقال: How To Create a Military Style Emblem Logo Design لصاحبه Chris Spooner.

هناك العديد من الأشباح المشهورة مثل سليمر في مسلسل (مكافحو الأشباح)، وبلنكي وبنكي وإنكي وكلايد في لعبة باك مان وكذلك الشبح كاسبر. لكنّني سأركز في هذا الدرس على شبح قد تعرفه في مجموعة ألعاب ماريو، إنه الشبح بو Boo. سنتعلم كيفية صناعة شبح بو الخاصّ بنا في برنامج Adobe Illustrator.

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

افتح برنامج Illustrator وأنشئ ملفًّا جديدًا ثمّ ارسم دائرة بقياس 250px لجسم بو. ارسم شكلين بيضوييّن بقياس 20px في 35 وافصلهما عن بعضهما بحوالي 50px ليكوّنا العينين. حاذِ العينين عموديًّا إلى الأعلى وأفقيًا إلى الوسط من جسم الشبح ثم اسحبهما إلى الأسفل بحوالي 70px.

لصنع الحاجبين الكبيرين المقطّبين ابدأ برسم دائرة بقياس 80px ثم احذف نقطة الإرساء العليا باستخدام أداة التحديد المباشر Direct Selection Tool. دوّر الشكل المتبقّي بمقدار 10 درجات ثم اصنع نسخة من الشكل (CTRL+C ثم CTRL+F أو CMD+C ثم CMD+F في الماك) ثم اعكسه عموديًّا قبل سحبه إلى اليمين بمقدار 70px.

ادمج الشّكلين بالضّغط على أيقونة Unite في لوحة Pathfinder ثم استخدم أداة التحديد المباشر لحذف نقطتي الإرساء العلويّتين. يجب أن تكون حواف الحاجبين بنفس مستوى نقطة المنتصف ليصبح الرسم مثاليًّا، وكما تلاحظ فإنّ الحافتين مرتفعتان في رسمنا هذا. استخدم أداة المقصّ (Scissors Tool (C لتصنع شقًّا في جانبي الحاجب ثم احذف الجزء الزائد. من المفيد هنا أن تنشئ طبقةً جديدة ثم تسحب دليلًا إلى الأسفل من المسطرة العلوية (اضغط CTRL+R إن لم ترَ المساطر) لتتأكد من أن كل شيء على خط واحد. ضع الحاجبين الآن في موضع تتداخل فيه قليلًا مع الجزء العلوي من عيني الشبح.

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

لنصنع الآن فم الشبح، ولنبدأ بأسنانه الحادّة، ارسم دائرة بمقاس 40px وباستخدام أداة تحويل نقطة الإرساء (Convert Anchor Point Tool (SHIFT+C انقر على نقطة الإرساء السفلية لتصنع حافة حادّة ثم اسحبها إلى الأسفل بمقدار 20px. تبدو السنّ حادّة جدًّا لذا حدّدها واذهب إلى القائمة:

Effect > Stylize > Rounded Corners

أدخل القيمة 5px في خانة نصف القطر Radius واضغط OK. وسّع مظهر السّن من قائمة Object. انسخ وألصق السنّ في مكانه قبل تحريكه إلى اليمين بمقدار 30px ثم تقليل عرضه بمقدار 30px أيضًا، تأكّد كذلك من تحديد خياري Constrain Width and Height Proportions و Reference Point في لوحة Transform.

انسخ وألصق السِّنَّيْن في نفس المكان قبل عكسهما عموديًّا وسحبهما إلى اليمين بمقدار 50px. ادمج الأسنان الأربعة بالضغط على أيقونة Unite. لصنع الفم ارسم شكلًا بيضويًّا بالمقاسات 130px في 80px ثمّ استخدم أداة التحديد المباشر لسحب نقطتي الإرساء العلوية والسفلية باتجاه الأسفل بمقدار 30px. حاذِ الأسنان وسطيًّا إلى أعلى الفم ثم اسحبها إلى الأعلى بمقدار 20px. انسخ شكل الفم، ثمّ مع الإبقاء على تحديده حدّد الأسنان واضغط على أيقونة Intersect من لوحة Pathfinder قبل لصق الفم في نفس المكان وإرساله خلف الأسنان.

ضع الفم في منتصف جسم الشبح، وأعتقد أن 45px فوق الحافة السفلية منه ستكون ملائمة.

نحن الآن مستعدّون لصنع أذرع الشبح الصغيرة، وللقيام بذلك ارسم شكلًا بيضويًّا بالمقاسات 100px في 60px ثم اسحب نقطتي الإرساء العلوية والسفلية إلى الأسفل بمقدار 30px. دوّر الذراع بمقدار 40 درجة ثم ضعها في موضع يكون أسفلها محاذيًا لأسفل الأسنان، ثم أدخلها في الجسم بمقدار 45px. انسخ وألصق ثم اعكس الذراع عموديًّا قبل وضعها في الجانب الأيمن من الجسم. حدّد الذراعين معًا ثم أرسلهما إلى الخلف بالضغط على (SHIFT+CTRL+[).

بقي أن نمنح شبحنا هذا ذلك اللسان المتدلي الذي يتميّز به، وبعدها نضيف بعض الألوان. لصنع اللسان ارسم شكلًا بيضويًّا بالمقاسات 60px في 100px ومن قائمة Effect اختر Warp>Shell Lower. أدخل القيمة -30% في خانة الانحناء الأفقيّ Horizontal bend ثم اضغط OK. وسّع مظهر اللسان من القائمة:

Object > Expand appearance

ثم اسحب نقطة الإرساء العلويّة بمقدار 20px باستخدام أداة التحديد المباشر.

ارسم دائرتين متجاورتين بقياس 25px واجعلهما متداخلتين بمقدار 5px، ثم ضعهما تحت قمّة اللسان بمقدار 15px، ومع تحديد جميع الأشكال استخدم أداة باني الأشكال Shape Builder لحذف الجزء العلويّ بالضغط على مفتاح ALT والنقر على الشكل. إن كنت تعمل على نسخة CS4 وما قبله فاضغط على أيقونة Divide في لوحة Pathfinder قبل أن تحذف الأشكال الزّائدة. ادمج الأشكال كلّها بالضغط على Unite قبل تنعيم حواف الشكل الناتج باستخدام الأداة Smoot Tool والسحب فوق نقاط الإرساء.

ارسم باستخدام أداة القلم Pen Tool خطًّا يمتدّ إلى منتصف اللسان، ثم حدّد الخط ومن القائمة:

Effect > Warp > Arc

أدخل القيمة 10% في خانة الانحناء الأفقيّ، ثم اضغط OK، ووسّع مظهر الشكل. دوّر اللسان بمقدار 30 درجة ثم ضعه داخل فم الشبح.

حان الآن وقت إضافة بعض الألوان إلى الشّبح.

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

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

اختر اللون الأحمر الغامق الذي يتدرّج إلى اللون الرماديّ الفحمي الذي اخترناه للحدود الخارجية. نفس الحال ينطبق على جسم الشبح ولكن مع اختيار تدرّج دائري واختيار القيمة 50% لموضع مزلاج التدرّج. اذهب إلى لوحة Stroke واختر النهايات Caps والزوايا Corners المدوّرة Rounded ثم حاذها إلى الخارج.

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

Object > Path > Offset Path

وأدخل القيمة 10px ثم اضغط OK. انسخ الشكل الأصليّ للّسان ثم اسحب الشكل الجديد إلى الأسفل بمقدار 30px وإلى اليمين بمقدار 15px ثم اضغط Intersect من قائمة Pathfinder.

ألصق اللسان الأصلي وأرسله خلف طبقات اللسان. حدّد الشكل الجزئي للسان وباستخدام لوحة الشفّافية Transparency غيّر نمط الدمج Blending Mode إلى Screen والشفّافيّة إلى 35%. أضف بعض الضبابيّة Blur إلى الشكل بالذهاب إلى القائمة:

Effect > Blur > Gaussian Blur

وإدخال القيمة 3px في خانة نصف القطر، سيعمل هذا الأمر على إضفاء بعض الواقعيّة إلى مظهر اللسان.

زد قيمة الحدّ الخارجيّ لجميع الأشكال المكوّنة للشبح إلى 3px باستثناء أسنانه والخطّ الذي يمتدّ على لسانه (إن أضفت الحدّ الخارجي إلى الأسنان فحاذه إلى الخارج) فزد قيمة الحدّ الخارجي لها إلى 2px. اختر للحاجبين نسق العرض المتغير Variable Width Profile الأوّل (تجده في لوحة التحكم أعلى الشاشة) ليبدو الحاجبان سميكين في المنتصف ورفيعين في الجوانب.

لنضف الآن بعض الإضاءة والظلال إلى الشبح.

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

حدّد كلًّا من الإضاءة والظلّ واذهب إلى القائمة:

Effect > Blur > Gaussian Blur

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

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

لذا اجمع كلّ الأشكال المكونة للشبح بالضغط على (CTRL+G) ثم انسخها وألصقها في نفس المكان، ثمّ ادمج عناصر النسخة الجديدة بالضغط على أيقونة Unite في لوحة Pathfinder. اذهب إلى القائمة:

Object > Path > Offset Path

وأدخل القيمة 5px، ثم اختر اللون الرماديّ الفحميّ كلون للتعبئة مع إزالة الحدّ الخارجيّ. أرسل الشكل الجديد إلى الخلف، وها قد انتهينا.

لم لا نضع الشبح بو على خلفية ملوّنة ونضيف كملة (Boo)، لقد استخدمت الخطّ المجّانيّ Green Fuz.

ترجمة ـوبتصرّفـ للمقال Create a Boo style ghost in Illustrator لصاحبتها Liz Canning.

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

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

انشئ ملفًّا جديدًا في Illustrator بالأبعاد 600px في 600px. سنشرع بتصميم الدبّ القطبي أولًا، لذا ارسم مستطيلًا مدوّر الحواف بالأبعاد 150px في 200px مع تدوير الحواف بمقدار 150px وحدّ خارجي أسود وبدون تعبئة. اذهب إلى القائمة:

Effect > Wrap > Bulge

ثم أدخل القيمة -20% في خانة الانحناء العموديّ Vertical Bend ثم اضغط OK. وسّع مظهر الشكل بالذهاب إلى القائمة:

Object > Expand Appearance

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

Effect > Warp > Shell Lower

أدخل القيمة -20% في خانة الانحناء الأفقي ثم اضغط OK قبل توسيع مظهر الشكل.

لصنع الأذنين ارسم شكلًا بيضويًا بالأبعاد 25px في 35px ودوّر الشكل بمقدار 30 درجة بالنقر بزرّ الفأرة الأيمن واختيار Transform>Rotate من القائمة المنسدلة. حدّد الأذنين والجسم وانقر مع الضغط على مفتاح ALT على الجسم لجعله الشكل الأساسي للمحاذاة (سيظهر خط أزرق سميك حول الشكل). باستخدام لوحة المحاذاة، حاذِ الأذن أفقيًا إلى اليسار وعموديًا إلى أعلى الجسم. انسخ وألصق الأذن في مكانها (CTRL+C ثم CTRL+F أو CMD+C ثم CMD+F في الماك) ثم اعكس الشكل عموديًّا بالنقر بزرّ الفأرة الأيمن واختيار Transform>Reflect من القائمة المنسدلة، ثم حاذِ النسخة إلى يمين الجسم.

ادمج الأذنين مع الجسم بالضغط على أيقونة Unite في لوحة Pathfinder وها قد أصبحنا جاهزين للانتقال إلى تصميم وجه الدبّ القطبي. ارسم شكلين بيضويّين متجاورين بالأبعاد 10px في 20px ثم افصلهما عن بعضهما البعض بـ 20px تقريبًا. ارسم شكلًا بيضويًا بالأبعاد 55px في 30px ليمثّل لأنف وضعه تحت العينين بمسافة 5px. اجمع الشكلين معًا بالضغط على (CTRL+G) وضعهما في رأس الدبّ القطبيّ بمسافة 30px أسفل قمّة الرأس.

ابدأ برسم دائرة بمقاس 100px لصنع قدميّ الدبّ الكبيرتين.

وباستخدام أداة التحديد المباشر اسحب نقطة الإرساء السفلية إلى الأعلى بمقدار 20px. ولصنع أصابع القدمين ارسم دائرة بمقاس 40px ثم اسحب نقطتي الإرساء العلوية والسفلية إلى الأعلى بمقدار 50px. لصنع المخلب ارسم شكلًا بيضويًا بمقاس 10px في 20px وحاذه وسطيًّا مع أسفل إصبع القدم قبل سحبه إلى الأسفل بمقدار 3px تقريبًا. انسخ وألصق إصبع القدم في نفس المكان ثم اسحب النسختين إلى اليمين بمقدار 30px، كرّر هذه الخطوة مرّة أخرى ثم أحضر الإصبع الأوسط إلى الأمام بالضغط على (SHIFT+CTRL+]). اسحب الإصبع الأوسط إلى الأسفل بمقدار 3px ثم اجمع الأصابع الثلاثة مع بعضها البعض.

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

يختلس دبّنا القطبي النّظر من حفرة ثلجيّة سنصنعها الآن. أضف لون تعبئة أبيض إلى الأشكال لتمييزها عن بعضها. ارسم شكلًا بيضويًّا بالأبعاد 300px في 70px ثمّ حاذه وسطيًّا مع أسفل قدم الدبّ القطبي قبل سحبها إلى الأعلى بمقدار 20px. أرسل الشكل البيضويّ إلى الخلف بالضغط على (SHIFT+CTRL+[) ثم انسخه وألصقه في نفس المكان. اسحب النسخة إلى الأسفل بمقدار 20px، ثم حدّد كلا النسختين واضغط على Intersect في لوحة Pathfinder. ألصق النسخة في نفس المكان ثم أرسلها إلى الخلف.

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

أضف طبقة جديدة إلى الملفّ من لوحة الطبقات Layers بالضغط على أيقونة إنشاء الطبقة الجديدة Create New Layer وتسمية الطبقة الجديدة بالاسم (Background). أخفِ الطبقة التي تحتوي على الدبّ القطبيّ وأقفلها، ثم أضف لونًا أزرق مخضّرًا غامقًا إلى الخلفية. يجب أن تكون الخلفية وراء الدبّ القطبي، لذا انقر واسحب طبقة الخلفيّة إلى أن يظهر خطٌّ أبيض سميك تحت طبقة الدبّ القطبي. لقد أصبحت الطبقات مرتّبة بالشكل الصحيح.

سنضيف لمسة من العمق إلى المشهد عن طريق إضافة بعض التلال. اذهب إلى القائمة:

View > Snap to Grid

اختر لونًا أخضر بدرجة لونيّة أفتح من لون الخلفية وباستخدام أداة القلم (Pen Tool (P ارسم خطًّا منحنيًا يمتدّ من اليمين إلى اليسار. انقر مع الضغط على مفتاح ALT لتحويل نقطة الإرساء الثانية إلى زاوية ثمّ ارسم متتبّعًا الشبكة إلى أن تغلق المسار عند نقطة البدء. لوّن التلّة باللون الأخضر مع إزالة الحدّ الخارجي.

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

لنضف لمسة سحريّة إلى المشهد برسم بعض النجوم في السماء، وللقيام بذلك ارسم دائرة بقياس 30px ومن القائمة:

Effect > Distort & Transform > Pucker & Bloat

اسحب الشريط المنزلق إلى جهة كلمة Pucker إلى أن تصل إلى القيمة -60% ثم اضغط OK. وسّع مظهر الشكل من قائمة Object. اصنع نسخًا من النجوم ووزّعها في السماء مع تغيير أحجامها لإضافة العمق إلى المشهد. أضف الوهج إلى النجوم عن طريق تحديدها والذهاب إلى القائمة:

Effect > Stylize > Outer Glow

اختر النمط Screen مع لون أبيض، والشفّافيّة بمقدار 75% والضبابيّة Blur بمقدار 5px.

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

ترجمة -وبتصرّف- للمقال Create a Polar Bear Christmas Scene in Illustrator لصاحبته Liz Canning.

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

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

افتح ملفًّا جديدًا في Illustrator واصنع شكلًا بيضويًا بالقياسات 185px في 165px للوجه، وشكلًا بيضويًا آخر بالقياسات 140px في 215px لجسم الدمية. حاذِ الشكلين إلى الوسط أفقيًّا وإلى الأعلى عموديًّا وذلك باستخدام لوحة المحاذاة Align palette، ثم اسحب الجسم إلى الأسفل إلى أن تصبح مسافة التداخل بين الشكلين 25px تقريبًا. أرسل الجسم إلى الخلف بالضغط على (SHIFT+CTRL+[ أو SHIFT+CMD+[ في الماك).

نرغب الآن في إزالة الجزء السفليّ من جسم الدمية، لنحصل بذلك على مظهر قصير وممتلئ، وللقيام بذلك اصنع شكلًا بيضويًا بالأبعاد 140px في 80px وحاذه بحيث يعلو عن الجزء السفليّ من الجسم بـ 45px تقريبًا. إن كنت تعمل على الإصدار CS5 وما بعده يمكنك استخدام أداة باني الأشكال Shape Builder SHIFT+M لإزالة المساحات المتداخلة في حوافّ وأسفل الجسم عن طريق الضغط على مفتاح ALT (ليتحول المؤشر إلى علامة الطرح) والضغط على المساحات التي ترغب في إزالتها. في الإصدارات الأقدم يمكن الحصول على نفس النتيجة بتحديد الشكلين البيضويين ثم الضغط على أيقونة Divide في لوحة Pathfinder وحذف الأجزاء المتراكبة (ستحتاج إلى إزالة تجميع الأشكال أولاً).

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

مبتدئًا بالعينين ارسم خطًّا بطول 25px وحدّ خارجي بمقدار 1px ثم اذهب إلى القائمة:

Effect > Warp > Arc

غيّر قيمة الانحناء الأفقي Horizontal Bend إلى 15% واضغط OK. اختر القيمة 3px للحدّ الخارجي، ثم اختر نسق العرض المتغير Variable Width Profile (في لوحة التحكم أعلى الشاشة) إلى النسق الرابع. دوّر العين بمقدار 15 درجة (انقر بزرّ الفأرة الأيمن واختر Transform>Rotate) ثم باستخدام لوحة الحدّ الخارجي Stroke panel غير نوع النهايات caps والزوايا corners إلى الشكل المدوّر. ولإكمال تصميم العين حوّل الخطّ إلى شكل عن طريق توسيعه باستخدام الأمر:

Object > Expand Appearance

حدّد كلًّا من العين والوجه ثم انقر على الوجه مرة أخرى مع الضغط على مفتاح ALT ليظهر خط أزرق سميك حوله ويصبح الشكل الذي ستتم المحاذاة على أساسه (سيضمن لنا هذا أن العين هي وحدها التي ستتحرك وليس الوجه). حاذِ العين إلى أسفل يمين الوجه باستخدام لوحة المحاذاة، ثم حرّكها إلى الأعلى بمقدار 50px تقريبًا وإلى اليسار بمقدار 40px تقريبًا. انسخ العين والصقها في نفس المكان (CTRL+C ثم CTRL+F) ثم اعكسها عموديًّا (انقر بزرّ الفأرة الأيمن واختر Transform>Reflect) ثم حرّك النّسخة الجديدة بمقدار 80px إلى اليسار لتصبح صورة مرآة عن النّسخة الأصليّة.

لصنع الفم الذي يشبه شكل القلب ارسم دائرة بمقاس 5px ثم اضغط SHIFT+C للوصول إلى أداة تحويل نقطة الإرساء Convert Anchor Point، اضغط على نقطة الإرساء السفليّة في الدائرة لتحويلها إلى نقطة حادّة. ثم باستخدام أداة التحديد المباشر Direct Selection Tool اسحب نقطة الإرساء إلى الأسفل بمقدار 5px. دوّر الشكل بمقدار 45 درجة ثم انسخ والصق في نفس المكان ثم اعكس الشكل عموديًّا. للحصول على شكل القلب سنحتاج إلى حذف النقاط المتداخلة ولعمل ذلك يمكن استخدام أداة باني الأشكال أو أيقونة Divide من لوحة Pathfinder بنفس الطريقة المتّبعة في صناعة الجسم، ثم ادمج الأشكال المتبقية باستخدام أيقونة Unite.

ضع الفم في مكانه المناسب على وجه الدمية، أعتقد أن 10px فوق الحافة السفلية من الوجه جيّدة، ولك مطلق الحريّة في اختيار مكان آخر. إن كنت تستخدم لوحة المحاذاة هنا (لتوسيط الفم) يمكنك النقر على الوجه مع الضغط على ALT بعد تحديد الشكلين معًا لتجعل الوجه أساسًا للمحاذاة، وسيضمن هذا حركة الفم دون الوجه.

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

Object > Path > Offset Path

أدخل القيمة 3px في مربع Offset ثم اضغط OK. سنحتاج إلى إزالة الجزء السفلي من الشكل الجديد، وسنعتمد على أداة المقص (Scissors Tool (C ونصنع شقّين في الشكل، واحد في اليسار وآخر في اليمين في المكان الذين تريد أن ينتهي الشعر فيه. اخترت قصّ الشعر في منتصف المنطقة الفاصلة بين العينين والفم، ولك مطلق الحرية في اختيار المكان الذي يعجبك.

أحضر شكل الشّعر إلى المقدّمة بالضغط على (SHIFT+CTRL+]) ثم اختر أداة القلم (Pen Tool (P وانقر الآن على إحدى نقاط الإرسال المفتوحة وابدأ بإنشاء تسريحة الشعر لدمية الكوكيشي الخاصة بك. إن كان القلم يرسم خطوط منحنية في الأماكن التي تريد فيها زوايا حادّة يمكن الضغط على مفتاح ALT مع النقر على نقطة الإرساء لتحويلها إلى زاوية. انقر على آخر نقطة إرساء مفتوحة لإنهاء شكل الشعر ولإغلاق المسار. ستظهر دائرة صغيرة بجانب أيقونة القلم عندما تضع المؤشر في المكان الصحيح.

لتصنع كعكة الشعر ارسم شكلًا بيضويًا بالقياسات 70px في 50px وضعه فوق الشعر (كعكتي تعلو قمّة الرأس بـ 25px) ادمج الكعكة وبقية الشعر بالضغط على أيقونة Unite في لوحة Pathfinder.

حان الوقت لإضافة بعض الزّينة إلى تسريحة شعر الدمية. لصنع الأعواد ارسم دائرة بقياس 5px ثم استخدم أداة تحويل نقطة الإرساء Convert Anchor Point SHIFT+C لتحويل نقطة الإرساء السفليّة إلى زاوية، ثم باستخدام أداة التحديد المباشر اسحب نقطة الإرساء إلى الأسفل بمقدار 45px تقريبًا. دوّر الأعواد بمقدار 30 درجة ثم انسخها والصقها في نفس المكان قبل عكس النّسخة عموديًّا. حرّك النّسخة إلى اليمين بمقدار 40px تقريبًا، ثم اجمع الأعواد معًا بالضغط على (CTRL+G) وضعها فوق كعكة الشعر، أخيرًا أرسل الأعواد إلى الخلف بالضغط على (SHIFT+CTRL+[).

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

Effect > Warp > Arc

أدخل القيمة 15% للخيار Horizontal Bend ثم اضغط OK. وسّع مظهر الشكل باستخدام قائمة Object ثم ضع الدبّوس تحت كعكة الشعر. أخيرًا أضف دائرتين إلى إحدى جوانب الدبّوس لتصنع اللآلئ، ولك حرية اختيار حجم وموضع الدوائر (أنا استخدمت دائرة بقياس 7px وأخرى 5px).

لتصنع الكيمونو Kimono استخدم أداة القلم لترسم خطًّا منحنيًا يبدأ من أعلى الجسم وينتهي على بعد 20px تقريبًا من أسفل الجسم. غيّر قيمة الحدّ الخارجيّ إلى 5px ونسق العرض المتغير إلى النّسق الرابع. وسّع مظهر الخطّ، ثم انسخه والصقه في نفس المكان قبل عكس النسخة عموديًّا وسحبها إلى اليمين بمقدار 10px تقريبًا. اجمع الخطّين مؤقّتًا ووسّطهما داخل شكل الجسم.

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

لصنع الزهرة استخدم أداة متعدّد الأضلاع Polygon Tool لتصنع متعدّد أضلاع نصف قطره 15px وبـ 6 أضلاع، ثم أعطِ الشكل حدًّا خارجيًّا أسود اللون وأزل لون التعبئة. حدّد الشكل ثم اختر من القائمة:

Effect > Distort & Transform > Pucker & Bloat

اسحب الشريط المنزلق إلى القيمة 50% ثم اضغط OK. وسّع مظهر الشكل ثم ارسم دائرة بمقاس 3px وحاذِها إلى منتصف الوردة.

ارسم خطًّا عموديًّا بطول 20px وسماكة حدّ خارجي بمقدار 1px ثمّ من لوحة التحكم اختر النسق الأول من قائمة نسق العرض المتغيّر. وسّع مظهر الشكل ثم انسخه والصقه في نفس المكان قبل تدوير النسخة بمقدار 60 درجة. اصنع نسخة من الخطّ الثاني ثم دوّرها بمقدار 60 درجة، لتحصل على شكل يشبه النّجمة. ادمج الخطوط الثلاثة بالضّغط على أيقونة Unite ثم حاذِ الشكل الجديد إلى وسط الزهرة قبل دمجهما معًا. حدّد شكلي الزهرة والنجمة ثم اطرحهما بالضغط على أيقونة Minus Front من لوحة Pathfinder.

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

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

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

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

Effect > Blur > Gaussian Blur

ثم غيّر قيمة نصف القطر Radius إلى 3px ثم اضغط OK لتصبح حمرة الخدّ أكثر نعومة.

أعتقد أن ثوب الكيمونو يحتاج إلى شيء ما، لنضف حزامًا.

اختر اللون الذي ترغب به، ثم اصنع شكلًا بيضويًا بالقياسات 160px في 80px. انسخ والصق الشكل البيضويّ في نفس المكان ثم اسحب النّسخة إلى الأعلى بمقدار 20px، ومع الإبقاء على تحديد النّسخة حدّد الشكل الأصلي ثم اضغط على أيقونة Minus من لوحة Pathfinder. اذهب إلى القائمة:

Object > Path > Offset Path

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

بقي أن نصنع تلك المروحة التي تمتاز بها هذه الدّمى. ابدأ برسم دائرة بمقاس 150px ثم ارسم خطًا بسماكة 1px يمرّ بمركز الدائرة (ارتفاع الخطّ ليس مهمًّا ما دام أطول من قطر الدائرة). حاذ الخطّ مع وسط الدائرة ثمّ اضغط بزرّ الفأرة الأيمن واختر Transform>Rotate، أدخل القيمة 30 درجة ثمّ اضغط COPY. اضغط CTRL+D لاستمرار عملية نسخ الخطّ إلى أن تنقسم الدائرة إلى 12 قسمًا متساوياً. حدّد جميع الخطوط إضافة إلى الدائرة ثمّ اضغط على أيقونة Divide في لوحة Pathfinder.

احذف الأجزاء السفليّة من المروحة ليتبقّى خمس منها فقط. انسخ الأجزاء (CTRL+C) ثم ادمجها مع بعضها بالضغط على Unite. الصق الأجزاء المنسوخة في نفس المكان (CTRL+F) لتصنع حواف المروحة وأعطها حدًّا خارجيًّا بمقدار 1px وبلون أغمق بقليل من لون المروحة. غيّر نوع النهايات Caps والزوايا Corners إلى الشكل المدوّر Round في لوحة الحدّ الخارجي Stroke palette. وسّع مظهر الحواف بالذهاب إلى القائمة:

Object < Expand

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

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

Object > Path > Offset Path

أدخل القيمة 3px في خانة Offset ثم اضغط OK. ادمج الصورة الظلّية مع الشكل الجديد ثم أرسلها إلى الخلف.

عمل رائع، لقد صنعت دمية يابانية رائعة.

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

جِنجَرديد مان (Gingerdead Man) هو شخصية أفلام رعب وهو عبارة عن حلوى خُبز الزنجبيل المصنوعة على شكل رجل وبما أنني في صدد خَبز البعض منها فقد فكّرت في تصميم شخصية مشابهة لها على الإليستريتور من خلال هذا الدرس.

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

لنبدأ بتصميم الهيكل العظمي.

افتح ملفا جديدا ببرنامج الإليستريتور وارسم دائرة بحجم 100px ثم استخدم أداة التحديد المباشر Direct Selection لسحب النقطة العلوية من الدائرة بمقدار 5px للأعلى ولسحب النقطة السفلية بمقدار 25px للأسفل حيث سيكون هذا الشكل هو الجمجمة. ارسم ثلاث دوائر بحجم 15px بجانب بعضها البعض واحذف النقطة العلوية لكل واحدة منها. ارسم مستطيل بحجم 45px بـ 7.5px وضَعه فوق الدوائر الثلاثة (قد يساعدك كثيراً إن فعَّلت خيَار المطابقة للنقطةSnap to Point من قائمة View). أدمج المستطيل مع أنصاف الدوائر بخَيَار Unite من لوحة Pathfinder وسيكون هذا الشكل هو الأسنان.

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

سنبدأ برسم حفرة الأنف.

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

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

لإنشاء العمود الفقري سنرسم مستطيل دائري الزوايا بحجم 15px بـ 120px وبنصف قطر الزاوية 15px ثم نضعه أسفل الجمجمة بمقدار 10px. ومن أجل الأضلاع ارسم مستطيل دائري الزوايا آخر بارتفاع ونصف قطر الزاوية 10px وبعرض 45px. قم بمحاذاة الضلع عمودياً للأعلى وأفقياً في منتصف العمود الفقري ثم اسحبه للأسفل بنحو 10px. كرر العملية حتى يصبح لديك خمس أضلاع بالمجمل بمسافة 5px فيما بينها وبزيادة تدريجية عرضياً 20px في كل مرة (باستثناء الأخير الذي سيكون أقل بـ 20px من سابقه).

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

Effect > Warp > Arc 

ثم تأكّد من تحديد الخيار الأفقي ثم اجعل الانحناء Bend بقيمة -25%. الضلع السفلي يبدو مُطبِقاً على الذي فوقه، ادفعه للأسفل 5px أو بحسب ما تراه مناسباً. قم بتمديد مظهر الأضلاع عبر تحديدها أولاً ثم اذهب للقائمة:

Object > Expand Appearance

أخيراً أدمج القفص الصدري مع العمود الفقري بخَيَار Unite من لوحة Pathfinder.

يحتاج هيكلنا العظمي إلى الحوض الآن،

لذا سنرسم شكلاً بيضوياً بحجم 30px بـ 50px وسندوّره بزاوية 70° من خلال الزر الأيمن ثم Transform ثم Rotate. ارسم شكلاً بيضوياً أصغر بحجم 20px بـ 30px مع شكل أصغر بداخله (10px بـ 15px) في المنتصف ودوّرهم معاً بزاوية -30°. اجمع الشكلين الصغيرين معاً بالضغط على CTRL+G ثم ضعهم على الحافة اليمنى للشكل الأكبر ليصبح الشكل العام أشبه بجناح فراشة. ألغِ تجمّع الشكلين الصغيرين ثم أدمج الشكلين الأكبر حجماً بخَيَار Unite (تأكّد من عدم دمج الشكل الأصغر معهما).

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

سنصمم الآن عظمة الذراع.

ارسم مستطيلاً مستدير الزوايا بحجم 10px بـ 55px مع نصف قطر الزاوية 10px. ارسم شكلاً بيضوياً بحجم 15px بـ 20px. استخدم أداة التحديد المباشر لسحب النقطة السفلية من الشكل البيضوي للأسفل واليمين 2px ثم اسحب النقطة اليسرى لليسار 3px. انسخ وألصق الشكل البيضوي CTRL+C ثم CTRL+F ثم اعكسه عمودياً. ضع الشكلين حتى يصبحا متلامسين ثم قم بمحاذاتهما ليصبح فوق المستطيل بمقدار 10px.

انسخ وألصق الشكلين البيضويين في المكان ثم اعكسهما أفقياً. اسحب النسخة المعكوسة للأسفل حتى تصبح تحت المستطيل بنحو 10px ثم أدمج جميع الأشكال معاً باستخدام Unite. دوّر العظمة المتشكّلة لدينا بزاوية 60° ثم ضعها على يسار الهيكل العظمي. أود أن أشير إلى أنني قمت بمحاذاة العظمة عمودياً إلى أعلى وأفقياً إلى يسار الهيكل العظمي ثم سحبته للأسفل 80px وللخارج 60px (مع الاستمرار بالضغط على SHIFT واستخدام مفاتيح الأسهم على لوحة المفاتيح فأنا أجد هذه الطريقة أسرع قليلاً). انسخ وأعكس عظمة الذراع أفقياً ثم ضع النسخة على يمين الهيكل العظمي حتى تبدو انعكاس للأصلية.

سنعيد استخدام عظمة الذراع من أجل الساق هذه المرة.

انسخ وألصق عظمة الذراع اليسرى ودوّرها بزاوية -60° لتصبح مستقيمة مجدداً. لإنشاء عظام أصابع القدم ارسم ثلاث دوائر 10px بمسافة 5px فيما بينها. اسحب الإصبع الوسطى للأسفل نحو 3px لتُظهر شكل انحناء لمجموعة الأصابع. ضع الأصابع تحت عظمة الساق بنحو 3px ثم اجمعهم معاً بما في ذلك العظمة والأصابع. دوّر المجموعة -30° وضعهم أسفل الهيكل العظمي ومجدداً مع الإشارة بأنني قمت بمحاذاة العظمة عمودياً إلى أسفل وأفقياً ليسار الهيكل العظمي ثم سحبته للأسفل 80px ولليمين 10px. وكما فعلنا مع الذراع، انسخ وأعكس الساق أفقياً ثم ضعها على يمين الهيكل العظمي حتى تكون انعكاساً للأصلية.

بعد أن انتهينا من الهيكل العظمي سنقوم بتصميم الجزء المتعلق بحلوى خبز الزنجبيل.

ابدأ برسم دائرة بحجم 130px. ثم ارسم مستطيلاً مستدير الزوايا بحجم 150px بـ 75px وبنصف قطر الزاوية 75px ثم دوّره بزاوية -30°. استخدم لوحة المحاذاة Align لمحاذاة المستطيل أفقياً إلى يسار وعمودياً لأعلى الدائرة ومن ثم سحبه للأسفل بنحو 80px ولليسار 70px. انسخ وألصق المستطيل في المكان وأعكسه أفقياً وضعه على يمين الدائرة بشكل معاكس تماماً للأصلي. اجمع الأشكال معاً.

وحتى ننشئ ساقي الحلوى سنرسم مستطيلاً مستدير الزوايا بحجم 200px بـ 85px بنصف قطر الزاوية 85px ثم دوّر بزاوية 60°. قم بمحاذاته عمودياً لأعلى وأفقياً لِيَسَار قمة الحلوى ثم اسحبه للأسفل نحو 170px ولليمين 10px. وكما فعلنا مع الذراع، انسخ وألصق الساق وأعكس النسخة أفقياً ثم ضعها على اليمين.

أدمج جميع عناصر الحلوى معاً بخَيَار Unite من لوحة Pathfinder. ستلاحظ أن هناك نقاطاً حادة نجمية وسط شكل الحلوى سنستخدم أداة التحديد المباشر لحذفهم. أعتقد بأن الحلوى يجب أن تكون أكثر سمنة في الوسط لذلك فلنمنحها بَطناً أكبر. ارسم دائرة بحجم 130px وحاذها أفقياً وعمودياً في منتصف الحلوى. اسحب الدائرة للأسفل 20px باستخدام أداة التحديد Selection tool. أبقِ على الدائرة محددة ثم اذهب إلى القائمة:

Effect > Warp > Shell Lower

تأكّد من تحديد الخيار الأفقي ثم ضع قيمة الانحناء Bend على 10%. مدد الشكل من:

Object > Expand Appearance 

وفي النهاية أدمجها مع بقية الحلوى.

أرسل شكل الحلوى للخلف ثم قم بمحاذاته أفقياً وعمودياً في منتصف الهيكل العظمي (ستكون بحاجة لأن تجمع عناصر الهيكل العظمي أولاً إن لم تكن قد فعلت ذلك). لنُضِف بعض الألوان لحلوى خبز الزنجبيل (شخصية جِنجَرديد مان) ليبدو عليه المظهر المخبوز الطازج الذهبي. لوّن الحلوى باللون البني الفاتح ولوّن الهيكل العظمي باللون الأبيض بدون حدود. ستلاحظ أنك فقدت بعض التفاصيل على الجمجمة والحوض. استخدم أداة التحديد Selection tool وحدد العينين، الأنف والجمجمة ثم انقر Minus Front من لوحة Pathfinder. كرر العملية مع الحوض.

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

Object > Path > Offset Path

غيّر قيمة Offset إلى 3px. وضَع Joins على وضعية Round ثم اضغط OK. لوّن الإزاحة الإضافية التي أنشأناها بلون بني داكن أكثر بقليل من الذي استخدمناه للحلوى. كرر العملية مع الحلوى ولكن هذه المرة فلتكن قيمة Offset على 5px.

أخيراً أضف بعض التعبئة النسيجية Texture حتى يبدو الرجل الزنجبيل متفتّتاً قليلاً.

انسخ وألصق طبقة خبز الزنجبيل في المكان (لستَ بحاجة إلى نسخ الإزاحة معه) ثم اذهب إلى القائمة:

Effect > Texture > Grain

غيّر قيمة الكثافة Intensity إلى 35 واترك التباين Contrast على 50 وغيّر Grain Type إلى Sprinkles. حدد هذه الطبقة ثم اذهب إلى القائمة:

Effect > Blur > <Gaussian Blur

وضع قيمة نصف القطر Radius على 0.3px واضغط OK. استخدم لوحة الشفافية Transparency panel وبدّل خصائص المزج إلى Soft Light وكذلك Opacity إلى 35%.

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

وإن كنتم تتساءلون ماذا حلّ بالحلوى التي كنت أخبزها فإليكم النتيجة...

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

هذا هو الصبّار الذي سنرسمه في هذا الدرس. وهو ما سيثير ذكرياتك الجميلة إن كنت من محبي Final Fantasy.

افتح ملفا جديدا في الإليستريتور وارسم مستطيل مستدير الزوايا بحجم 80px بـ 230px ونصف قطر الزاوية 80px، هذا سيكون جسم الصبّار.

ارسم دائرتين بحجم 20px متباعدتين عن بعضهما بمقدار 15px وستكونان العينان ومن ثم ارسم مستطيلاً مستدير الزوايا بحجم 15px بـ 40px ونصف قطر الزاوية 15px وستكون الفم. ضع الفم وسط العينين وتحتها بمقدار 5px. اجمع Group الأشكال التي تكوّن عناصر وجه الصبّار بالضغط على CTRL+G (لا ننسى أن CTRL في نظام الويندوز تقابلها CMD أو Command في نظام ماكنتوش) وباستخدام لوحة المحاذاة Align ضعه وسط الجسم وتحت قمة الرأس بمقدار 40px.

لنرسم الآن الشرائط المُمَيَّزة التي تغطّي جسم الصبّار.

ارسم مستطيلين مستديري الزوايا بحجم 60px بـ 240px وحجم 30px بـ 240px ونصف قطر الزاوية 60px. وتأكّد من محاذاة الأشكال معاً ثم حدد الشكلين واجعلهما مسارات مركّبة بالضغط على CTRL+8 ثم قم بمحاذاتها أفقياً وعمودياً مع الجسم (قد تحتاج لجمع الجسم وعناصر الوجه مؤقتاً قبل قيامك بذلك). انسخ الجسم CTRL+C ثم اختر خيَار التقاطع intersect من لوحة Pathfinder لتُقَاطِع الخَيَارات المُركبّة التي أنشأناها تواً مع الجسم ثم ألصق ما قمنا بنسخه خلف الجميع بالضغط على CTRL+B.

سنرسم الآن الشريط في منتصف جسم الصبّار. اذهب إلى القائمة:

View > Snap To Point

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

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

Object > Path > Offset Path 

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

من أهم صفات هذا الصبّار هو أطرافه ذات الزوايا الجامدة 90° وسنبدأ على هذا الأساس برسم اليدين.

ارسم مستطيلين مستديري الزوايا بحجم 85px بـ 30px وبحجم 30px بـ 85px ونصف قطر زاوية كلا المستطيلين 30px ثم قم بمحاذاتهما عمودياً إلى الأعلى وأفقياً إلى اليمين مستخدماً لوحة المحاذاة Align palette. أدمج الشكلين باستخدام Unite من Pathfinder. ارسم مربع مستدير الزوايا بحجم 85px وبنصف قطر زاوية 5px وقم بمحاذاته إلى الركن العلوي الأيمن للذراع. اسحب المربع نزولاً إلى اليسار بمقدار 15px ثم احذف النقطة السفلية اليسرى (يجب أن يتبقى أربع نقاط). أخيراً استخدم أداة التحديد المباشر Direct Selection لتحريك النقاط في نهايات الخط إلى داخل شكل الذراع بمقدار 25px تقريباً.

ضع الذراع على يمين جسم الصبّار بتداخل تقريبي 15px. يجب أن تكون بمستوى الشفاه السفلية تقريباً. أرسله إلى خلف الرسم بالاختصار ]+SHIFT+CTRL. انسخ وألصق الذراع بالاختصارات CTRL+C وCTRL+F ثم دوّر النسخة بزاوية 180° بالزر الأيمن ثم Transform > Rotate من القائمة المنبثقة. اسحب الذراع إلى الأعلى لتصبح على الامتداد الصحيح للذراع الأولى ثم اسحبها نحو يسار جسم الصبّار وبتداخل تقريبي 15px مجدداً.

والآن سنرسم الأقدام، وعملية رسمها مشابهة لعملية رسم الذراعين.

ارسم مستطيلين مستديري الزوايا بحجم 40px بـ 130px وبحجم 110px بـ 40px وبنصف قطر الزاوية 40px ثم قم بمحاذاتهما أفقياً لليسار وعمودياً للأسفل مستخدماً لوحة المحاذاة Align. أدمج الشكلين باستخدام Unite من لوحة Pathfinder. ارسم مربعين مستديري الزوايا بحجم 130px أحدهما بنصف قطر الزاوية 5px والآخر 10px. قم بمحاذاتهما بحيث يكون ذو الزاوية الكبيرة على مسافة 16px إلى اليسار السفلي من ذو الزاوية الصغيرة. ضع المربعات على بعد 12px فوق اليمين بالنسبة للطرف السفلي الأيسر للقدم (الصورة توضح المسألة برمتها).

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

قم بمحاذاة القدم مع أسفل يمين الصبّار ثم اسحبه للأسفل 70px ثم أرسله لخلف الرسم. انسخ القدم ودوّر النسخة بزاوية 270° ثم قم بمحاذاتها مع أسفل يسار الصبّار. وبذلك لا يتبقَّ لنا سوى منح صبّارنا بعض الريش وتلوينه وسيكون جاهزاً.

لإنشاء الريش قم برسم ثلاثة مستطيلات مستديرة الزوايا بحجم 3px بـ 25px ونصف قطر الزاوية 3px وضعها بجانب بعضها البعض مع مسافة 7px فيما بينها. دوّر الريشة اليسرى بزاوية 5° واليمنى بزاوية -5° ثم اجمع الأشكال الثلاثة معاً وضعها فوق منتصف قمة رأس الصبار. اسحب الريش للأسفل 3px ثم أرسلهم للخلف كالعادة.

والآن حان وقت التلوين. لقد اخترت الأخضر الفاتح مع ظلال داكنة قليلاً للحدود، الريش بلون بني والرمادي الفحمي للعيون والفم. اختر ما تشاء من الألوان ففي النهاية الأمر يعود لك. سنضع خيَار الاستدارة لكل من caps و corners وذلك للشفاه السفلية والخطوط الداخلية للذراعين من لوحة الحدود Stroke التي يمكن إظهارها بالضغط على CTRL+F10.

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

استخدم لوحة التدرجات Gradient لإعطاء الصبّار تعبئة تدرجية دائرية (مع المحافظة على الحدود كما هي) والآن حدد التدرج اللوني من الأخضر الفاتح الذي استخدمناه لتلوين الصبّار إلى الأخضر الداكن الذي استخدمناه لتلوين الحدود. التأثير كثيف جزئياً لذلك حدد القيمة 250% لنسبة الظهور Aspect Ratio لجعله أكثر رقة. أضف تدرّج خطّي للشفاه السفلية للصبّار لتسحب الفاتح إلى الداكن من الأعلى للأسفل وضع القيمة 40% لخيَار Location.

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

سننشئ الإضاءات والظلال الآن.

اصنع نسختين من شكل جسم الصبّار وضعها فوق بعضها البعض (لقد جعلت الحدود سوداء وألغيت التعبئة لكي يصبح من الأسهل التعامل معها الآن). اسحب الشكل العلوي للأسفل 5px ومع تحديد كلا الشكلين اختر Minus Front من لوحة Pathfinder. ضع الشكل الجديد بحيث يكون مستواه بمستوى قمة رأس الصبّار ولوّنه بالأخضر الفاتح. استخدم لوحة الشفافية Transparency ثم ضع خصائص المزج على Overlay والقيمة 45% لأجل Opacity.

كرر العملية للظلال السفلية للجسم ولكن هذه المرة اسحب النسخة الثانية للجسم للأعلى 15px ثم طبّق عليها Minus Front. ضع الشكل الناتج ليكون مستواه بمستوى أسفل جسم الصبّار وخصائص المزج Multiply والقيمة 15% لأجل Opacity.

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

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

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

Effect > Blur > Gaussian Blur 

ضع نصف القطر 2px ثم اضغط OK، هذا سيجعل كل شيء يبدو أقل حدّةً وأكثر طبيعية.

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

لقد وضعت الصبّار على خلفية صحراء مع وضع الظلال تحته. استخدمت لوحة ألوان تدعى رمال الصحراء للرمال والصخور واللون الأزرق الباهت للسماء.

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

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

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

افتح ملف جديد ببرنامج الإليستريتور. ارسم دائرتين بحجم 150px. ضع الدائرتين واحدة فوق الأخرى مع تداخل 100px واجمعهما معاً بالضغط على (CTRL+G أو CMD+G لمستخدمي ماكنتوش)، هذا يساعدنا على إنشاء أشكال رأس البُفِن. ارسم دائرة بحجم 100px واستخدم لوحة المحاذاة Align لمحاذاتها أفقياً وعمودياً إلى منتصف الدائرتين الكبيرتين التي جمعناها.

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

سنضيف المزيد من التفاصيل لمنقار البُفِن، ففي النهاية منقار البُفِن هو ما يميزه عن باقي الطيور. حدد المنقار وانسخه CTRL+C وانقر مرتين عليه لتفصل عناصر الشكل. ألصق النسخة بالاختصار CTRL+F ثم اسحبها لليسار بنحو 7px. حدد الشكل الأساسي والنسخة ثم انقر Intersect من لوحة Pathfinder. اضغط CTRL+F من أجل لصق الشكل الأصلي مجدداً وإرساله للخلف بالاختصار ]+SHIFT+CTRL. كرر العملية ولكن هذه المرة اسحب النسخة لليسار بنحو 10px ثم طبّق Intersect مجدداً.

لم ننتهِ من العمل على رأس البُفِن بعد. انسخ شكل الدائرة وألصقها مجدداً في المكان ثم استخدم لوحة التحويل Transform وبدّل حجم الدائرة 90px وتأكّد من أن النقطة المرجعية في المنتصف. اسحب الدائرة الصغرى لليمين بمقدار 10px ثم حددها مع تحديد الدائرة الكبرى أيضاً. استخدم لوحة Pathfinder لطرح الدائرة الصغرى من الكبرى بخَيَار Minus Front ثم ألصق الأصل مجدداً وأرسله لخلف الرسم.

سنرسم العين الآن. ارسم شكلاً بيضوياً بحجم تقريبي 12px بـ 18px. حدد الشكل ثم اذهب إلى القائمة:

Object > Path > Offset Path 

ضع قيمة Offset على 5px. حدد الشكل الجديد ثم اذهب للقائمة:

Effect > Warp > Arc 

ضع قيمة الانحناء العمودي Vertical Bend على -30% وفي خيارات الانحراف Distortion حدد القيمة الأفقية -30% والعمودية 30%. مدّد مظهر الشكل من القائمة:

Object > Expand appearance 

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

قم بمحاذاة العين أفقياً وعمودياً إلى منتصف رأس البُفِن باستخدام لوحة المحاذاة Align palette ثم اسحبها للأعلى بنحو 5px أو حتى تقتنع بموقعها.

لقد انتهينا من رسم رأس البُفِن وسنرسم الآن شكل الجسم. ارسم دائرتين بحجم 150px وضع إحداهما فوق الأخرى. حدد واحدة من الدوائر واسحبها للأعلى بنحو 70px ولليسار بنحو 50px (استخدم مفتاح SHIFT ومفاتيح الأسهم على لوحة المفاتيح لتسريع القيام بهذه العملية قليلاً). حدد كلا الدائرتين ثم انقر Divide من لوحة Pathfinder. احذف الشكلين العلويين حتى يتبقى شكل يشبه الهلال.

نريد أن نُفرّق بين الريش الأبيض والأسود على جسم البُفِن. انسخ وألصق شكل الجسم في المكان ثم اسحب النسخة للأعلى 50px ولليسار 20px. حدد كلا الشكلين ثم انقر Intersect من لوحة Pathfinder ثم ألصق الأصل مجدداً في المكان وأرسله خلف الشكل المُقتَطَع بالضغط على ]+CTRL.

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

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

ضع الهلال حيث كان تماماً وبما أنه لا يزال محدداً حدد معه الجزء العلوي من جسم البُفِن ثم أدمج الشكلين بخَيَار Unite. خذ النسخة عن رأس البُفِن التي نسخناها قبل قليل وأعدها إلى مكانها مجدداً ولكن فوق ترتيب كل الرسم. استخدم لوحة التحويل Transform لتقليل الحجم إلى 90px مع وضع النقطة المرجعية في المنتصف ثم اسحبه لليمين 10px. اطرح شكل الرأس من الجسم العلوي المدمج قبل قليل بخَيَار Minus Front.

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

لنرسم الجناح الآن. ارسم دائرتين بحجم 100px واحدة فوق الأخرى بتداخل 50px. حدد الدائرتين ثم انقر Intersect من لوحة Pathfinder وذلك لتُقَاطِع الشكلين. قم بمحاذاة الجناح مع أعلى يسار البُفِن مستخدماً لوحة المحاذاة Align ثم اسحبه للأسفل 85px ولجهة اليمين 10px حتى يُصبِح الموقع جيداً. أخيراً أدمج الجناح مع الجسم العلوي بالنقر على Unite.

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

ارسم دائرة أخرى بحجم 30px واسحب النقطتين اليسرى واليمنى للخارج بمقدار 10px وللأعلى 5px لكليهما. هذه ستكون القدم. اسحب النقطة السفلية للأسفل 5px. ارسم مستطيل مستدير الزوايا بحجم 15px بـ 30px مع نصف قطر الزاوية 15px. قم بمحاذاته أفقياً لليسار وعمودياً لأسفل القدم ثم اسحبه للأعلى 20px وأدمج كلا الشكلين بعدها. ضع الساق وسط أسفل البُفِن واسحبه للأسفل نحو 35px ولليمين 5px ثم أرسله خلف الرسم.

لقد اكتمل طائر البٌفِن الآن. سنقوم برسم صخرة ليقف عليها. استخدم أداة القلم Pen لرسم نتوء صخري، يعود إليك تقدير الشكل والارتفاع. بعد أن تنتهي من الرسم أرسله للخلف. سنضيف بعض الزينة عليها. لرسم نجم البحر استخدم أداة النجم Star Tool بنصف قطر أول 7px والثاني 20px وعدد النقاط 5 ثم نضغط OK. حدد النجم ومن ثم اذهب للقائمة:

Effect > Stylize > Round Corners 

ضع نصف القطر بقيمة 5px. مدد مظهر النجم من القائمة:

Object > Expand appearance 

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

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

Effect > Distort & Transform > Pucker & Bloat 

اسحب الشريط الجانبي الخاص بـ Bloat حتى 50%. مدد مظهر المرجان من القائمة:

Object > Expand appearance 

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

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

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

مادة إضافية للدرس:

أتساءل كيف سيكون شكل البُفِن الزومبي (الأحياء الأموات)؟ حسناً لنقم بهذا الأمر.

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

سنرسم بعض الأضلاع المكشوفة لصدر البُفِن. ارسم ثلاثة مستطيلات مستديرة الزوايا بحجم 10px بـ 5px و 20px بـ 5px و 30px بـ 5px وبنصف قطر زاوية لكل منها 5px موضوعة فوق بعضها البعض بتباعد 5px فيما بينها. حدد الأضلاع واجمعهم ثم من قائمة:

Effect > Warp > Arc 

ضع المنحني الأفقي على -50%. مدد مظهر الأضلاع بنفس الطريقة التي قمنا بها عدة مرات خلال الدرس.

ارسم دائرة بحجم 40px وحاذِها أفقياً وعمودياً في منتصف الأضلاع. استخدم أداة التحديد المباشر لسحب النقطة العلوية والسفلية لليسار بمقدار 10px والنقطة اليمنى للأسفل 10px. حدد جميع الأشكال ثم دوّرهم بزاوية -45° بالزر اليمن ثم Transform > Rotate. امنح الأضلاع لون تعبئة أبيض بدون حدود وتجويف الصدر المحيط بالأضلاع بلون مُحمَر وضعهم جميعاً في صدر البُفِن. ولمعلوماتكم فإن الأضلاع التي رسمتها موضوعة 120px أسفل و 35px إلى اليسار من الركن العلوي الأيمن من البُفِن.

أضف بعض رذاذ الدم حول تجويف صدر الطائر برسم دوائر مختلفة الأحجام في مجموعات عشوائية. سنرسم قطرة دم الآن. ارسم دائرة بحجم 3px ثم اضغط SHIFT+C لاستخدام أداة تحويل النقاط المركزية Convert Anchor Point Tool، انقر على النقطة العلوية وأعطها شكل زاوية حادة ثم استخدم أداة التحديد المباشر لسحبها للأعلى 30px. ضع القطرة أسفل الضلع السفلي. ستحتاج لإعادة ترتيب الطبقات فوق وتحت الأضلاع والتجويف. كرّر العملية لإضافة المزيد من القطرات إن أحببت.

لم يبقَ سوى أن نضيف تأثير بعض العضّات التي يتسبب بها انتشار فيروس الزومبي وبذلك ننتهي من العملية كاملة. ارسم ثلاث دوائر بحجم 10px بجانب بعضها وبتداخل 2px فقط. اسحب الدائرة الوسطى للأسفل 2px ثم أدمج الأشكال الثلاثة معاً باستخدام Unite من لوحة Pathfinder. دوّر العضّة بزاوية 30° وضعها على أعلى جناح البُفِن أو في أي مكان تراه مناسباً (ستحتاج إلى تعديل زاوية الدوران فقط بحسب الموقع الذي ستختاره). حدد علامة العضّ والجزء الذي اخترته من الطائر ووضعتها عليه ثم انقر Minus Front من لوحة Pathfinder لطرح الأشكال من الجسم.

طائر البُفِن أصبح زومبي كامل الآن.

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

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

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

افتح ملفًّا جديدًا في Illustrator وابدأ برسم دائرة بقياس 130px ستمثّل جسم سمكتنا، ثمّ ارسم شكلًا بيضويًّا بقياس 20px في 60px واجعله يتوسّط أعلى الدائرة باستخدام لوحة المحاذاة Align palette، ثم اسحبه للأعلى بمقدار 40px تقريبًا. اسحب نقطة الإرساء اليسرى للشكل البيضويّ بواسطة أداة التحديد المباشر Direct Selection Tool بمقدار 5px إلى اليسار، وبهذا نكون قد صنعنا الزعنفة الظهريّة.

لصنع الزعنفة الصدريّة ارسم دائرة بقياس 15px واسحب نقطة إرسائها اليسرى إلى اليسار بمقدار 3px، واسحب نقطة إرسائها السفلى بمقدار 3px إلى الأسفل. حدد كلًّا من الجسم والشكل الجديد ثم انقر مع الضغط على مفتاح ALT على جسم السمكة لجعله العنصر الأساسيّ للمحاذاة (سيظهر خط أزرق سميك حول الشكل). حاذِ الشكل الجديد وسطيًا وباتجاه يسار الجسم ثم اسحبه إلى اليسار بمقدار 10px تقريبًا. انسخ والصق الشكل في نفس المكان بالضغط على CTRL+C ثم CTRL+F (أو CMD+C ثم CMD+F في نظام الماك) ثم اعكس الشكل عموديًّا عن طريق الضغط بالزرّ الأيمن من الفأرة واختيار Transform>Reflect من القائمة المنسدلة، ثم حاذه إلى يمين جسم السمكة.

الزعانف الجانبية صغيرة أليس كذلك؟ لا تقلق، لم ننتهِ منها بعد، ارسم شكلًا بيضويًّا بقياس 50px في 60px، ثم ادفع نقطة الإرساء اليمنى إلى الجهة اليمنى بمقدار 10px، واسحب نقطة الإرساء اليسرى إلى إلى اليسار بمقدار 5px. حاذِ الشكل وسطيًّا وباتجاه يسار جسم السمكة قبل سحبه إلى اليسار بمقدار 45px تقريبًا، انقر على الشكل بزرّ الفأرة الأيمن ثم اختر Arrange > Send to Back من القائمة المنسدلة ليكون الشكل أسفل بقية الأشكال. انسخ والصق ثم اعكس الزعنفة وانقلها إلى الجهة اليمنى من جسم السمكة.

تمتاز سمكة المهرّج بالأشرطة البيضاء على جسمها، ولن تكتمل سمكتنا دون وجود هذا الشريط، ارسم شكل بيضويًّا بقياس 110px في 140px ثم اذهب إلى القائمة:

Object > Path > Offset Path

أدخل القيمة -10px في مربع Offset ثم اضغط OK. حدد الدائرتين ثم اضغط على أيقونة Minus Front من لوحة Pathfinder للحصول على الشكل المطلوب. حاذِ شكل الشريط وسطيًّا وبالاتجاه العلوي لجسم السمكة ثم اسحبه إلى الأسفل بمقدار 10px. انسخ شكل جسم السمكة ثم حدد معه شكل الشريط واضغط على أيقونة Intersect في لوحة Pathfinder، الصق الآن شكل الجسم في المكان ثمّ أعد ترتيب طبقات الأشكال.

لصنع وجه السمكة، ارسم دائرتين بمقاس 15px من أجل العينين، افصل الدائرتين عن بعضهما البعض بمقدار 20px تقريبًا، اجمع العينين بالضغط على (CTRL+G) ثم حاذهما إلى منتصف شكل الجسم، يمكن الاستفادة من عملية جعل الجسم العنصر الأساس في المحاذاة وذلك بالضغط على ALT مع النقر على شكل الجسم بعد تحديد كل من الجسم والعيون معًا. ارسم دائرة أخرى بمقاس 15px لتمثل فم السمكة وضعها تحت العيون بمسافة 5px، ثم استخدم أداة التحديد المباشر لحذف نقطة الإرساء العلوية. لقد حصلت على سمكة مهرج باسمة.

تمتلك أسماك المهرج كذلك أطرافًا سوداء في زعانفها بالإضافة إلى الأشرطة البيضاء، ولصنع الأطراف السوداء للزعانف الظهرية انسخ شكل الزعنفة والصقها إلى الخلف في نفس المكان، ثم اسحبها إلى الأسفل بمقدار 10px. حدد الزعفنتين الأصليّة والمستنسخة ثم اضغط على أيقونة Minus Front من لوحة Pathfinder، لتحصل على طرف الزعنفة فقط. الصق الشكل الأصلي مرة أخرى في نفس المكان ثم غير ترتيبه عن طريق إرساله إلى الخلف بالضغط على (Ctrl+[) لأكثر من مرّة إلى أن يصل الشكل إلى المكان الصحيح. كرّر هذه الخطوات لصناعة أطراف الزعانف الصدريّة، ولكن اسحب نسخة شكل الزعنفة اليسرى باتجاه اليمين بمقدار 10px ثمّ اضغط على أيقونة Minus Front، واسحب كذلك نسخة الزعنفة اليمنى باتجاه اليسار بمقدار 10px.

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

لا زالت السمكة تبدو مسطّحة قليلًا؛ لذا سنضيف إليها بعض الظلال لإعطاءها بعض الأبعاد. سنستخدم نفس الخطوات التي اتبعناها في إنشاء أطراف الزعانف، لذا انسخ جسم السمكة والصقه في نفس المكان ثم اسحبه إلى الأعلى بمقدار 10px، بعدها قُصَّه من الشكل الأصلي بالضغط على أيقونة Minus Front. الصق نسخة أخرى من الجسم ثمّ أعد ترتيب الأشكال حسب الحاجة. حدّد الظلّ، ثم أزل حدّه الخارجي Stroke، وباستخدام لوحة Transparency غيّر نمط المزج لهذا الشكل إلى Multiply والشفافيّة إلى 25%.

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

لإضافة المزيد من التفاصيل إلى الزعانف الصدريّة، ارسم دائرة بقياس 5px ثم باستخدام أداة نقطة الإرساء (Anchor Point Tool (SHIFT+C اضغط على نقطة الإرساء اليمنى للدائرة لتتحول إلى نقطة حادّة. اسحب هذه النقطة إلى اليمن بمقدار 20px ثم اصنع نسختين أخريين من الشكل الناتج، رتّب هذه الأشكال فوق بعضها البعض وافصل بينها بمسافة قدرها 5px. دوّر الشكل العلوي بمقدار -15 درجة والشكل السفلي بمقدار 15 درجة ثم اضغط (CTRL+G) لتجميع الأشكال الثلاثة.

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

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

Object > Path > Offset Path

أضف القيمة 3px إلى مربع Offset واختر Round من قائمة Joins ثم اضغط OK. لوّن الشكل الناتج باللّون البني مع إزالة الحدّ الخارجي، وها قد انتهينا.

لم لا تضع سمكتك فوق خلفية زرقاء مع بعض الفقاعات لتبدو وكأنّها في موطنها؟

ترجمة ـوبتصرّفـ للمقال Create a Clownfish in Illustrator Using Basic Shape لصاحبته Liz Canning.

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

لنبدأ برسم الحدود الخارجية للدمية. ارسم مستطيل مستدير الزوايا بحجم 160px بـ 200px مع طول نصف قطر الزاوية 160px للرأس وارسم شكلاً بيضوياً بحجم 210px بـ 310px للجسم. استخدم أداة التحديد المباشر Direct Selection لسحب النقطة العلوية في الشكل البيضوي إلى الأعلى 100px ولسحب النقطة السفلية إلى الأعلى أيضاً 50px. قم بمحاذاة الشكلين عمودياً إلى الأعلى وأفقياً إلى المنتصف مستخدماً لوحة المحاذاة Align palette ثم ادمجهما بخَيَار Unite من لوحة Pathfinder.

يجب أن تكون الحدود بحواف ناعمة في مكان دمج الرأس مع الجسم، حالياً هي قصيرة وحادة جداً. استخدم أداة التحديد المباشر Direct Selection وحدد النقطتين حيث يلتقي الرأس مع الجسم ومن لوحة التحكم Control Panel (أعلى الشاشة) اختر الحواف الناعمة ضمن حقل Anchor Points. والآن أصبحت حواف الدمية أكثر نعومة، وهو ما يعكس الخطوط الناعمة لما هي عليه فعلاً منحوتة ماتريوشكا (Matryoshka) التقليدية.

والآن سنرسم الوجه. ارسم دائرة بحجم 120px وضعها في وسط منطقة الرأس وبنحو 20px أسفل الحافة العلوية. وسنمنح ماتريوشكا ابتسامة الأم اللطيفة. ارسم دائرة بحجم 10px ثم اضغط SHIFT+C لنعمل على أداة Convert Anchor Point ثم اضغط على النقطة السفلية لإنشاء نقطة حادة ثم اسحبها إلى الأسفل بمقدار 5px. دوّر الشكل بزاوية 30° (زر يمين ثم Transform > Rotate) ومن ثم أنشئ نسخة باستخدام الاختصارات CTRL+C وبعدها CTRL+F والآن اعكس النسخة عمودياً (زر يمين ثم Transform > Reflect) والآن اسحبها لليمين بمقدار 5px.

يجب حذف التداخل لكي يبقى شكل القلب الحاد. إن كنت تستخدم إصدار CS5 أو أحدث اختر أداة Shape Builder ثم حدد الشكلين وبعدها استمر بالضغط على ALT (يجب أن تظهر علامة الناقص بجانب المؤشر أثناء الضغط على المفتاح) وانقر على المنطقة المتداخلة لإزالتها. أخيراً، أدمج الشكلين باستخدام Unite. ولكن إن لم يكن لديك أداة Shape Builder فحدد الشكلين ومن لوحة Pathfinder انقر على Divide. ألغِ تجمّع الأشكال (زر يمين ثم Ungroup) ثم احذف التداخل ثم أدمج العناصر الباقية.

لنُضِف خط منحني للفم لإعطائه مظهر الابتسامة. ارسم خطاً بقياس 30px مع حدود سوداء وبدون تعبئة ثم اختر:

Effect > Warp > Arc 

وضع قيمة الانحناء الأفقي Horizontal Bend إلى -50% واضغط OK. والآن استخدم إمّا لوحة الحدود Stroke أو لوحة التحكم Control وضع قيمة الحدود Stroke Weight إلى 2pt وضع شخصية العرض المتغير على الخيَار الأول. مدد مظهر الخط من قائمة Object عبر Expand Appearance ثم قم بمحاذاتها عمودياً إلى المنتصف وأفقياً إلى أعلى شكل القلب. أدمج الشكلين باستخدام Unite (عدّل الحدود وقم بالتعبئة إن كان ذلك ضرورياً) ثم ضع الفم النهائي في مكانه في الوجه.

لإنشاء الأنف والخدّين نحتاج فقط لبعض الدوائر. ارسم الأنف بدائرة بحجم 2px ثم انسخها وألصقها في المكان ثم اسحب النسخة لليمين بمقدار 5px. اجمع الشكلين بالضغط على CTRL+G ثم ضع الشكل الجديد فوق الفم. وللخدين ارسم دائرة بحجم 20px ثم انسخها وألصقها وبعد ذلك اسحب النسخة بمقدار 60px لليمين. اجمع الدائرتين وضعهما داخل الوجه بنحو 30px فوق أسفل الوجه حيث سيبدوان بشكل جيد.

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

ولنقم الآن بإنشاء العينين، وهذه العملية مطابقة لعملية إنشاء الابتسامة. ارسم خط 20px ثم من القائمة:

Effect > Warp > Arc

لكن هذه المرة ضع قيمة الانحناء الأفقي Horizontal Bend بقيمة 50% ثم اضغط OK. ومجدداً استخدم إمّا لوحة الحدود Stroke أو لوحة التحكم Control وضع Profile العرض المتغير على الخيَار الأول. وضع قيمة الحدود هذه المرة 3pt ثم مدد مظهرها كما فعلنا مع الابتسامة. أعد تعديل الحدود واملأها ثم انسخ وألصق العين وبعدها اسحب النسخة لليمين 50px. اجمع العينين وضعهما وسط الوجه.

وفي هذه الخطوة سنقوم بإنشاء الحاجبين. هذه المرّة سنرسم خطاً بقياس 15px ومن القائمة:

Effect > Warp > Arc 

ضع الانحناء الأفقي على 50%. والآن استخدم لوحة الحدود Stroke وعدّل خيار الغطاء Cap والزاوية Corner لتكون دائرية، عرض الحدود يجب أن يكون 2pt وضع Profile العرض المتغير على الخيَار الرابع. مدد مظهر الحاجبين ثم ألغِ جمع العينين (زر يمين ثم Ungroup). قم بمحاذاة الحاجب مع الحافة اليسرى للعين اليمنى وليكن الحاجب فوق العين بمقدار 10px. انسخ وألصق الحاجب ومن ثم اعكسه عمودياً (زر يمين ثم Transform > Reflect) ثم قم بمحاذاة الحاجب المنسوخ إلى الحافة اليمنى للعين اليسرى.

والآن لم يتبقَّ لنا سوى رسم الشعر لإكمال الوجه. سنبدأ برسم دائرتين بحجم 120px موضوعتان بجانب بعضهما وبتداخل 20px وسندمجهما بواسطة Unite. قم بمحاذاة الشكل إلى وسط الوجه ثم اسحبه للأعلى بمقدار 80px إلى أن تبدو مُقنِعَة. اصنع نسخة عن شكل الوجه بالاختصار CTRL+F وبما أنها ما زالت محددة، حدد أيضاً شكل الشعر ثم اختر Intersect من لوحة Pathfinder. ألصق شكل الوجه مجدداً باستخدام CTRL+F ثم أعد ترتيب الطبقات بحيث تكون هذه الطبقة خلف بقية عناصر الوجه.

سنقوم الآن برسم وشاح رأس ماتريوشكا. ارسم شكلاً بيضوياً بحجم 250px بـ 140px وضعه في وسط الجسم وأسفل الوجه بمقدار 10px. قم بنسخ الجسم وبما أنه لا يزال محدداً قم بتحديد الشكل البيضوي معه ثم اختر الأمر Minus Front من Pathfinder. احذف النصف السفلي من الشكل الذي تشكّل بسبب عملية الطرح التي قمنا بها للتو ثم ألصق الجسم في المكان وأرسله إلى خلف الرسم. قم بترتيب الطبقات إن لَزِمَ الأمر.

سنضيف عقدة إلى الوشاح ما يجعله أكثر وضوحاً. ابدأ بإنشاء دائرتين بحجم 50px ولتكن واحدة فوق الأخرى بتداخل 20px فيما بينهما. حدد الدائرتين واضغط Intersect من Pathfinder وهذا سيُشكّل شكلاً بيضوياً. دوّر الشكل بزاوية 45° ثم انسخه وألصقه في المكان. اعكس النسخة عمودياً ثم اسحبها إلى اليمين بمقدار 30px ثم اجمع الشكلين معاً. لإنهاء العمل على العقدة قم بإنشاء دائرة بحجم 15px وقم بمحاذاتها وسطياً مع أعلى الأشكال البيضوية واسحبها للأعلى قليلاً. والآن ضع شكل العقدة الكلي تحت الوجه.

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

Object > Path > Offset Path 

ضع قيمة Offset على -20% ثم اضغط OK. انسخ الشكل الذي أنشأناه للتو ثم دوّر هذه النسخة بزاوية 180° ثم اسحبها للأعلى بمقدار 140px تقريباً. حدد الشكلين المتداخلين ثم اختر Minus Front من لوحة Pathfinder. وبذلك يصبح لدميتنا مئزر الآن.

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

Object > Path > Offset Path 

ضع Offset على القيمة 5px. تأكّد من أن لون التعبئة موضوع على (لا شيء) ومن لوحة Stroke ضع Stroke Weight على القيمة 5pt وحدد خَيَار الاستدارة على Cap وCorner. فعّل خَيَار Dashed Line ثم ضع قيمة dash على 0pt وضع gap على 15pt وأخيراً اختر المفتاح الذي تحاذي فيه الشرطات إلى الزوايا والحواف (المفتاح الأيمن من مفتاحي محاذاة الشرطات). وبذلك سيكون هناك خط منقّط على أطراف المئزر الآن.

حدد النقاط ومن قائمة Object اختر Flatten Transparency واترك الإعدادات الافتراضية كما هي واضغط OK. طبّق على offset القيمة 7px من قائمة Object مع وضع الحدود باللون الأسود والتعبئة بالأبيض. انقر مرتين على موقع الإزاحة لعزل الأشكال داخل المجموعة لحذف التداخل الزائد في الجزء العلوي من تخريمة المئزر. حدد شكلي التخريم المنفصلين وادمجهما بواسطة Unite ثم أرسله إلى خلف مجموعة الرسم وبذلك تصبح النقاط فوق التخريمة. الآن تجميل التخريم قد اكتمل.

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

Effect > Distort & Transform > Zig Zag

ضع Size بقيمة 2px وكذلك Ridges Per Segment بقيمة 10 وحدد خَيَار Smooth في حقل Points. مدد الأشكال بواسطة Expand Appearance والآن أصبحنا جاهزين لإضافة الألوان.

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

كل ما بقي علينا عمله هو إضافة بعض اللمسات الأخيرة. سنضيف نقش زهرة مزخرف على المئزر. استخدم أداة القوس Arc (تجدها ضمن خيارات أداة الخط) أنشئ قوساً مع تحديد أطوال المحورين X و Y بقيمة 10px (باقي الخيارات ستبقى كما هي). أعطِ القوس حدوداً مؤقتة بدون لون تعبئة مستخدماً لوحة الحدود Stroke بقيمة 5pt مع تحديد الاستدارة من أجل Cap وCorner وضع Profile العرض المتغير على الخيَار الرابع. مدد مظهر القوس من قائمة Object.

انسخ وألصق القوس في المكان وبعدها اعكس النسخة عمودياً واسحبها لليمين بمقدار 15px. انسخ وألصق القوسين واسحب الأشكال المنسوخة للأعلى 10px وكرر هذه العملية مجدداً ليصبح لديك ما يشبه نبات السرخس. أنهِ الورقة بإضافة ثلاثة دوائر في الأعلى متناقصة في الحجم تدريجياً.

سنصنع زهرة وسط الزينة التي نقوم بتصميمها الآن. استخدم أداة المضلعات Polygon (تجدها تحت خيارات أداة المستطيل) وأنشئ مضلعاً بستة جوانب وبنصف قطر 20px ومن القائمة:

Effect > Distort & Transform > Pucker & Bloat 

ضع Bloat على قيمة 70%. مدد مظهر الزهرة من قائمة Object كالعادة. ارسم دائرة بحجم 10px وقم بمحاذاتها وسط الزهرة ثم اطرحها من شكل الزهر باستخدام Minus Front.

والآن سنطوّق الزهرة بأوراق السرخس التي أنشأناها سابقاً. اجمع عناصر ورقة السرخس معاً ودوّرها بزاوية 90°. انسخ وألصق الورقة في المكان واعكس النسخة عمودياً واسحبها لليمين بنحو 85px. اجمع الورقتين معاً ثم بالزر اليمن اختر Transform > Rotate وحدد الزاوية 45° ثم انقر Copy. اضغط CTRL+D مرتين حتى تصبح الزهرة محاطة بالأوراق.

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

تهانينا. لقد أنهيت درس كيفية إنشاء دمية روسية ببرنامج الإليستريتور، أنا متأكد من أنك استمتعت بتصميم ماتريوشكا الجميلة.

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

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

افتح برنامج Illustrator وابدأ ملف جديد وأنشئ دائرة بحجم 200px وستكون هذه الدائرة جسم الكتكوت. استخدم أداة التحديد المباشر Direct Selection واسحب النقطة السفلية للدائرة إلى الأعلى بمقدار 30px والنقطة العلوية إلى الأعلى أيضاً بمقدار 10px.

لإنشاء العينين ارسم دائرتين بحجم 20px وضَعهُما بجانب بعضهما البعض بمسافة تقريبية بينهما 40px. انسخ وألصق الدائرتين باستخدام الاختصارات CTRL+C وCTRL+F ثم اسحب النسخة اليسرى للأسفل وإلى اليسار بمقدار 10px والنسخة اليمنى للأسفل وإلى اليمين قليلاً بمقدار 10px. أرسل النسختين إلى الخلف (بحسب ترتيب العناصر) باستخدام الاختصار ]+SHIFT+CTRL والآن أدمج الدوائر الأربعة معاً Group وقم بمحاذاتهم في وسط جسم الكتكوت باستخدام لوحة المحاذاة Align palette.

ولكي ننتهي من تصميم وجه الكتكوت سنحتاج لرسم المنقار فقط. ارسم مربع بحجم 20px ثم دوّره بزاوية 45° (زر أيمن ثم Transform > Rotate) ثم استخدم أداة التحديد المباشر Direct Selection لحذف النقطة العلوية. حدد النقطتين اليمنى واليسرى ثم انقر بالزر الأيمن واختر Join من القائمة لإغلاق المسار وسيكون لديك الآن مثلث رأسه للأسفل. حدد هذا الشكل ومن قائمة Effect اختر:

Effect > Stylize > Round Corners 

وضع قيمة Radius نصف القطر 10px واضغط OK. وأخيراً مدّد منظر المنقار من قائمة Object باختيارك Expand Appearance وضع الشكل في وسط جسم الكتكوت.

والآن لنصنع بعض الأجنحة لهذا الكتكوت البدين القصير، إنّ الميزات غير المتناسقة تساعد على إضافة بعض الجاذبية. ارسم دائرة بحجم 50px واستخدم أداة التحديد المباشر لسحب النقطة السفلية للأعلى 20px ثم دوّر الشكل بزاوية -45°. انسخ وألصق الشكل ثم دوّر النسخة عمودياً (بالزر الأيمن ثم Transform > Rotate) ثم اسحبها إلى اليمين لنحو 170px. اجمع الجناحين Group معاً ثم قم بمحاذاتهما أفقياً مع أسفل جسم الكتكوت ثم ارفعهما بمقدار 40px. أدمج الجناحين والجسم باستخدام لوحة Pathfinder عن طريق خّيّار Unite ثم أرسل الجسم إلى أسفل الرسم كله.

ولننتقل الآن لتصميم أقدام الكتكوت. فلنبدأ برسم دائرة بحجم 20px واسحب النقطة السفلية للأسفل بمقدار 30px. هذا سيشكّل أحد الأصابع. انسخ الإصبع واسحبه لليمين بمقدار 10px وكرر الخطوة مرة أخرى وسيصبح لدينا ثلاثة أصابع متداخلة. استخدم أداة التحديد المباشر لتحديد النقطتين السفليتين اليمنى واليسرى وحرّكهما إلى الأعلى بمقدار 5px. دوّر الإصبع الأيسر بزاوية 30° واليمنى بزاوية -30° ثم قم بمحاذاتهما مع أسفل الإصبع الأوسط. أدمج الأصابع الثلاثة باستخدام خَيَار Unite ثم دوّر القدم بزاوية 30°. أنشئ نسخة لهذه القدم واعكسها عمودياً ثم اسحبها لليمين بمقدار 100px تقريباً. اجمع Group القدمين ثم قم بمحاذاتهما وسطياً مع أسفل الكتكوت.

كل ما بقي لإنهاء رسم الكتكوت هو رسم بعض خصلات الريش فوق رأسه. لفعل ذلك نحتاج إلى إنشاء فرشاة مخصصة. ارسم دائرة بحجم 15px ثم اسحب النقطة العلوية للأعلى بمقدار 20px. افتح لوحة الفراشي Brushes panel بالضغط على F5 ثم انقر على مفتاح فرشاة جديدة New Brush. حدد خَيَار Art Brush ثم تأكّد أن خَيَار Direction موضوع على Stroke من الأسفل إلى الأعلى (اختر السهم للأعلى من بين الأسهم). استخدم أداة فرشاة الرسم Paintbrush بالضغط على مفتاح Bلرسم بعض الخصلات، وعندما تنتهي من رسمها اختر Expand Appearance من قائمة Object ثم ادمجهم باستخدام مفتاح Unite. احذف بعض النقاط السفلية ثم ضع الخصلات على رأس الكتكوت.

والآن لنقم بتلوين الكتكوت. وضعت حدود للكتكوت بسماكة 2pt حول الجسم، الأصابع والأقدام و3px إزاحة لمنح شعور بالعمق. ولإنشاء الإزاحة حدد الأشكال التي تكوّن شكل الكتكوت وانسخها وألصقها في المكان مجدداً، حدد العناصر المنسوخة ثم ادمجها بخَيَار Unite. ومن قائمة Object اختر:

Object > Path > Offset Path 

غيّر Offset إلى 3px ثم اضغط OK. وَحّد Unite الشكل المدمج مع الإزاحة ثم أعطها لون تعبئة مطابق للون الحدود الذي وضعته سابقاً وأرسله إلى خلف الرسم كلّه.

إنّ كتكوتنا قد فقس للتو، لذلك سنحتاج لرسم بيضته الآن. ارسم دائرة بحجم 200px واسحب النقطة العلوية إلى الأعلى 50px. استخدم أداة القلم Pen لرسم الخط المتكسّر عبر البيضة في موقع انكسار البيض عادة، ثم حدد البيضة والخط ومن لوحة Pathfinder اختر Divide. ألغِ تجمّع Ungroup قطاعات القشرة (زر يمين ثم Ungroup) وضع كل قشرة على جانب الكتكوت، لقد دوّرت الجزء العلوي من القشرة بزاوية -120°.

سنضيف تأثير التنقيط على قشرة البيضة للانتهاء من تصميمها. افتح مجموعة Free vector texture set التي أنشأتُها سابقاً وضع الشكل الأول في المجموعة فوق أحد نصفي قشرة البيضة، حدد هذا النسيج الذي فتحناه تواً واضغط CTRL+8 لإنشاء مسار مركّب (هذا مهم حيث سيسمح لنا استخدام خّيّار التقاطع Intersect في الخطوة التالية). انسخ وألصق القشرة في المكان ثم حدد النسخة والنسيج الأخير واختر Intersect من لوحة Pathfinder. أعطِ النسيج لون القشرة ذاته ثم استخدم لوحة الشفافية Transparency وبدّل خصائص المزج إلى Multiply وبدّل مستوى Opacity إلى 50%. كرر هذه الخطوة للنصف الآخر من قشرة البيضة.

أضف بعض الأعشاب لإنهاء المشهد بالألوان الخضراء الزاهية. إن كنتَ تريد إضافة بعض العمق، أضف بعض الظلال الرقيقة تحت الكتكوت وقشور البيضة بإنشاء شكل بيضوي Oval بنفس لون تعبئة الأعشاب وبدّل خصائص المزج إلى Multiply وعدّل الشفافية Transparency إلى 50% (تذكّر أن تعيد ترتيب الطبقات لتكون الظلال تحت الكتكوت وقشور البيضة ولكن فوق الخلفية).

ولنضيف لمسة نهائية، لمَ لا نضيف بعض خصلات الأعشاب باستخدام ذات التقنية التي قمنا بواسطتها بإنشاء خصلات الريش على رأس الكتكوت؟

هذا كل شيء، كتكوت الربيع اللطيف اكتمل. أحسنتم عملاً.

ترجمة -وبتصرّف- للمقال: Create a Cute Spring Chick in Illustrator لصاحبته Liz Canning.

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

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

رسم السكتش SKETCH

نقوم بفتح برنامج أدوبي اليستريتور ونختار:

File > Place

لجلب ملف السكتش، بعدها نحدد قيمة Opacity بـ: 20% ثم نستعمل الاختصار CMD+2 لقفله وتثبيته في مكانه حتى لا نحدده دون قصد.

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

ننسخ الشكل (CMD+C) ونضع النسخة في الواجهة (CMD+F) ثم نضغط على alt+shift لتكبير الشكل قليلا. نقوم بالتعديل على الحواف باستخدام أداة المقص Scissors tool ونحاول أن نجعلها تتطابق مع رسمة السكتش SKETCH.

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

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

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

نضغط على CMD+Alt+2 لإزالة القفل على السكتش ونقوم بسحبه إلى الجانب الآخر لرؤية نتيجة عملنا منفردة . يبدو الشكل الناتج جميل ونظيف مقارنة مع الرسم التقريبي، لكنه قد يكون مملا قليلا

جعل التصميم يبدو طبيعيا

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

نحدد جميع المسارات التي قمنا بعملها في تصميمنا ثم نزيد من قيمة stroke لتعزيز حجم الخطوط.

نختار:

Object > Expand

ثم نحدد خصائص حدود التصميم option Stroke، و نضغط على زر موافق لتحويل جميع الحدود إلى شكل ثابت.

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

أحينا نجد أن عملية تكبير الأشكال ينتج عنها جزء منه يتكون من عدة نقاط مما يؤثر على تناغم الشكل، فنحدد كل تلك النقاط الموجودة في الزاوية للتأكد من استمرارية المسار ونقوم بتنعيمها.

هذه التقنية البسيطة كفيلة بتحويل رسمة الفيكتور vector illustration، حيث أنها تضيف ديناميكية أكثر عليه مقارنة بالخط ذو السمك الواحد.

تلوين الرسمة

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

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

نحدد لونا معينا من لوحة النماذج swatches palette ثم نقوم بتلوين المنطقة التي اخترناها وذلك باستخدام أداة القلم Pen tool. مع التأكد من أننا لا نتعدى الخطوط السوداء التي قمنا بعملها في الخطوات السابقة.

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

تظليل الرسمة

الاستعانة بقليل من الظلال هو ما سيمنح التصميم الحياة، حتى إذا نسينا تلك القواعد الفنية الهامة، فإن إضافة بعض الإضاءة والظلال العشوائية سيحول العمل الذي نقوم به إلى عمل فني.

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

نقوم بتغيير نمط شكل الإضاءة إلى Soft Light حتى نتمكن من تفتيح اللون الأساسي للشكل.

في الجهة المقابلة نقوم بعمل قليل من الظلال، ونستخدم اللون الأسود ثم نخفض قيمة Transparency إلى 40 بالمئة.

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

أنهينا من تصميم الخوذة وذلك باستخدام أشكال بسيطة، كما يمكننا أيضا الاستعانة بأداة Pathfinder لتجميع بعض من تلك الأشكال.

إنهاء الرسمة

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

ترجمة -وبتصرف- للمقال Illustrator Techniques to Turn a Sketch into Vector Art لصاحبه Chris Spooner.