غالبًا ما يتعين على مطوري Indie الجمع بين العديد من الأدوار في آن واحد: مصمم اللعبة ، والمبرمج ، والملحن ، والفنان. وعندما يتعلق الأمر بالمرئيات ، يختار العديد من الأشخاص فن البكسل - للوهلة الأولى يبدو الأمر بسيطًا. ولكن للقيام بذلك بشكل جميل ، تحتاج إلى الكثير من الخبرة ومهارات معينة. لقد وجدت برنامجًا تعليميًا لأولئك الذين بدأوا للتو في فهم أساسيات هذا الأسلوب: مع وصف للبرامج الخاصة وأساليب الرسم باستخدام مثالين.
خلفية
Pixel art هو شكل من أشكال الفن الرقمي يتم فيه إجراء التغييرات على مستوى البكسل. يرتبط بشكل أساسي برسومات ألعاب الفيديو في الثمانينيات والتسعينيات. ثم كان على الفنانين أن يأخذوا في الاعتبار حدود الذاكرة وانخفاض الدقة. لا يزال فن البيكسل شائعًا في الألعاب وكأسلوب فني بشكل عام ، على الرغم من إمكانية إنشاء رسومات ثلاثية الأبعاد واقعية. لماذا؟ حتى لو لم تأخذ في الحسبان الحنين إلى الماضي ، فإن إنشاء عمل رائع في مثل هذا الإطار الضيق يمثل تحديًا لطيفًا وجديرًا بالاهتمام.
الحد الأدنى لدخول بكسل الفن هو منخفض نسبيا بالمقارنة مع الفن التقليدي والرسومات ثلاثية الأبعاد ، والتي تجذب المطورين إيندي. لكن هذا لا يعني أنها
ستكمل اللعبة بهذا
الشكل . رأيت الكثير من مطوري إيندي بمعرف metro art pixel على منصات التمويل الجماعي. لقد ظنوا أنهم سينهون كل شيء خلال عام ، لكنهم في الحقيقة يحتاجون إلى ست سنوات أخرى.
سبيكة معدنية 3 (الممرات). SNK ، 2000يستغرق فن البكسل على المستوى الذي يرغب فيه معظم الناس في إنشائه الكثير من الوقت ، وهناك عدد قليل جدًا من البرامج التعليمية القصيرة. عند العمل باستخدام نموذج ثلاثي الأبعاد ، يمكنك تدويره وتشويهه ونقل أجزائه الفردية ونسخ الرسوم المتحركة من نموذج إلى آخر وما إلى ذلك. دائمًا ما يستغرق فن البكسل عالي المستوى كثيرًا من الجهد في الموضع الدقيق للبكسلات في كل إطار.
بشكل عام ، لقد حذرت.
والآن قليلاً عن أسلوبي: أرسم بشكل أساسي فن البكسل لألعاب الفيديو وأجد الإلهام فيها. على وجه الخصوص ، أنا من المعجبين بـ Famicom / NES ، ووحدات التحكم ذات 16 بت والأروقة في التسعينيات. يمكن وصف فن البكسل لألعابي المفضلة في ذلك الوقت بأنه مشرق وواثق ونظيف (ولكن ليس أيضًا) ، ولا يمكن تسميته بالمتانة والأصغر. أنا أعمل بهذا الأسلوب بنفسي ، لكن يمكنك بسهولة تطبيق الأفكار والتقنيات من هذا البرنامج التعليمي لإنشاء أشياء مختلفة تمامًا. ادرس عمل فنانين مختلفين وابني فن البكسل الذي تريده!
ناعم
الأدوات الرقمية الأساسية لفن البكسل هي Zoom و Pencil لوضع البكسل. ستجد أيضًا أنه من المفيد استخدام خط وشكل وتحديد وتحديد ونقل دلو. هناك العديد من البرامج المجانية والمدفوعة مع هذه المجموعة من الأدوات. سأتحدث عن الأكثر شعبية وتلك التي استخدمها بنفسي.
الطلاء (مجانا)
إذا كان لديك Windows ، فإن Paint المضمّن هو برنامج بدائي ، لكن لديه كل الأدوات اللازمة لفن البكسل.
محرر فن بكسل وظيفي بشكل غير متوقع يعمل من خلال مستعرض. يمكنك تصدير العمل في PNG أو GIF متحركة. عظيم للمبتدئين.
GraphicsGale هو المحرر الوحيد الذي سمعت به والذي تم تصميمه خصيصًا لفن البكسل ويتضمن أدوات الرسوم المتحركة. تم إنشاؤه بواسطة الشركة اليابانية HUMANBALANCE. منذ عام 2017 ، تم توزيعها مجانًا وما زالت تحت الطلب ، على الرغم من تزايد شعبية Aseprite. لسوء الحظ ، إنه يعمل فقط على Windows.
ربما المحرر الأكثر شعبية في الوقت الراهن.
المصدر المفتوح ، والكثير من الميزات ، والدعم النشط ، وإصدارات Windows و Mac و Linux. إذا كنت جادًا بشأن فن البكسل ولم تجد المحرر المناسب ، فربما هذا ما تحتاجه.
GameMaker Studio 2 هو أداة ثنائية الأبعاد ممتازة مع محرر Sprite جيد. إذا كنت ترغب في إنشاء صورة بالبكسل لألعابك الخاصة ، فمن الملائم للغاية القيام بكل شيء في برنامج واحد. الآن يمكنني استخدام هذا البرنامج للعمل على
UFO 50 ، وهي مجموعة من 50 لعبة قديمة: أقوم بإنشاء sprites ورسوم متحركة في GameMaker ، و tilesets في Photoshop.
Photoshop - برنامج مكلف ، يتم توزيعه عن طريق الاشتراك ، وليس شحذًا بواسطة صورة البيكسل. لا أوصي بشرائه إذا لم تكن مشتركًا في تقديم رسومات توضيحية عالية الدقة ، أو إذا كنت لا تحتاج إلى تنفيذ مناورات معقدة مع الصورة ، مثلي. يمكنك إنشاء نقوش ثابتة وفن البكسل فيها ، لكنها معقدة إلى حد ما بالمقارنة مع البرامج المتخصصة (على سبيل المثال ، GraphicsGale أو Aseprite).
آخر
بلدي مجموعة للفن بكسل. كل شيء أسود ، فقط لاحظت.قرص الرسومات ($$ +)
أوصي بأقراص الرسوم البيانية لأي عمل مع الرسوم التوضيحية الرقمية ، من أجل تجنب متلازمة النفق من المعصمين. الوقاية أسهل من العلاج. في يوم من الأيام ستشعر بالألم وسيزداد - اعتن بنفسك منذ البداية. نظرًا لأنني اعتدت على الرسم باستخدام الماوس ، أصبح من الصعب الآن علي ممارسة الألعاب التي أحتاج فيها إلى الضغط على المفاتيح. أنا أستخدم حاليًا Wacom Intuos Pro S.
دعم المعصم ($)
إذا لم تتمكن من الحصول على جهاز لوحي ، فقم بشراء دعم المعصم على الأقل. أنا أحب مولر الأخضر جاهزة هدفين المعصم أكثر. أما البقية فهي إما ضيقة جدًا أو توفر دعمًا غير كافٍ. يمكن طلب الفرجار عبر الإنترنت دون أي مشاكل.
96 × 96 بكسل
المعركة النهائية كابكوم ، 1989لنبدأ! لنبدأ بحرف العفريت 96 × 96 بكسل. على سبيل المثال ، وجهت شركة مصفاة نفط عمان ووضعتها على لقطة من Final Fight (الصورة أعلاه) بحيث تفهم الحجم. هذا شبح
كبير لمعظم الألعاب الرجعية ، حجم لقطة الشاشة: 384 × 224 بكسل.
على مثل هذه العفريت الكبيرة ، سيكون من السهل إظهار التقنية التي أريد التحدث عنها. كما أن عرض البكسل بكسل يشبه أشكال الفن التقليدية (مثل الرسم أو الطلاء) ، والتي قد تكون أكثر دراية بها. بعد إتقان التقنيات الأساسية ، سوف ننتقل إلى العفاريت الصغيرة.
1. اختيار لوحة
البيكسل هو مفهوم أعمق بكثير في فن البيكسل عن أي مجال رقمي آخر. يتم تحديد فن البكسل بواسطة حدوده ، على سبيل المثال ، الألوان. من المهم اختيار اللوحة المناسبة ، وسوف تساعد في تحديد أسلوبك. ولكن في البداية ، أقترح عدم التفكير في اللوحات واختيار إحدى اللوحات الموجودة (أو مجرد عدد قليل من الألوان العشوائية) - يمكنك بسهولة تغييرها في أي مرحلة.
في هذا البرنامج التعليمي ، سأستخدم لوحة الألوان 32 التي أنشأناها في
UFO 50 . لفن البكسل ، يتم جمعها غالبًا من 32 أو 16 لونًا. تم تصميم Ours لوحدة التحكم الخيالية التي يمكن أن تظهر في مكان ما بين Famicom و PC Engine. يمكنك أن تأخذها أو أي شيء آخر - لا يعتمد البرنامج التعليمي على اللوحة المحددة على الإطلاق.
2. ملامح الخام
لنبدأ الرسم باستخدام أداة القلم الرصاص. لنرسم رسمًا بنفس الطريقة التي نرسم بها بالقلم العادي والورق. بالطبع ، يتقاطع فن البكسل والفن التقليدي ، خاصة عندما يتعلق الأمر بمثل هذه العفاريت الكبيرة. تظهر ملاحظاتي أن فنانين فن البكسل القوي يرسمون جيدًا على الأقل باليد والعكس صحيح. لذا فإن تطوير مهارات الرسم مفيد دائمًا.
3. تصميم الدوائر
نحسن ملامح: إزالة بكسل الزائدة وتقليل سمك كل سطر إلى بكسل واحد. ولكن ما هو بالضبط يعتبر لزوم لها؟ للإجابة على هذا السؤال ، تحتاج إلى فهم خطوط البكسل والمخالفات.
مخالفات
تحتاج إلى معرفة كيفية رسم خطين أساسيين في صورة البيكسل: الخطوط والمنحنيات المستقيمة. باستخدام القلم والورق ، يتعلق الأمر بالتحكم في العضلات ، لكننا نعمل مع كتل ألوان صغيرة.
المفتاح لرسم خطوط بكسل الصحيحة هو المطبات. هذه هي بكسل واحد أو شرائح صغيرة تدمر نعومة الخط. كما قلت ، بكسل واحد له أهمية كبيرة في الفن بكسل ، لذلك المخالفات يمكن أن تدمر الجماليات كلها. تخيل أنك ترسم خطًا مستقيمًا على الورق وفجأة يضرب شخص ما الجدول: فن البيكسلات البيكسلية تبدو وكأنها تمايل عشوائي.
الأمثلة على ذلك:
مباشرة
المنحنياتتظهر مخالفات على المنحنيات عندما لا يزداد طول مقاطع الخط أو ينقص تدريجياً.
من المستحيل تجنب المخالفات على الإطلاق - في جميع ألعابك الرجعية المفضلة (ما لم يكن فن البيكسل ، بالطبع ، ليس فقط من أشكال بسيطة). الغرض: تقليل المخالفات ، مع إظهار كل ما تحتاجه.
4. تطبيق الألوان الأولى
لون شخصيتك مع ملء أو أداة أخرى مناسبة. سوف تبسط لوحة هذا الجزء من العمل. إذا لم يوفر البرنامج استخدام اللوحات ، فيمكنك وضعها مباشرةً في الصورة ، كما في المثال أعلاه ، وتحديد الألوان باستخدام القطارة.
في الركن السفلي الأيسر ، أرسمت صديقنا ، تعرفي ، هذه هي الكرة. سيكون من الأسهل أن نفهم معه ما يحدث بالضبط في كل مرحلة.
5. التظليل
حان الوقت لعرض الظلال - فقط أضف ألوانًا أغمق إلى العفريت. وبالتالي فإن الصورة تبدو ضخمة. دعنا نفترض أن لدينا مصدر ضوء واحد يقع أعلى شركة نفط عمان على يسارها. لذلك ، سيتم إضاءة كل ما يقع أعلاه وأمام شخصيتنا. أضف الظلال من أسفل اليمين.
الشكل والحجم
إذا كانت هذه المرحلة صعبة بالنسبة لك ، تخيل الرسم كأشكال ثلاثية الأبعاد ، وليس مجرد خطوط ولون. توجد الأشكال في مساحة ثلاثية الأبعاد وقد تحتوي على وحدة تخزين نقوم ببنائها باستخدام الظلال. سيساعد هذا في تصور الشخصية بدون تفاصيل وتخيل أنها مصنوعة من الطين وليس من وحدات البكسل. التظليل ليس فقط إضافة ألوان جديدة ، بل هو عملية بناء نموذج. على شخصية مصممة تصميماً جيداً ، لا تخفي التفاصيل الأشكال الأساسية: إذا قمت بحولها ، سترى عدة مجموعات كبيرة من الضوء والظل.
تجانس (مكافحة التعرج ، مكافحة التعرج)
في كل مرة تستخدم لونًا جديدًا ، أستخدم خاصية الحواف (AA). إنه يساعد على سلاسة البيكسل بإضافة ألوان وسيطة في الزوايا ، في المكان الذي تلتقي فيه شريحتان من الخط:
بكسل رمادية تليين "الفجوات" في الخط. كلما كان الجزء الخطي أطول ، كلما كانت شريحة AA أطول.
لذلك AA تنظر إلى كتف شركة مصفاة نفط عمان. هناك حاجة لتهدئة الخطوط التي تظهر انحناء عضلاته.يجب ألا يتجاوز التنعيم العفريت الذي سيتم استخدامه في اللعبة أو على خلفية لونها غير معروف. على سبيل المثال ، إذا كنت تستخدم AA لخلفية فاتحة ، فإن مظهر التعرجات القبيح سيبدو قبيحًا على خلفية داكنة.
6. دائرة انتقائية
في السابق ، كانت الخطوط العريضة سوداء تمامًا ، ولهذا السبب بدا العفريت كرتونيًا للغاية. كانت الصورة كما لو كانت مقسمة إلى شرائح. على سبيل المثال ، فإن الخطوط السوداء على الذراع تتباين العضلات كثيرًا ، وتبدو الشخصية أقل صلابة.
إذا أصبح العفريت طبيعيًا ، وكان التجزئة غير واضح جدًا ، فسيكون من السهل قراءة الأشكال الأساسية للشخصية. للقيام بذلك ، يمكنك استخدام كفاف انتقائي - استبدل جزئيًا الكنتور الأسود بلون أفتح. في الجزء المضيء من العفريت ، يمكنك استخدام أخف الألوان أو عندما يكون العفريت على اتصال بمساحة سالبة ، يمكنك إزالة المخطط التفصيلي بالكامل. بدلاً من الأسود ، تحتاج إلى استخدام اللون الذي تم اختياره للظل - هكذا يتم الحفاظ على التقسيم (لتمييز العضلات والفراء وما إلى ذلك).
أيضا في هذه المرحلة أضفت ظلال أغمق. اتضح ثلاثة تدرجات من اللون الأخضر على جلد شركة نفط عمان. يمكن استخدام اللون الأخضر الغامق في محيط انتقائي و AA.
7. اللمسات النهائية
في النهاية ، أضف الوهج (أخف الأماكن على العفريت) والتفاصيل (الأقراط ، المسامير ، الندبات) وغيرها من التحسينات حتى تصبح الشخصية جاهزة أو حتى تضطر إلى الانتقال إلى التالي.
هناك العديد من الحيل المفيدة التي يمكنك تطبيقها في هذه المرحلة. قم بتدوير الرسم أفقيًا ، مما يساعد غالبًا في تحديد الأخطاء في النسب والتظليل. يمكنك أيضًا إزالة اللون - قم بتعيين التشبع على صفر لفهم المكان الذي تحتاج إليه لتغيير الظل.
خلق الضوضاء (تردد ، تردد)
حتى الآن ، استخدمنا بشكل أساسي مساحات كبيرة من الظلال. ولكن هناك تقنية أخرى - تدرج الألوان ، والتي تتيح لك التبديل من لون إلى آخر دون إضافة لون ثالث. نلقي نظرة على المثال أدناه.
يستخدم التدرج العلوي من الظلام إلى النور مئات الظلال المختلفة من اللون الأزرق.
يستخدم التدرج اللوني المتوسط تسعة ألوان فقط ، لكن لا يزال هناك الكثير من الظلال من نفس اللون. هناك ما يسمى بالنطاق (من الشريط الإنجليزي - الشريط) ، والذي ، بسبب المشارب المتجانسة الكثيفة للعيون ، يركز على نقاط تلامس الألوان ، بدلاً من الألوان نفسها.
على التدرج السفلي ، قمنا بتطبيق التدرج ، والذي يتجنب النطاقات ويستخدم لونين فقط. نخلق ضوضاء مختلفة الكثافة لمحاكاة تدرج اللون. تشبه هذه التقنية إلى حد كبير نغمة الألوان النصفية (صورة الألوان النصفية) المستخدمة في الطباعة ؛ وكذلك التنقيط (التنقيط - صورة محببة) - في الرسوم التوضيحية والرسوم الهزلية.
في شركة مصفاة نفط عمان ، تقدمت قليلا جدا للتعبير عن الملمس. بعض الفنانين بكسل لا يستخدمونها على الإطلاق ، في حين أن البعض الآخر ، على العكس من ذلك ، ليست خجولة وتفعل ذلك بمهارة كبيرة. يبدو لي أن التدرج يبدو أفضل في المساحات الكبيرة المليئة بلون واحد (انظر إلى السماء في لقطة شاشة Metal Slug ، والتي كانت أعلى) أو في المناطق التي يجب أن تبدو خشنة وغير متساوية (على سبيل المثال ، الأوساخ). قرر بنفسك كيفية استخدامها.
إذا كنت تريد أن ترى مثالًا ذو تدرج كبير وعالي الجودة ، فقم بدراسة ألعاب The Bitmap Brothers ، أو الاستوديو البريطاني في الثمانينات ، أو الألعاب الموجودة على جهاز كمبيوتر يعمل بنظام PC-98. فقط ضع في اعتبارك أنهم جميعا NSFW.
Kakyusei (PC-98). قزم ، 1996
هناك 16 لونا في هذه الصورة!8. آخر نظرة
أحد مخاطر فن البيكسل هو أنه يبدو خفيفًا وبسيطًا (بسبب قيود هيكله ونمطه). ولكن في النهاية ، ستقضي وقتًا كبيرًا في وضع اللمسات الأخيرة على العفاريت. يشبه اللغز الذي يحتاج إلى حل - لهذا السبب يجذب فن البكسل رجال الكمال. تذكر أنه لا يجب أن يستغرق أحد العفاريت الكثير من الوقت - إنها مجرد قطعة صغيرة من مجموعة معقدة للغاية من القطع. من المهم ألا تفقد رؤية الصورة الكبيرة.
حتى لو لم يكن فن البيكسل الخاص بك مخصصًا للألعاب ، في بعض الأحيان يجب عليك أن تقول لنفسك: "كل شيء جيد بالفعل بما فيه الكفاية!" أفضل طريقة لتطوير المهارات هي أن تمر العملية بأكملها بأكبر عدد ممكن من المرات من البداية إلى النهاية ، وذلك باستخدام أكبر عدد ممكن من الموضوعات.
قد يكون من المفيد في بعض الأحيان ترك العفريت لفترة من الوقت ، بحيث يمكنك إلقاء نظرة جديدة عليها في وقت لاحق.
32 × 32 بكسل
أنشأنا العفريت الكبير 96 × 96 بكسل أولاً ، لأنه بهذا الحجم يكون الأمر أشبه بالرسم أو الطلاء ، لكن بكسل فقط. أصغر العفريت ، وأقل ما يبدو أنه ينبغي عرضها ، والأهم من ذلك هو كل بكسل.
في سوبر ماريو بروس ماريو العين ليست سوى اثنين من بكسل ، واحدة فوق الأخرى. و أذنه أيضا. وقال شيجيرو مياموتو مبدع الشخصية إنه يلزم وجود شارب لفصل أنفه عن بقية وجهه. لذا فإن إحدى السمات الرئيسية لوجه ماريو ليست فقط تصميم الشخصيات ، ولكن أيضًا خدعة براغماتية. ما يؤكد الحكمة القديمة - "الحاجة هي أم البراعة".
المراحل الرئيسية لإنشاء شبح 32 × 32 بكسل مألوفة لدينا بالفعل: الرسم ، اللون ، الظل ، المزيد من التحسين. لكن في مثل هذه الظروف ، كرسومات أولية ، أقوم بتحديد أشكال الألوان بدلاً من رسم الحدود الخارجية بسبب صغر حجمها. يلعب اللون دورًا أكثر أهمية في تحديد الحرف من الخطوط الخارجية. انظر ماريو مرة أخرى ، ليس لديه أي مخططات على الإطلاق. ليس فقط الشوارب مثيرة للاهتمام. تحدد شعيراتها شكل الأذنين ، وتظهر الأكمام اليدين ، ويعرض الشكل العام جسمه بالكامل بشكل أو بآخر.
إنشاء العفاريت الصغيرة هو حل وسط دائم. إذا قمت بإضافة حد ، فقد تفقد مساحة الظل. إذا كانت شخصيتك قد عرضت بوضوح الذراعين والساقين ، فلا ينبغي أن يكون الرأس كبيرًا على الأرجح. إذا كنت تستخدم اللون ، والسكتة الدماغية الانتقائية ، والتمهيد بفعالية ، فسيظهر الكائن المقدم أكبر منه بالفعل.
بالنسبة للعفاريت الصغيرة ، أحب أسلوب تشيبي: تبدو الشخصيات لطيفة للغاية ، ولديها رؤوس وعينان كبيرتان. طريقة رائعة لإنشاء شخصية ساطعة في مساحة محدودة ، وبصفة عامة ، أسلوب لطيف للغاية. لكن ربما تحتاج إلى إظهار تنقل أو قوة الشخصية ، ثم يمكنك تخصيص مساحة أقل للرأس لجعل الجسم يبدو أكثر قوة. كل هذا يتوقف على تفضيلاتك والأهداف.
الفريق بأكمله تجميعها!تنسيقات الملفات
هذه النتيجة يمكن أن تجعل أي فنان بكسل عصبيالصورة التي تراها هي نتيجة حفظ الصورة في JPG. تم فقد جزء من البيانات بسبب خوارزميات ضغط الملفات. سيبدو فن البكسل عالي الجودة في النهاية سيئًا ، ولن يكون إعادته إلى لوح الألوان الأصلي أمرًا سهلاً.
لحفظ صورة ثابتة دون فقدان الجودة ، استخدم تنسيق PNG. للرسوم المتحركة - GIF.
كيفية مشاركة بكسل الفن
تعد مشاركة فن البكسل على الشبكات الاجتماعية طريقة رائعة للحصول على ملاحظات والتعرف على فنانين آخرين يعملون بنفس الأسلوب. تذكر أن تقوم بتعيين الهاشتاج # بكسل. للأسف ، غالبًا ما تقوم الشبكات الاجتماعية بتحويل PNG إلى JPG دون الحاجة إلى الطلب ، مما يؤدي إلى تفاقم عملك. وليس من الواضح دائمًا سبب تحويل صورتك.
هناك بعض النصائح حول كيفية الحفاظ على فن البكسل بالجودة المناسبة لشبكات التواصل الاجتماعي المختلفة.
تغريد
لمنع تغيير ملف PNG على Twitter ، استخدم أقل من 256 لونًا أو
تأكد من أن طول الملف أقل من 900 بكسل. أود زيادة حجم الملف إلى 512 × 512 بكسل على الأقل. وبحيث كان القياس مضاعفًا بنسبة 100 (200٪ ، وليس 250٪) وتم الحفاظ على الحواف الحادة (أقرب جار في Photoshop).
يجب ألا يزيد حجم صور GIF المتحركة لمشاركات Twitter عن 15 ميغابايت. يجب أن تكون الصورة 800 × 800 بكسل على الأقل ، ويجب أن تتكرر الرسوم المتحركة ذات الحلقات الثلاث مرات ، ويجب أن يكون الإطار الأخير أقصر نصفًا من الوقت عن جميع الأشكال الأخرى - النظرية الأكثر شيوعًا. ومع ذلك ، ليس من الواضح كم هو ضروري للوفاء بهذه المتطلبات ، بالنظر إلى أن Twitter يغير باستمرار خوارزميات عرض الصور الخاصة به.
إينستاجرام
حسب علمي ، من المستحيل نشر صورة على Instagram دون فقدان الجودة. ولكنه سيبدو بالتأكيد أفضل إذا قمت بزيادةه إلى 512 × 512 بكسل على الأقل.