كيفية تصميم الخلفيات

كيفية تصميم الخلفيات
Rick Davis

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

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

في مقالة البرنامج التعليمي هذه ، سنبحث في كيفية قيام الفنانة Maddy Zoli بإنشاء خلفية. تابع في Vectornator وتعلم كيف تفعل ذلك بنفسك!

تصميم الشخصيات

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

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

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

الفنان

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

بعد رسم السحب ، استخدم أداة Node Tool لإجراء أي تعديلات على شكلها.

لأن السحب سيعكس ضوء غروب الشمس بشكل طبيعي ، ومنحهم تدرجًا ينتقل من تدرج برتقالي (F92CEE ، يسار) إلى وردي فاتح (F9DCEE ، على اليمين).

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

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

الخطوة 17

إضافة بعض التفاصيل الرائعة

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

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

تختار Maddyتفضل مكوك الفضاء ، وتغيير حجمه ، وتلوينه باللون الأبيض ، ووضعه في منتصف اللافتة. سهل جدًا!

💡 نصيحة احترافية: استخدم الآلاف من الرموز الخالية من حقوق الملكية من Iconator لإنشاء أشكال معقدة في بضع ثوانٍ. الخطوة 18

إضافة تأثيرات ضوئية

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

ثم انتقل إلى أوضاع المزج واختر تراكب.

الخطوة 19

إضافة حركة

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

لقد كنا ننتظر: بعد كل هذه الخطوات ، اكتمل الرسم التوضيحي الآن!

لماذا يعد رسم الخلفيات مهمًا

مهما كانت خلفية الرسم ، له تأثير كبير على العمل الفني النهائي - سواء كان جيدًا أو سيئًا!

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

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

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

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

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

لا تنسَ دائمًا وضع علامة علينا على وسائل التواصل الاجتماعي حتى نتمكن من إعادة نشر عملك!

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

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

ما ستحتاج إليه:

• iPad

• Apple Pencil

• Procreate (أو أي برنامج رسم آخر)

• أحدث إصدار من Vectornator ما ستتعلمه:

• كيفية الرسم

• كيفية تحضير قماش الرسم والخلفية

• كيفية إضافة وإدارة الطبقات

• الاستخدام المتقدم لأدوات القلم والقلم الرصاص والفرشاة و Node و Shape Tools

• الاستخدام المتقدم لـ Color Picker و Gradient Editor

• كيفية إضافة الضوء والظلال والحركة

أنظر أيضا: كيفية استخدام الاتصال المرئي

• كيفية استخدام النسخة المكررة وظيفة لتخفيف عبء العمل الخاص بك

• كيفية إنشاء حروف مرسومة باليد

• كيفية إنشاء أشكال معقدة

لقد جمعنا الممارسة والنظرية هنا ، لذا اربط حزام الأمان!

الخطوة 1

الحصول على مراجعك بشكل صحيح

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

هل يمكنك تخمين أين تأتي مراجع Maddy من؟ مصدر إلهامها هو مناظر المدينة ذات الألوان الفاتحة مع أضواء النيون من الثمانينيات والتسعينياتأنيمي مثل Sailor Moon و Cardcaptor Sakura. ستقوم بدمج جمالياتها في تصميم الخلفية الخاص بها.

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

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

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

الخطوة 2

رسم الأشكال الأساسية الخاصة بك

أسلوب شائع للرسم هو القيام ببعض دراسات "الإيماءات" الصغيرة لمدة 5 دقائق من المراجع حيث تقوم ببساطة بحجب القيم الرئيسية.

ثم اختر دراسة أو دراستين للتطوير إلى المزيد الرسومات التفصيلية التي تقضي حوالي 30 دقيقة في إنشائها ، تمامًا مثل الرسم التخطيطي الذي أكملته مادي في Procreate.

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

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

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

يمكنك معرفة ذلك من خلال هذا العنصر الصغير اللافت للنظر —إشارة توقف الحافلة هي في الواقع مكوك فضاء.

الخطوة 3

تحميل الرسم التخطيطي إلى Vectornator

