اذهب إلى المحتوى

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

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

vector-penguin-character.thumb.jpg.dc843

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

01.thumb.jpg.abefc58fc7dfe9a2eb62eb581ae

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

02.thumb.jpg.09a8262c6f53693a15dbff2b8c4

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

03.thumb.jpg.9b02cfd2c8d2c12bc68e7af31ec

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

04.thumb.jpg.0362940ba3c9c1876698d7916cd

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

Object > Transform > Reflect

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

05.thumb.jpg.7f9e87b13827176a7068fd0590d

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

06.thumb.jpg.000100b1cc1c47f2dac6c0d70a8

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

07.thumb.jpg.a7700de2fbfbd58e37767fa8398

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

08.thumb.jpg.2f61d182a091a4f3d86bf20517d

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

09.thumb.jpg.69b76f3bbc10e61133381d6fe78

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

10.thumb.jpg.5cb56492ea362fa7380659e6d6f

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

11.thumb.jpg.564d12104c98c8c2d0a9e4abe1e

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

12.thumb.jpg.070c4c0d45feed4033468933793

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

13.thumb.jpg.b990b447f5d9cc8ded3e117f29c

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

14.thumb.jpg.fa7c438cf37caa56305fe4ad2da

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

15.thumb.jpg.3ce93920911f81c9ea81ad2286f

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

16.thumb.jpg.d53e53922cb529d55221b17c5b0

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

Effect > Stylize > Drop Shadow

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

17.thumb.jpg.74423df2a211744ff6b90b105ae

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

18.thumb.jpg.b8a8c1b517e2da10653d14690ce

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

19.thumb.jpg.328bbbee38ca335cfac358e4dd3

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

20.thumb.jpg.973b3c7fc6cbcb7c377e74a3666

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

21.thumb.jpg.17359c6d2780644058f7777d306

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

Object > Envelop Distort > Make with Warp

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

22.thumb.jpg.aac0fa1d76a9945cf2611832dc6

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

Object > Expand

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

23.thumb.jpg.a3ace7e3db8618ff1f1f8461374

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

24.thumb.jpg.7a20e0b817fc6914d463d1244c4

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

25.thumb.jpg.23fa36dce0f9771f95c84fe0ec2

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

vector-penguin-character.thumb.jpg.dc843

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


تفاعل الأعضاء

أفضل التعليقات

zahershullar

نشر

بتاريخ On 4/2/2016 at 12:21 قال alhethmey:

درس جميل وشكرا على الترجمة. لكن ماذا يعني  CMD هل هو زر Ctrl؟

نعم أخي زر CMD في نظام ماكنتوش على أجهزة Apple هو ذاته زر Ctrl في نظام ويندوز على أجهزة PC



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...