1. Design & Illustration
  2. Affinity Designer

كيفية إنشاء ورقة العفريت لعبة حرف في مصمم تقارب

by
Read Time:12 minsLanguages:
This post is part of a series called Easy Character Design.
How to Create a Character Kit in Adobe Illustrator
How to Create a Cute Gingerbread Man in Adobe Illustrator

Arabic (العربية/عربي) translation by Muhammad Hakim Almadani (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

1-رسم الأجزاء الأساسية من الحرف

الخطوة 1

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

عندما قمت بإجراء العديد من الاختلافات، حدد واحد كنت مثل معظم ومواصلة العمل معها. حاول مختلف يطرح وتعبيرات الوجه.

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

making sketchesmaking sketchesmaking sketches

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

character sketchcharacter sketchcharacter sketch

الخطوة 2

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

لنقم بإنشاء "مستند جديد" من 600 × 800 px الحجم. استخدام "أداة الصورة مكان" لاستيراد رسم لنا ووضعه في وسط اللوحة القماشية.

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

outlining the sketch outlining the sketch outlining the sketch

الخطوة 3

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

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

merging the shapes with add operationmerging the shapes with add operationmerging the shapes with add operation

الخطوة 4

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

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

adding details with Stroke paneladding details with Stroke paneladding details with Stroke panel

الخطوة 5

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

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

shaping the body with rectangle tool 1shaping the body with rectangle tool 1shaping the body with rectangle tool 1

الخطوة 6

الآن استخدام أداة العقدة (A) لتعديل الجانب الأيسر من الجسم، وإضافة المزيد من العقد وجعل الزوايا ناعمة وجعل يصلح في الرسم الخطوط العريضة.

shaping the body with rectangle tool 2shaping the body with rectangle tool 2shaping the body with rectangle tool 2

الخطوة 7

دعونا نضيف الريش إلى الجزء الأسفل من الجسم، وتشكيل نوع من تنورة. أداة القطع الناقص (M) وتشكيل شكل ممرود في أسفل الجانب الأيسر من الجسم. اضغط على Option-Shift واسحب الشكل إلى اليمين، مما يجعل نسخة. كرر الإجراء نفسه، مما يجعل المزيد من النسخ وملء الجزء السفلي.

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

add feathers with ellipse tooladd feathers with ellipse tooladd feathers with ellipse tool

الخطوة 8

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

make legs with strokemake legs with strokemake legs with stroke

الخطوة 9

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

expand stroke of legexpand stroke of legexpand stroke of leg

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

يمكننا استخدام أحد أدوات الرسم هنا – أداة القلم (N) أو أداة القلم (P). أنا أفضل أداة القلم (P). فقط تتبع هي المحطة التي تم إنشاؤها أعلاه، مما يجعل شكل مستدير، على نحو سلس، واستخدام أداة العقدة (A) للتحرك في العقد.

نسخ الساق لإضافة واحد آخر.

use pen tool to outline the leguse pen tool to outline the leguse pen tool to outline the leg

الخطوة 10

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

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

add second feathers layeradd second feathers layeradd second feathers layer

الخطوة 11

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

make arm from ellipsesmake arm from ellipsesmake arm from ellipses

الخطوة 12

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

make arm from ellipses 2make arm from ellipses 2make arm from ellipses 2

الخطوة 13

وأخيراً، استخدام أداة القلم (ن) لرسم خصل صغيرة من الريش عند الكوع ودمجه مع الذراع، وكذلك.

عظيم! الخطوط العريضة على استعداد. الآن دعنا إضافة الألوان!

add feathers to the armadd feathers to the armadd feathers to the arm

2-تطبيق ألوان & متفاوتة يطرح

الخطوة 1

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

character color palettecharacter color palettecharacter color palette

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

apply colors to the body and faceapply colors to the body and faceapply colors to the body and face

الخطوة 2

الآن دعونا نعمل مع الوجه. تطبيق الألوان على جميع علامات الحذف الثلاث العين، مما يجعل من جانبها الداخلي أكثر قتامة، خلق ثقب. ودعونا تحرير الخط الأحمر على الوجه. جعله أكثر سمكا، زيادة "سمك الحد" في لوحة الحد. (Cut (Command-X الخط، حدد بيج مواجهة الشكل والذهاب إلى Edit > Paste Inside. عظيم! الآن السطر داخل الشكل الوجه، وكأنك داخل قناع قطع، ونحن لا يزال يمكن تحريره، إذا لزم الأمر.

paste the stroke inside the facepaste the stroke inside the facepaste the stroke inside the face

الخطوة 3

دعونا نضيف بعض الظلال لشخصيتنا، يجعلها أكثر تفصيلاً. أداة القلم (N) والبدء في رسم شكل، تغطي جزئيا الجانب الأيسر من الجسم. لا يجب أن تكون مثالية، لأننا ذاهبون إلى (Cut (Command-X وقم Edit > Paste Inside شكل الجسم. جعل الظل أغمق قليلاً من الجسم.

draw the shadowsdraw the shadowsdraw the shadows

الخطوة 4

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

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

لا تنسى لإضافة الظلال الصغيرة، وتقريب اثنين إلى الساقين، وجعلها أكثر ثلاثي الأبعاد.

add details and shadowsadd details and shadowsadd details and shadows

الخطوة 5

أقل عتامة تسليط الضوء الساطع والأزرق في لوحة الطبقات لجعلها أكثر مكرا.

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

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

edit the colors with the color box and opacityedit the colors with the color box and opacityedit the colors with the color box and opacity

الخطوة 6

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

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

add details to the faceadd details to the faceadd details to the face

الخطوة 7

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

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

add outline strokes to the body partsadd outline strokes to the body partsadd outline strokes to the body parts

الخطوة 8

أما بالنسبة للجسم، وأريد أن تطبيق مخطط واحد بشكل كامل. غير أن الجسم يتكون من عنصرين، حيث أننا سوف تفعل خدعة قليلاً. قم بتحديد كل أجزاء الجسم ومضاعفتهم (Command-C > Command-V). سوف تشاهد النسخ في لوحة الطبقات الخاصة بك. حدد النسخ ودمجها في شكل مفرد باستخدام "عملية إضافة".

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

add outline strokes to the body parts 2add outline strokes to the body parts 2add outline strokes to the body parts 2

الخطوة 9

دعونا نرى ما لدينا حتى الآن. لقد قمنا بإنشاء حرف يتوهم خيال، والذي يتكون من الجسم (جنبا إلى جنب مع الوجه)، وزوج من الأسلحة مجنحة وزوج من الأرجل مضحك. وهذا هو في الواقع نحن بحاجة إلى جعل العفريت لعبة تتحرك جميع! تأكد لقد قمت (Grouped (Command-G جميع الأجزاء بشكل صحيح في لوحة الطبقات، حفظ العمل الخاص بك نظيفة ومتسقة.

group the body parts in the layers panelgroup the body parts in the layers panelgroup the body parts in the layers panel

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

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

character sprite sheet posescharacter sprite sheet posescharacter sprite sheet poses

النصر! لدينا العفريت لعبة ذات طابع الخيال جاهز!

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

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

المتعة في تصميم شخصيات جديدة، ولا ننسى أن تبادل النتائج الخاصة بك!

game character sprite sheet in affinity designergame character sprite sheet in affinity designergame character sprite sheet in affinity designer
One subscription.
Unlimited Downloads.
Get unlimited downloads