من Procreate ، ما عليك سوى تصدير المخطط بتنسيق jpeg / png واستيراده في Vectornator. يمكنك القيام بذلك عن طريق السحب والإفلات من علامة تبويب المعرض.

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

ضع شخصيتك

وضعت مادي Jocasta في المشهد باتباع قاعدة الأثلاث.

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

الخطوة 5

تنظيم طبقاتك

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

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

هذا هو الوقت المناسب أيضًا للحديث عن التقنية!

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

لذا ، إذا قمنا بتقسيم المشهد ، فلدينا خمس طبقات إجمالاً. من الأمام إلى الخلف ، من الأقرب إلى الأبعد ، الطبقات هي:

  • Jocasta والشبح.
  • محطة الحافلات والسكك الحديدية.
  • الصف الأول من المباني.
  • الصف الثاني من المباني.
  • أخيرًا ، السماء والقمر والسحب.

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

الخطوة 6

أخبر القصة بالألوان

اللون هو جانب آخر مهم للغاية يمكنه أن يخبرنا أكثر عن قصة شخصيتك.

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

إليك جميع الرموز السداسية التي تحتاجها لإعادة إنشاء قطعة Maddy:

Medium Purple - C18FF0

الأرجواني الداكن - 7125D0

برتقالي - EFB09F

أزرق متوسط ​​- 869FEF

أزرق داكن - 3E6AED

أزرق داكن - 4265D2

أزرق مخضر - 2885C7

أصفر - FEF66F

وردي - F9A3D8

وردي فاتح - F9DCEE

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

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

الخطوة 7

ضبط الحالة المزاجية مع الوقت من اليوم

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

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

لتحقيق هذا المظهر ، ابتكر مادي مربعًا أرجوانيًا يملأ اللوحة بالكامل (C18FF0). ثم تقوم بتطبيق تدرج خطي أزرق غامق (3E6AED) يبدأ من أعلى اليمينزاوية.

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

الخطوة 8

إنشاء الصف الثاني من المباني

سنبدأ مع ثاني أبعد طبقة من الكائنات (الأبعد) كونها السماء).

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

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

أنظر أيضا: التصميم المتطرف: `` المزيد '' الذي تفتقده الخطوة 9

ارسم منظور

ولرسم الجوانب ، تختار الظل الأكثر قتامة — 957AE1.

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

الخطوة 10

إضافة تفاصيل

تضيف مادي لافتة إلى المباني الأقرب لمنظور المشاهد.

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

الخطوة 11

ارسم الصف الأول من المباني

كما كان من قبل ، اختر أداة الشكل وارسم مستطيلات تملأ المدينة. اختار Maddy 957AE1 مرة أخرى ، و 4265D2 للجوانب.

الخطوة 12

إنشاء أجواء

لإضافة المزيد من العمق إلى الخلفية ، ضع في اعتبارك تضمين تفاصيل مثل ضباب المدينة.

ما عليك سوى رسم مستطيل باستخدام أداة الشكل وإعطائه تدرجًا خطيًا ممتعًا يتلاشى من الأسفل إلى الأعلى. اللون الأيسر (في حالتنا ، اللون السفلي) هو أزرق مخضر جميل (2885C7) واللون الأيسر (في حالتنا ، الجزء العلوي) أبيض (FFFFFF) مع عتامة 0. يمكنك تحقيق ذلك عن طريق إحضار القناة A إلى الصفر.

الخطوة 13

إضافة المزيد من التفاصيل

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

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

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

الخطوة 14

ارسمBus Stop

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

كما كان من قبل ، استخدم أداة Node Tool لتغيير أي زوايا تحتاج إلى يؤدي إلى نقطة التلاشي من وجهة نظرك. هنا تستخدم اللون الأرجواني للسياج (7125D0) ، والأبيض (FFFFF) والأصفر (FEF66F) للغطاء ، وظلًا إضافيًا من اللون الأزرق (957AE1) للعلامة.

الخطوة 15

أضف المزيد البعد

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

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

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

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

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

إضافة عناصر إلى Sky

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

بالنسبة للسحب ، التقط الفرشاة




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