فن البكسل الصغير. أدوبي فوتوشوب: رسم وتحريك شخصية فنية بكسل
تتذكر رسومات البكسل (المشار إليها فيما يلي باسم فن البكسل ببساطة) بشكل متزايد نفسها هذه الأيام ، خاصة من خلال الألعاب المستقلة. هذا أمر مفهوم ، لأنه بهذه الطريقة يمكن للفنانين ملء اللعبة بمجموعة كبيرة ومتنوعة من الشخصيات وعدم قضاء مئات الساعات في تصميم كائنات ثلاثية الأبعاد ورسم أشياء معقدة يدويًا. إذا كنت تريد أن تتعلم فن البكسل ، فإن أول شيء عليك فعله هو تعلم كيفية رسم ما يسمى "العفاريت". بعد ذلك ، عندما لا تخيفك النقوش المتحركة ، يمكنك الانتقال إلى الرسوم المتحركة وحتى بيع عملك!
خطوات
الجزء الأول
نحن نجمع كل ما تحتاجه- محل تصوير
- Paint.net
- بيكسين
-
قم بشراء جهاز لوحي للرسومات. إذا كنت لا تحب الرسم بالماوس ، فإن الجهاز اللوحي والقلم هو ما تحتاجه. بالمناسبة ، أقراص Wacom هي الأكثر شعبية.
قم بتشغيل "الشبكة" في محرر الرسومات الخاص بك. في الواقع ، إذا كان محرر الرسومات الخاص بك لا يدعم عرض الشبكة ، فعليك التفكير في البحث عن برنامج آخر. ستتيح لك الشبكة أن ترى بوضوح أين وكيف سيتم تحديد موقع كل بكسل فردي. كقاعدة عامة ، يتم تشغيل الخرزة من خلال قائمة "عرض".
- قد تحتاج إلى تعديل إعدادات العرض قليلاً للتأكد من أن كل مقطع شبكة يعرض بالفعل بكسلًا. يقوم كل برنامج بذلك بشكل مختلف ، لذا ابحث عن نصيحة حول كيفية القيام بذلك.
-
ارسم بفرشاة 1 بكسل. يجب أن يحتوي أي محرر رسومات على أداة Pencil. حدده واضبط حجم الفرشاة على 1 بكسل. الآن يمكنك رسم ... بكسل ببكسل.
الجزء 2
ممارسة الأساسيات-
قم بإنشاء صورة جديدة. نظرًا لأنك تتعلم الرسم بأسلوب فن البكسل ، فلا يجب أن تستهدف اللوحات الملحمية. إذا كنت تتذكر ، في لعبة Super Mario Bros. كانت الشاشة كاملة 256 × 224 بكسل ، وماريو نفسه يتناسب مع مساحة 12 × 16 بكسل!
تكبير. نعم ، وإلا فلن ترى وحدات البكسل الفردية. نعم ، سوف تضطر إلى زيادته كثيرًا. لنفترض أن 800٪ أمر طبيعي تمامًا.
تعلم كيفية رسم خطوط مستقيمة. يبدو الأمر بسيطًا ، ولكن إذا قمت فجأة ، في مكان ما في الوسط ، برسم خط بسمك 2 بكسل بيد مرتجفة ، فإن الفرق سيصيب عينيك. ارسم خطوطًا مستقيمة حتى تضطر إلى تنشيط أداة رسم الخط المستقيم. يجب أن تتعلم كيفية رسم خطوط مستقيمة باليد!
تعلم كيفية رسم الخطوط المنحنية. يجب أن يحتوي الخط المنحني ، على سبيل المثال ، على "فواصل أسطر" موحدة (والتي تظهر بوضوح في الشكل أعلاه). لنفترض ، عند البدء في رسم خط منحني ، رسم خط مستقيم من 6 بكسل ، أسفله - خط مستقيم من ثلاثة ، تحته - خط مستقيم من اثنين ، وأسفله - من بكسل واحد. على الجانب الآخر ، ارسم نفس الشيء (معكوس بالطبع). هذا هو التقدم الذي يعتبر الأمثل. المنحنيات المرسومة وفقًا لنموذج "3-1-3-1-3-1-3" لا تتوافق مع معايير فن البكسل.
لا تنسى أن تمحو الأخطاء. يجب ضبط أداة Eraser مثل قلم رصاص بحجم فرشاة 1 بكسل. كلما كبرت الممحاة ، كلما كان من الصعب عدم محو الفائض ، لذلك كل شيء منطقي.
الجزء 3
قم بإنشاء الكائن الأول- من الناحية الموضوعية ، في هذه الأيام ، نادرًا ما يتم طرح متطلبات حجم أو لوحة العفاريت. ومع ذلك ، إذا كنت ترسم رسومات للعبة سيتم تشغيلها على أنظمة ألعاب قديمة ، فعليك مراعاة جميع القيود.
فكر فيما سيخدمه الكائن. هل ستكون ثابتة؟ مفعم بالحيوية؟ يمكن تشبع الكائن الثابت بالتفاصيل إلى حد الفشل ، ولكن من الأفضل جعل الرسوم المتحركة أبسط ، بحيث لا تقضي ساعات لاحقًا في إعادة رسم جميع التفاصيل في جميع إطارات الرسوم المتحركة. بالمناسبة ، إذا كان من المفترض أن يتم استخدام كائنك مع الآخرين ، فيجب أن يتم رسمهم جميعًا بنفس الأسلوب.
اكتشف ما إذا كانت هناك أي متطلبات خاصة للكائن. إذا كنت تبحث عن مشروع ، على سبيل المثال ، فمن المعقول أن تتوقع متطلبات اللون أو حجم الملف. ومع ذلك ، سيكون هذا أكثر أهمية بعد قليل ، عندما تبدأ العمل في مشاريع كبيرة مع العديد من النقوش المتحركة المختلفة.
-
-
ارسمها. يعد الرسم على الورق أساس أي كائن ، حيث ستتمكن بهذه الطريقة من فهم كيف سيبدو كل شيء ، وإذا لزم الأمر ، يمكنك تصحيح شيء ما مسبقًا. بالإضافة إلى ذلك ، يمكنك أيضًا تتبع الرسم الورقي لاحقًا (إذا كان لا يزال لديك جهاز لوحي).
- لا تدخر أي تفاصيل للرسم! ارسم ما تريد رؤيته في الرسم النهائي.
-
انقل الرسم التخطيطي إلى محرر رسومات. يمكنك تتبع رسم ورقي على جهازك اللوحي ، ويمكنك إعادة رسم كل شيء يدويًا ، بكسل تلو الآخر - لا يهم ، فالخيار لك.
- عند تحديد المخطط ، استخدم 100٪ أسود للمخطط. إذا كان هناك أي شيء ، فستقوم بتغييره يدويًا لاحقًا ، ولكن في الوقت الحالي سيكون من الأسهل بالنسبة لك العمل باللون الأسود.
-
صقل الخطوط العريضة للرسم. في هذا السياق ، يمكنك بالطبع أن تقول بطريقة مختلفة - محو كل ما هو غير ضروري. ما هي النقطة - يجب أن يكون المخطط التفصيلي بسمك 1 بكسل. وفقًا لذلك ، قم بالتكبير والمسح ومسح الأشياء غير الضرورية ... أو إنهاء المفقود بقلم رصاص.
- أثناء الرسم ، لا تشتت انتباهك بالتفاصيل - سيأتي دورها.
تنزيل برامج تحرير الصور الجيدة. يمكنك بالطبع إنشاء روائع في الرسام ، لكن هذا صعب وغير مريح للغاية. سيعمل بشكل أفضل مع شيء مثل:
الجزء الرابع
تلوين العفريت-
اصقل إلى نظرية الألوان. انظر إلى اللوحة لمعرفة الألوان التي يجب استخدامها. كل شيء بسيط هناك: كلما ابتعدت الألوان عن بعضها البعض ، زاد اختلافها عن بعضها البعض ؛ كلما اقتربت الألوان من بعضها البعض ، زاد تشابهها وكان مظهرها أفضل بجانب بعضها البعض.
- اختر الألوان التي ستجعل شبحك يبدو جميلًا ولا يضر عينيك. ونعم ، يجب تجنب ألوان الباستيل (ما لم يتم تنفيذ مشروعك بالكامل بهذا النمط).
-
اختر ألوانًا متعددة. كلما زاد عدد الألوان التي تستخدمها ، زاد "تشتيت" كائنك ، إذا جاز التعبير. ألقِ نظرة على فن البكسل الكلاسيكي وحاول حساب عدد الألوان المستخدمة هناك.
- ماريو - ثلاثة ألوان فقط (إذا كنا نتحدث عن الإصدار الكلاسيكي) ، وحتى تلك الموجودة على اللوحة قريبة تقريبًا من بعضها البعض.
- Sonic - حتى لو تم رسم Sonic بتفاصيل أكثر من Mario ، فلا يزال يعتمد على 4 ألوان (وظلال) فقط.
- Ryu هي لعبة كلاسيكية من العفاريت ، كما هو مفهوم في ألعاب القتال ، Ryu عبارة عن مساحات كبيرة مطلية بألوان بسيطة ، بالإضافة إلى ظل صغير للترسيم. ومع ذلك ، فإن Ryu أكثر تعقيدًا قليلاً من Sonic - هناك بالفعل خمسة ألوان وظلال.
-
لون العفريت. استخدم أداة Paint Bucket Tool لتلوين الكائن الخاص بك ولا تقلق بشأن كل شيء يبدو مسطحًا وبلا حياة - لا يوجد شيء آخر متوقع في هذه المرحلة. الطريقة التي يعمل بها Paint Bucket بسيطة - ستملأ باللون الذي تختاره جميع وحدات البكسل للون الذي نقرت عليه حتى تصل إلى الحدود.
الجزء الخامس
أضف الظلال- أبسط حل هو افتراض أن مصدر الضوء مرتفع جدًا فوق الكائن ، إلى يساره أو يمينه قليلاً.
-
ابدأ في تطبيق الظلال باستخدام ألوان أغمق قليلاً من الألوان الأساسية. إذا سقط الضوء من فوق فأين الظل؟ هذا صحيح ، حيث لا يسقط الضوء المباشر. وفقًا لذلك ، لإضافة ظل ، ما عليك سوى إضافة بضع طبقات أخرى إلى الكائن مع وحدات بكسل من اللون المقابل أعلى أو أسفل المخطط التفصيلي.
- إذا قمت بتقليل إعداد "التباين" للون الأساسي وزيادة إعداد "السطوع" قليلاً ، يمكنك الحصول على لون جيد لرسم الظل.
- لا تستخدم التدرجات. التدرجات شريرة. تبدو التدرجات رخيصة ومبتكرة وغير مهنية. يتم تحقيق تأثير مشابه لتأثير التدرجات باستخدام تقنية الهلاك (انظر أدناه).
-
لا تنس الظل الجزئي. اختر لونًا بين اللون الأساسي ولون الظل. استخدمه لإنشاء طبقة أخرى - ولكن بين طبقات هذين اللونين. والنتيجة هي الانتقال من الظلام إلى النور.
ارسم النقاط البارزة. تسليط الضوء على المكان الذي يقع فيه معظم الضوء في الكائن. يمكنك رسم تمييز إذا كنت تأخذ لونًا أفتح قليلاً من اللون الأساسي. الشيء الرئيسي هو عدم الانجراف في الوهج ، فهو يشتت الانتباه.
حدد مصدر الضوء. ما هي النقطة: عليك أن تقرر في أي زاوية سيسقط الضوء على الكائن. مع وضع هذا في الاعتبار ، يمكنك إنشاء ظلال تبدو معقولة. نعم ، لن يكون هناك حرفياً "ضوء" ، الهدف هو تخيل كيف سيقع على الرسم.
الجزء 6
نستخدم تقنيات رسم متقدمة- غالبًا ما يسيء المبتدئين إلى التخفيف ، لا تكن مثل ذلك.
-
لا تنسَ الصقل (إزالة المخالفات الكنتورية). نعم ، السمة المميزة لفن البكسل هي "البكسل" الظاهر للصورة. ومع ذلك ، في بعض الأحيان تريد أن تبدو الخطوط أقل وضوحًا ، وأكثر سلاسة. هذا هو المكان الذي يأتي فيه Anti-aliasing.
- أضف ألوانًا وسيطة إلى المنحنيات. ارسم طبقة واحدة من اللون المتوسط \u200b\u200bحول محيط المنحنى الذي تريد تنعيمه. إذا كان لا يزال يبدو زاويًا ، أضف طبقة أخرى أفتح.
- إذا كنت تريد ألا يندمج الكائن مع الخلفية ، فلا تستخدم مانع التشويش على الحافة الخارجية للكائن من الخارج.
-
تعلم كيفية استخدام العرض الانتقائي. ما هي النقطة: يتم رسم المسار بلون مشابه لتلك المستخدمة للتعبئة. والنتيجة هي صورة أقل "كرتونية" ، وتحديداً بسبب المظهر الأكثر واقعية للمحيط. جرب ، على سبيل المثال ، عرض الجلد بشكل انتقائي مع ترك المخطط الأسود الكلاسيكي للملابس أو العناصر.
استخدم التخفيف. يمكن أن تنقل هذه التقنية تغييرًا في الظل. باستخدام decimation ، يمكنك إعادة إنشاء تأثير التدرج بألوان قليلة فقط عن طريق إعادة ضبط موضع وحدات البكسل لإنشاء تأثير انتقال. سيخدع عدد وموضع البكسل من لونين مختلفين العين لرؤية ظلال مختلفة.
فن البكسل (مكتوب بدون واصلة) أو رسومات بكسل - اتجاه الفن الرقمي ، والذي يتكون من إنشاء صور على مستوى البكسل (أي ، الحد الأدنى للوحدة المنطقية التي تتكون منها الصورة). ليست كل الصور النقطية عبارة عن فن بكسل ، على الرغم من أنها تتكون جميعها من وحدات بكسل. لماذا؟ لأن مفهوم فن البكسل في النهاية لا يشمل النتيجة بقدر ما يشمل عملية إنشاء رسم توضيحي. بكسل ببكسل ، وهذا فقط. إذا التقطت صورة رقمية ، فقم بتدريجها كثيرًا (بحيث تكون وحدات البكسل مرئية) وادعي أنك رسمتها من الصفر - سيكون ذلك تزويرًا حقيقيًا. على الرغم من أنه سيكون هناك بالتأكيد سخافة ساذجة سيثنون عليك على عملك الشاق.
من غير المعروف الآن متى ولدت هذه التقنية بالضبط ، فقد فقدت الجذور في مكان ما في أوائل السبعينيات. ومع ذلك ، فإن تقنية تكوين الصور من العناصر الصغيرة تعود إلى أشكال فنية أقدم بكثير ، مثل الفسيفساء والتطريز المتقاطع ونسج السجاد والخرز. تم استخدام نفس العبارة "فن البكسل" كتعريف لفن البكسل لأول مرة في مقال بقلم أديل غولدبرغ وروبرت فليجال في مجلة كوميونيكيشنز أوف إيه سي إم (ديسمبر 1982).
الغريب في الأمر ، لكن السيد التقدم العلمي والتكنولوجي هو من دفع رسومات البكسل إلى آخر مواضعها في منتصف التسعينيات ، ثم أعادها لاحقًا إلى اللعبة - حيث أظهر الأجهزة المحمولة العالمية في شكل هواتف خلوية وأجهزة المساعد الرقمي الشخصي. بعد كل شيء ، بغض النظر عن مدى فائدة الجهاز الجديد ، فأنا وأنا نعلم أنه إذا لم تتمكن من لعب لعبة سوليتير عليه ، فإنه لا قيمة له. وحيث توجد شاشة ذات دقة منخفضة ، يوجد فن البكسل. كما يقولون ، أهلا بكم من جديد.
2. الأدوات.
ماذا تحتاج لإنشاء فن البكسل؟ كما ذكرنا أعلاه ، يكفي وجود جهاز كمبيوتر وأي محرر رسومات قادر على العمل على مستوى البكسل. يمكنك الرسم في أي مكان ، حتى على Game Boy ، أو حتى على Nintendo DS ، أو حتى في Microsoft Paint (إنها مسألة أخرى أن الرسم في الأخير غير مريح للغاية). هناك عدد كبير من برامج تحرير الصور النقطية ، والعديد منها مجاني وعملي بما يكفي بحيث يمكن للجميع اتخاذ قرار بشأن البرنامج بمفردهم.
أرسم في Adobe Photoshop لأنه مناسب ولوقت طويل. لن أكذب وأقول ، هز فكي الخاطئ ، "أتذكر أن Photoshop كان لا يزال صغيرًا جدًا ، وكان على جهاز Macintosh ، وكان رقم 1.0" لم يكن هذا هو الحال. لكنني أتذكر Photoshop 4.0 (وأيضًا على نظام Mac). لذلك ، بالنسبة لي ، فإن مسألة الاختيار لم تكن أبدًا. لذا لا ، لا ، لكني سأقدم توصيات بخصوص Photoshop ، خاصة حيث ستساعد إمكانياته على تبسيط الإبداع بشكل كبير.لذلك ، أنت بحاجة إلى أي محرر رسومات يسمح لك بالرسم باستخدام أداة في بكسل مربع واحد (هناك أيضًا بكسلات غير مربعة ، على سبيل المثال ، دائرية ، لكننا لسنا مهتمين بها في الوقت الحالي). إذا كان المحرر الخاص بك يدعم أي مجموعة من الألوان ، فهذا رائع. إذا كان يسمح لك أيضًا بحفظ الملفات ، فهذا رائع. سيكون من الرائع أن أتمكن أيضًا من العمل مع الطبقات ، نظرًا لأن العمل على صورة معقدة نوعًا ما ، فمن الملائم تفكيك عناصرها إلى طبقات مختلفة ، ولكن بشكل عام ، هذه مسألة عادة وملاءمة.
لنبدأ؟ هل تنتظر على الأرجح قائمة ببعض التقنيات السرية والتوصيات التي ستعلمك كيفية رسم فن البكسل؟ والحقيقة هي أنه لا يوجد شيء من هذا القبيل. الطريقة الوحيدة لتعلم كيفية رسم فن البكسل هي أن ترسم نفسك وتجرب وتجرب ولا تخاف وتجربة. لا تتردد في تكرار عمل الآخرين ، ولا تخف من أن تبدو غير أصلي (فقط لا تصف عمل شخص آخر على أنه عملك ، هاها). قم بتحليل عمل الماجستير بعناية (وليس عملي) وارسم ، ارسم ، ارسم. العديد من الروابط المفيدة في انتظارك في نهاية المقال.3. مبادئ عامة.
ومع ذلك ، هناك بعض المبادئ العامة التي لا تؤذي المعرفة. هناك القليل منها بالفعل ، أسميها "مبادئ" ، وليس قوانين ، لأنها استشارية في طبيعتها. بعد كل شيء ، إذا تمكنت من رسم صورة بكسل رائعة متجاوزة جميع القواعد - من يهتم بها؟
يمكن صياغة المبدأ الأساسي على النحو التالي: الحد الأدنى لوحدة الصورة هو بكسل ، وإذا أمكن ، يجب أن تكون جميع عناصر التكوين متناسبة معها. سأفك الشفرة: كل ما ترسمه يتكون من وحدات بكسل ، ويجب أن يكون البكسل قابلاً للقراءة في كل شيء. هذا لا يعني أنه لا يمكن أن تكون هناك عناصر في الصورة على الإطلاق ، على سبيل المثال ، 2 × 2 بكسل ، أو 3 × 3. لكن لا يزال من الأفضل إنشاء صورة من وحدات البكسل الفردية.
يجب أن تكون السكتة الدماغية ، وبشكل عام ، كل خطوط الرسم بسمك بكسل واحد (مع استثناءات نادرة).
الكسور تحرم الرسم من نعومته الطبيعية وجماله. وإذا كانت الأجزاء 3 و 4 و 5 واضحة ويمكن تصحيحها بسهولة ، فإن الموقف مع الآخرين يكون أكثر تعقيدًا - هناك طول قطعة واحدة في السلسلة مكسورة ، سيبدو تافهًا ، لكنه تافه ملحوظ. يتطلب الأمر القليل من الممارسة لتعلم رؤية مثل هذه الأماكن وتجنبها. تم إخراج Kink 1 من الخط لأنه بكسل واحد - بينما في المنطقة التي تم تهالكها ، يتكون الخط من مقاطع 2 بكسل. للتخلص منه ، قمت بتخفيف دخول المنحنى إلى الانحناء عن طريق توسيع الجزء العلوي إلى 3 بكسل ، وإعادة رسم الخط بالكامل في مقاطع 2 بكسل. الانحناءان 2 و 6 متطابقان مع بعضهما البعض - وهما بالفعل أجزاء بطول 2 بكسل في المناطق التي تم إنشاؤها بواسطة بكسل واحد.
ستساعد مجموعة بسيطة من الأمثلة على الخطوط المستقيمة المائلة ، والتي يمكن العثور عليها في كل برنامج تعليمي فني بالبكسل تقريبًا (ليست استثناءً) ، على تجنب مثل هذه الخلل عند الرسم:
كما ترى ، يتكون الخط المستقيم من مقاطع لها نفس الطول ، يتم إزاحتها بمقدار بكسل واحد أثناء رسمه - هذه هي الطريقة الوحيدة لتحقيق تأثير الخطية. أكثر طرق البناء شيوعًا بطول مقطع يبلغ 1 و 2 و 4 بكسل (هناك طرق أخرى ، ولكن يجب أن تكون الخيارات المقدمة كافية لتنفيذ أي فكرة فنية تقريبًا). من بين هؤلاء الثلاثة ، يمكن أن يُطلق على الأكثر شيوعًا بثقة طول مقطع من 2 بكسل: ارسم مقطعًا ، حرك القلم بمقدار 1 بكسل ، ارسم مقطعًا آخر ، حرك القلم بمقدار 1 بكسل ، ارسم مقطعًا آخر:
ليس صعبًا ، أليس كذلك؟ انها فقط تأخذ عادة ستساعد القدرة على رسم خطوط مائلة بزيادات 2 بكسل في متساوي القياس ، لذلك سوف نتناولها بمزيد من التفاصيل في المرة القادمة. بشكل عام ، الخطوط المستقيمة رائعة - ولكن فقط حتى تظهر مهمة رسم شيء معجزة. نحتاج هنا إلى منحنيات ، والكثير من المنحنيات المختلفة. ونعتمد قاعدة بسيطة لتقريب الخطوط المنحنية: يجب أن ينقص طول عناصر المنحنى / يزداد تدريجياً.
يتم الخروج من الخط المستقيم إلى التقريب بسلاسة ، لقد حددت طول كل مقطع: 5 بكسل ، 3 ، 2 ، 2 ، 1 ، 1 ، 2 مرة أخرى (الآن عموديًا) ، 3 ، 5 وما إلى ذلك. لن تستخدم حالتك بالضرورة نفس التسلسل ، كل هذا يتوقف على النعومة المطلوبة. مثال آخر للتقريب:
مرة أخرى ، تجنب مكامن الخلل التي تفسد الصورة. إذا كانت هناك رغبة في التحقق من المواد التي تم تعلمها ، فلدي هنا شكل لبرنامج Winamp رسمه مؤلف غير معروف ، فارغ:
توجد أخطاء جسيمة في الصورة ، وتحدث ببساطة شرائح غير ناجحة ، وتحدث مكامن الخلل - حاول تصحيح الصورة بناءً على ما تعرفه بالفعل. هذا كل شيء مع الخطوط ، أقترح أن أرسم قليلاً. ولا تخلط بين بساطة الأمثلة ، يمكنك تعلم الرسم فقط - حتى هذه الأشياء البسيطة.
4.1 نرسم زجاجة بالماء الحي.
1. شكل الكائن حتى يمكنك استخدام اللون.
2. سائل أحمر.
3. قم بتغيير لون الزجاج إلى اللون الأزرق ، وأضف مناطق مظللة داخل الفقاعة ومنطقة مضيئة على السطح المفترض للسائل.
4. أضف إضاءات بيضاء على الفقاعة ، وظلال حمراء داكنة بعرض 1 بكسل على مناطق السائل المتاخمة لجدران الفقاعة. تبدو جيدة ، أليس كذلك؟
5. ارسم زجاجة بسائل أزرق بنفس الطريقة - هنا نفس لون الزجاج ، بالإضافة إلى ثلاث درجات من اللون الأزرق للسائل.
4.2 نرسم البطيخ.
لنرسم دائرة ونصف دائرة - سيكونان بطيخًا وشريحة مقطوعة.
2. دعنا نضع علامة على القطع على البطيخ نفسه وعلى الشريحة - الحد بين القشرة واللب.
3. املأ. الألوان من اللوحة ، والأخضر المتوسط \u200b\u200bهو لون القشرة ، والأحمر المتوسط \u200b\u200bهو لون اللحم.
4. دعونا نحدد المنطقة الانتقالية من القشرة إلى اللب.
5. خطوط خفيفة على البطيخ (أخيرًا ، يبدو نفسه). وبالطبع - البذور! إذا عبرت بطيخًا مع الصراصير ، فسوف تنتشر.
6. نأخذ في الاعتبار. نستخدم لونًا ورديًا باهتًا للإشارة إلى النقاط البارزة فوق البذور في قسم ، ومن خلال وضع البكسلات في نمط رقعة الشطرنج ، نحقق من الشريحة المقطوعة مظهرًا معينًا من الحجم (تسمى هذه الطريقة بالتردد ، والمزيد حول ذلك لاحقًا ). نستخدم ظلًا أحمر داكنًا للإشارة إلى المناطق المظللة في قطع البطيخ ، والأخضر الداكن (مرة أخرى ، بكسل في نمط رقعة الشطرنج) لإضافة حجم إلى البطيخ نفسه.
5. التردد.
التدرج ، أو المزج ، هو أسلوب للمزج بطريقة مرتبة (ليس دائمًا) للبكسل في منطقتين متجاورتين بألوان مختلفة. الطريقة الأبسط والأكثر شيوعًا وفعالية هي تبديل وحدات البكسل في نمط رقعة الشطرنج:
ولدت هذه التقنية بفضل (أو بالأحرى خلافًا) للقيود التقنية - على المنصات ذات اللوحات المحدودة ، جعل التردد من الممكن ، من خلال مزج البكسلات من لونين مختلفين ، الحصول على واحدة ثالثة كانت غائبة في اللوحة:
الآن ، في عصر الإمكانيات التقنية التي لا نهاية لها ، يقول الكثيرون إن الحاجة إلى التردد قد اختفت من تلقاء نفسها. ومع ذلك ، فإن استخدامه بحكمة يمكن أن يمنح عملك الفني مظهرًا رجعيًا مميزًا سيتعرف عليه جميع محبي ألعاب الفيديو القديمة. أنا شخصيا أحب استخدام التردد. لا أعرف ذلك جيدًا ، ومع ذلك أحبه.خياران آخران للتردد:
ما تحتاج لمعرفته حول التردد حتى تتمكن من استخدامه. يجب أن يكون الحد الأدنى لعرض منطقة الخلط 2 بكسل على الأقل (نفس أدوات الداما). المزيد ممكن. القليل من الأفضل عدم القيام به.فيما يلي مثال على تردد فاشل. على الرغم من حقيقة أن مثل هذه التقنية يمكن العثور عليها في كثير من الأحيان على النقوش المتحركة من ألعاب الفيديو ، يجب أن تدرك أن شاشة التليفزيون سهلت الصورة بشكل كبير ، وأن هذا المشط ، وحتى أثناء الحركة ، لم يتم إصلاحه بالعين:
حسنًا ، يكفي نظرية. أقترح أن نتدرب أكثر قليلاً.
يمكن رسم فن البكسل في أي برنامج للعمل مع الرسومات النقطية ، فهذه مسألة تفضيل شخصي وخبرة (بالإضافة إلى القدرات المالية بالطبع). شخص ما يستخدم أبسط الرسام ، أفعل ذلك في Photoshop - لأنني ، أولاً ، أعمل فيه لفترة طويلة ، وثانيًا ، أشعر براحة أكبر هناك. بطريقة ما قررت أن أجرب Paint.NET المجاني ، لم يعجبني ذلك - إنه مثل السيارة ، فمن غير المرجح أن يجلس على سيارة أجنبية مع ناقل حركة أوتوماتيكي في Zaporozhets. يزودني صاحب العمل ببرنامج مرخص ، لذلك ضميري واضح أمام شركة Adobe ... على الرغم من أن أسعار برامجهم لا يمكن تصورها ، وهم يحترقون من أجلها.
1. التحضير للعمل.
قم بإنشاء مستند جديد بأي إعدادات (اجعله 60 بكسل في العرض ، 100 بكسل ارتفاع). الأداة الرئيسية لفنان البكسل هي قلم رصاص ( أداة قلم رصاص، تم استدعاؤه بواسطة مفتاح التشغيل السريع ب). إذا تم تمكين فرشاة (ورمز فرشاة) على شريط الأدوات ، فمرر الماوس فوقها ، واضغط مع الاستمرار LMB - ستظهر قائمة منسدلة صغيرة يجب أن تختار فيها قلم رصاص. اضبط حجم القلم على 1 بكسل (في اللوحة العلوية على اليسار ، القائمة المنسدلة فرشاة):
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
بعض التركيبات المفيدة أكثر. " كنترول + "و" كنترول - "للتكبير والتصغير. من المفيد أيضًا معرفة ذلك الضغط كنترول و "(اقتباسات - أشجار عيد الميلاد ، أو مفتاح روسي) ه") لتمكين الشبكة وتعطيلها ، مما يساعد كثيرًا عند رسم فن البكسل. يجب أيضًا تعديل خطوة الشبكة لنفسك ، فهي أكثر ملاءمة لشخص ما عندما تكون 1 بكسل ، وأنا معتاد على عرض الخلية الذي يبلغ 2 بكسل. يدفع السيطرة + K. (او اذهب الى يحرر->التفضيلات) ، انتقل إلى النقطة أدلة وشبكة وشرائح وتثبيت خطوط الشبكة كل 1 بكسل (أكرر أنه أكثر ملاءمة لي 2).
2. الرسم.
أخيرًا ، نبدأ الرسم. لماذا إنشاء طبقة جديدة ( Ctrl + Shift + N) ، قم بالتبديل إلى لون القلم الأسود (الضغط د يعين الألوان الافتراضية ، الأسود والأبيض) ورسم رأس الشخصية ، في حالتي هذا شكل بيضاوي متماثل مثل هذا:
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
يبلغ طول قاعدته السفلية والعلوية 10 بكسل ، ثم هناك شرائح 4 بكسل ، وثلاثة ، وثلاثة ، وواحد ، وواحد ، وخط رأسي بارتفاع 4 بكسل. الخطوط المستقيمة في Photoshop ملائمة للرسم مع التثبيت يحولبالرغم من أن حجم الصورة في فن البكسل ضئيل ، إلا أن هذه التقنية توفر الوقت أحيانًا. إذا ارتكبت خطأ ورسمت كثيرًا ، فتسلقت في مكان ما - لا تقلق ، قم بالتبديل إلى أداة الممحاة ( ممحاة جداl أو ال ه») وحذف ما لا لزوم له. نعم ، تأكد من ضبط الممحاة على حجم القلم أيضًا على 1 بكسل بحيث تمحو بكسلًا بكسل ، ووضع القلم الرصاص ( الوضع: قلم رصاص) وإلا فلن تمحو ما هو مطلوب. بالرجوع إلى القلم الرصاص ، دعني أذكرك ، من خلال " ب»
بشكل عام ، لا يتم رسم هذا القطع الناقص بشكل صارم وفقًا لقواعد فن البكسل ، لكن التصميم الفني يتطلب ذلك. لأن هذا سيكون رأسًا وعينًا وأنفًا وفمًا في المستقبل - تفاصيل كافية ستجذب انتباه المشاهد في النهاية وتثبط الرغبة في التساؤل عن سبب عدم انتظام الرأس.
استمر في الرسم وإضافة الأنف والهوائيات والفم:
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
الآن العيون:
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
يرجى ملاحظة أنه في مثل هذا النطاق الصغير ، لا تحتاج العيون إلى أن تكون مستديرة - في حالتي ، هذه مربعات بطول جانب 5 بكسل ، والتي لا يتم رسم نقاط الزاوية لها. عندما تعود إلى المقياس الأصلي ، ستبدو مستديرة تمامًا ، بالإضافة إلى أنه يمكن تحسين انطباع الكروية بمساعدة الظلال (المزيد حول هذا لاحقًا ، راجع القسم الثالث من الدرس). في غضون ذلك ، سأقوم بتصحيح شكل الرأس قليلاً عن طريق مسح بضع بكسلات في مكان واحد ورسمها في مكان آخر:
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
نرسم الحاجبين (لا شيء يعلقانه في الهواء - لدي مثل هذا الأسلوب) ونحاكي الطيات في زوايا الفم ، مما يجعل الابتسامة أكثر تعبيرًا:
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
الزوايا لا تبدو جيدة جدًا حتى الآن ، تقول إحدى قواعد فن البكسل أن كل بكسل لحد وعناصر لا يمكن أن تلمس أكثر من وحدتي بكسل متجاورتين. ولكن إذا كنت تدرس بعناية النقوش المتحركة من ألعاب أواخر الثمانينيات - أوائل التسعينيات ، فيمكن العثور على هذا الخطأ في كثير من الأحيان. الخلاصة - إذا لم يكن الأمر كذلك ، ولكنك تريد حقًا ذلك ، فيمكنك ذلك. يمكن تشغيل هذه التفاصيل لاحقًا أثناء التعبئة بمساعدة الظلال ، لذلك سنقوم الآن برسم المزيد. الجذع:
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
تجاهل الكاحلين في الوقت الحالي ، يبدو الأمر محرجًا ، وسنصلح ذلك عندما نملأه. تصحيح بسيط: أضف حزامًا وثنيات في منطقة الفخذ ، وحدد أيضًا مفاصل الركبة (باستخدام شظايا صغيرة من 2 بكسل ، بارزة من خط الساق):
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.3. املأ.
لكل عنصر من عناصر الشخصية ، ستكون ثلاثة ألوان كافية لنا في الوقت الحالي - لون التعبئة الرئيسي ولون الظل ولون الحد. بشكل عام ، هناك الكثير من النصائح حول نظرية الألوان في فن البكسل ، في المرحلة الأولية ، لا تتردد في التجسس على أعمال السادة وتحليل كيفية اختيار الألوان. يمكن بالطبع ترك حد كل عنصر باللون الأسود ، ولكن في هذه الحالة ، ستندمج العناصر بالتأكيد ، أفضل استخدام ألوان مستقلة قريبة من اللون الرئيسي للعنصر ، ولكن بتشبع منخفض. من الأنسب رسم لوحة صغيرة في مكان ما بالقرب من شخصيتك ثم أخذ الألوان منها باستخدام أداة القطارة ( أداة القطارة ، I):
بعد اختيار اللون المطلوب ، نقوم بتنشيط أداة "الجرافة" ( دلو الطلاء ، G). تأكد أيضًا من تعطيل وظيفة Anti-alias في الإعدادات ، فنحن بحاجة إلى التعبئة للعمل بشكل واضح داخل المخططات المرسومة وعدم تجاوزها:
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
نملأ شخصيتنا ، والتي لا يمكننا ملؤها - نرسم باليد بقلم رصاص.
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
انتبه إلى الكاحلين - نظرًا لأن هذه المناطق بسماكة 2 بكسل فقط ، فقد اضطررت للتخلي عن الحد على كلا الجانبين ، ورسمته فقط من جانب الظل المقصود ، تاركًا خط اللون الأساسي بسماكة 1 بكسل. لاحظ أيضًا أنني تركت الحاجبين باللون الأسود ، على الرغم من أن هذا لا يهم حقًا.
يحتوي Photoshop على تحديد سهل حسب اللون ( حدد-\u003e نطاق اللونمن خلال الضغط على قطارة الشافطة باللون المطلوب ، سنحصل على مجموعة مختارة من جميع المناطق من نفس اللون وإمكانية ملئها على الفور ، ولكن لهذا تحتاج إلى أن تكون عناصر شخصيتك على طبقات مختلفة ، لذلك نحن الآن ستعتبر هذه الوظيفة مفيدة لمستخدمي Photoshop المتقدمين):
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.4. الظل والتردد.
حدد الآن ألوان الظل وانتقل إلى القلم الرصاص ( ب) ضع بعناية أماكن الظل. في حالتي ، يكون مصدر الضوء في مكان ما على اليسار وما فوق ، أمام الشخصية - لذلك ، نشير إلى الجوانب اليمنى بظل مع التركيز على الجزء السفلي. سيصبح الوجه الأكثر ثراءً في الظل ، نظرًا لوجود العديد من العناصر الصغيرة التي تبرز بارتياح بمساعدة الظلال من جهة ، ومن جهة أخرى يلقيون أنفسهم بظلالهم (العيون والأنف وطيات الوجه):
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
الظل هو وسيط مرئي قوي للغاية ، وسيكون للظل المميز تأثير مفيد على مظهر الشخصية - وعلى الانطباع الذي سيكون له على العارض. في فن البكسل ، يمكن لبكسل واحد في غير مكانه أن يفسد العمل بأكمله ، وفي الوقت نفسه ، يبدو أن مثل هذه التعديلات الطفيفة يمكن أن تجعل الصورة أجمل بكثير.
أما بالنسبة لل الترددلكن في صورة ذات أبعاد مصغرة ، في رأيي ، لا لزوم لها تمامًا. تتكون الطريقة نفسها من "مزج" لونين متجاورين ، والذي يتم تحقيقه من خلال ترتيب رقعة الشطرنج للبيكسلات. ومع ذلك ، لإعطاء فكرة عن التقنية ، سأستمر في تقديم مناطق مزج صغيرة ، على البنطال والقميص وقليلًا على الوجه:
فن البكسل للمبتدئين. | مقدمة.
فن البكسل للمبتدئين. | مقدمة.
بشكل عام ، كما ترى ، لا يوجد شيء معقد بشكل خاص. فن البكسل من الجذاب للغاية أنه بعد إتقان بعض الأنماط ، يمكن لأي شخص رسم نفسه جيدًا - فقط من خلال دراسة عمل الأساتذة بعناية. على الرغم من نعم ، إلا أن بعض المعرفة بأساسيات الرسم ونظرية الألوان لا تزال غير مؤذية. أذهب خلفها!
أثناء المشي في الصباح على الإنترنت ، أردت كتابة منشور عن Pixel Art ، بحثًا عن مادة وجدت هاتين المقالتين.
تحظى Pixel Art بشعبية كبيرة حتى في الوقت الحاضر للألعاب ولعدة أسباب!
إذن ، ما الذي يجعل Pixel Art يأسر:
- المعرفة. بكسل الفن تبدو مذهلة! يمكنك معرفة الكثير عن كل بكسل فردي في الكائن.
- حنين للماضي. يعيد Pixel Art شعورًا رائعًا بالحنين إلى اللاعبين الذين نشأوا وهم يلعبون Nintendo أو Super Nintendo أو Genesis (مثلي!)
- سهولة التعلم. يعد Pixel Art من أسهل الفنون الرقمية التي يمكن تعلمها ، خاصةً إذا كنت مبرمجًا أكثر من كونك فنانًا ؛]
هل تريد تجربة يدك في Pixel Art؟ ثم تابع معي حيث أوضح لك كيفية إنشاء شخصية بسيطة ولكنها فعالة قابلة للعب يمكنك استخدامها في لعبتك الخاصة! بالإضافة إلى ذلك ، كمكافأة ، سننظر في كيفية دمجها في ألعاب iPhone!
ستحتاج إلى Adobe Photoshop لتتعلم بنجاح. إذا لم يكن لديك واحد ، يمكنك تنزيل نسخة تجريبية مجانية من موقع Adobe أو التورنت.
ما هو فن البكسل؟
قبل أن نبدأ ، لنكن واضحين بشأن ماهية Pixel Art ، فهي ليست واضحة كما تعتقد. أسهل طريقة لتحديد ماهية Pixel Art هي تحديد ما هو ليس كذلك ، أي كل شيء يتم فيه إنشاء وحدات البكسل تلقائيًا. وهنا بعض الأمثلة:
الانحدار: حدد لونين واحسب لون البكسل بينهما. يبدو رائعًا ، لكن ليس Pixel Art!
أداة طمس: تحديد وحدات البكسل وتكرارها / تحريرها لعمل نسخة جديدة من الصورة السابقة. مرة أخرى ، ليس فن البكسل.
أداة التنعيم (إنشاء وحدات بكسل جديدة بألوان مختلفة لجعل شيء ما "سلسًا"). يجب تجنبهم!
سيقول البعض أنه حتى الألوان التي تم إنشاؤها تلقائيًا ليست Pixel Art ، لأنها تفترض طبقة لمزج التأثيرات (خلط وحدات البكسل بين طبقتين وفقًا لخوارزمية معينة). ولكن نظرًا لأن معظم الأجهزة في الوقت الحاضر تتعامل مع ملايين الألوان ، فيمكن تجاهل هذا البيان. ومع ذلك ، يعد استخدام ألوان قليلة ممارسة جيدة في فن البكسل.
أدوات أخرى مثل (خط) أو أداة سطل الدهان يولد (دلو الطلاء) أيضًا وحدات البكسل تلقائيًا ، ولكن نظرًا لأنه يمكنك ضبطها على عدم تجانس بكسل التعبئة ، تُعتبر هذه الأدوات متوافقة مع Pixel Art.
وبالتالي ، وجدنا أن Pixel Art يتطلب الكثير من الاهتمام عند وضع كل بكسل في كائن ما ، وغالبًا ما يتم ذلك يدويًا ولوحة ألوان محدودة. لنبدأ العمل الآن!
بداية العمل
قبل البدء في إنشاء أول أصول Pixel Art ، يجب أن تعلم أنه لا يمكن تحجيم Pixel Art. إذا حاولت تقليله ، سيبدو كل شيء ضبابيًا. إذا حاولت تكبيره ، فسيبدو كل شيء على ما يرام طالما أنك تستخدم مقياس مضاعف لـ 2 (لكن بالطبع لن يكون حادًا).
لتجنب هذه المشكلة ، يجب أن تفهم أولاً الحجم الذي يجب أن تكون عليه شخصيتك القابلة للعب أو عنصر اللعبة ، ثم تبدأ. يعتمد هذا غالبًا على حجم شاشة الجهاز الذي تستهدفه وعدد "البكسل" الذي تريد رؤيته.
على سبيل المثال ، إذا كنت تريد أن تبدو اللعبة أكبر بمرتين على شاشة iPhone 3GS ("نعم ، أريد حقًا أن أمنح لعبتي مظهرًا رجعيًا منقسمًا!") دقة الشاشة التي تبلغ 480 × 320 بكسل ، فأنت بحاجة إلى العمل بنصف الدقة. في هذه الحالة ستكون 240x160 بكسل.
افتح مستند Photoshop جديدًا ( ملف → جديد ...) واضبط الحجم ليكون بحجم شاشة لعبتك ، ثم اختر حجمًا لشخصيتك.
كل خلية 32 × 32 بكسل! اخترت 32 × 32 بكسل ليس فقط لأنها رائعة بالنسبة لحجم الشاشة المحدد ، ولكن أيضًا لأن 32 × 32 بكسل هي أيضًا مضاعفات 2 ، وهو أمر مناسب لمحركات الألعاب ، (أحجام البلاط غالبًا ما تكون مضاعفات 2 ، يتم محاذاة القوام مضاعفات 2 ، إلخ.
حتى إذا كان المحرك الذي تستخدمه يدعم أي حجم للصورة ، يمكنك دائمًا محاولة العمل مع عدد زوجي من وحدات البكسل. في هذه الحالة ، إذا كانت الصورة بحاجة إلى تغيير حجمها ، فستتم مشاركة الحجم بشكل أفضل ، مما سيؤدي في النهاية إلى أداء أفضل.
كيفية رسم شخصية الفن بكسل
يُعرف Pixel Art بكونه رسومات واضحة وسهلة القراءة: يمكنك تحديد ملامح الوجه والعينين والشعر وأجزاء الجسم ببضع نقاط. ومع ذلك ، فإن حجم الصور يعقد المهمة: فكلما كانت شخصيتك أصغر ، زادت صعوبة رسمها. للحصول على نهج عملي أكثر للمهمة ، اختر ما سيكون أصغر سمات الشخصية. أختار العيون دائمًا لأنها واحدة من أفضل الطرق لبث الحياة في الشخصية.
في Photoshop حدد أداة قلم رصاص (أداة قلم رصاص). إذا لم تتمكن من العثور عليه ، فما عليك سوى الضغط مع الاستمرار على الأداة أداة الفرشاة (أداة الفرشاة) وستراها على الفور (يجب أن تكون الثانية في القائمة). تحتاج فقط إلى تغيير حجمه إلى 1 بكسل (يمكنك النقر فوق شريط خيارات الأداة وتغيير حجمه ، أو الضغط باستمرار على مفتاح [).
سوف تحتاج أيضا أداة المسح (أداة الممحاة) ، لذا انقر عليها (أو اضغط على E) وقم بتغيير إعداداتها بالاختيار من القائمة المنسدلة الوضع: (الوضع:) قلم (قلم رصاص) (لأنه لا يوجد صقل في هذا الوضع).
لنبدأ الآن في البيكسل! ارسم الحاجبين والعينين كما هو موضح بالصورة ادناه:
مهلا! أنا منقسم !! يمكنك بالفعل البدء بـ Lineart (عند الانتهاء من الرسم باستخدام الخطوط) ، ولكن الطريقة الأكثر عملية هي رسم صورة ظلية للشخصية. الخبر السار هو أنك لست بحاجة إلى أن تكون محترفًا في هذه المرحلة ، فقط حاول أن تتخيل أحجام أجزاء الجسم (الرأس والجسم والذراعين والساقين) ووضعية البداية للشخصية. حاول القيام بشيء كهذا باللون الرمادي:
لست بحاجة إلى أن تكون محترفًا في هذه المرحلة لاحظ أنني تركت أيضًا بعض المساحة البيضاء. لا تحتاج حقًا إلى ملء اللوحة بالكامل ، اترك مساحة للقطات المستقبلية. في هذه الحالة ، سيكون من المفيد جدًا الاحتفاظ بنفس حجم اللوحة القماشية لكل منهم.
بعد الانتهاء من الصورة الظلية ، سيأتي الوقت ... يجب أن تكون الآن أكثر حرصًا عند وضع وحدات البكسل ، لذلك لا تقلق بشأن الملابس والدروع وما إلى ذلك الآن. لكي تكون في الجانب الآمن ، يمكنك إضافة طبقة جديدة حتى لا تفقد الصورة الظلية الأصلية أبدًا.
إذا كنت ترغب في الرسم ببطء شديد باستخدام أداة Pencil ، فيمكنك دائمًا استخدامها (أداة الخط) ، فقط تذكر أنك لن تكون قادرًا على وضع وحدات البكسل تمامًا كما تفعل بقلم رصاص. سوف تحتاج إلى التخصيص مثل أدناه:
الرجاء التحديد بالضغط مع الاستمرار اداة المستطيل (اداة المستطيل)
انتقل إلى لوحة خيارات الأداة ، في القائمة المنسدلة اختر وضع الأداة (وضع الرسم المخطط) حدد بكسل ، تغيير وزن (السماكة) بمقدار 1 بكسل (إذا لم يكن قد تم بالفعل) وقم بإلغاء التحديد مضاد الاسم المستعار (التنعيم). هذه هي الطريقة التي يجب أن تحصل عليها:
لاحظ أنني لم أقم بعمل مخطط سفلي للقدمين. هذا اختياري لأن القدمين ليست جزءًا مهمًا من الأرجل لتبرز ، وهذا سيوفر لك صفًا واحدًا من البكسل على اللوحة القماشية.
تطبيق الألوان والظلال
أنت الآن جاهز لبدء تلوين شخصيتنا. لا تقلق بشأن اختيار الألوان المناسبة ، سيكون من السهل جدًا تغييرها لاحقًا ، فقط تأكد من أن كل شخص لديه لونه الخاص. استخدم الألوان الافتراضية في علامة التبويب حوامل (نافذة ← حوامل).
قم بتلوين شخصيتك مثل تلك الموجودة أدناه (ولكن لا تتردد في الإبداع واستخدام الألوان الخاصة بك!)
يعمل اللون الجميل المتباين على تحسين وضوح الأصول الخاصة بك! يرجى ملاحظة أنني ما زلت لم أقم بتحديد الخطوط العريضة للملابس أو الشعر. تذكر دائمًا: احفظ أكبر عدد ممكن من وحدات البكسل من المخططات غير الضرورية!
لا تضيع الوقت في رسم كل بكسل. استخدم خطوطًا من نفس اللون لتسريع عملك ، أو أداة سطل الدهان (أداة دلو الطلاء) لملء الفجوات. بالمناسبة ، يجب أيضًا تكوينه. الرجاء التحديد أداة سطل الدهان على شريط الأدوات (أو اضغط فقط على مفتاح G) وقم بالتغيير تسامح (التسامح) إلى 0 ، وكذلك قم بإلغاء تحديد المربع مضاد الاسم المستعار (التنعيم).
إذا احتجت إلى استخدام أداة العصا السحرية (أداة Magic Wand Tool) - أداة مفيدة للغاية تحدد جميع وحدات البكسل بنفس اللون ، ثم اضبطها بنفس طريقة أداة Paint Bucket - بدون تسامح أو تنعيم.
الخطوة التالية ، التي ستتطلب منك بعض المعرفة ، هي البرق والتظليل. إذا لم تكن لديك معرفة بكيفية إظهار الجوانب الفاتحة والداكنة ، فسأقدم لك أدناه تعليمات صغيرة. إذا لم يكن لديك الوقت والرغبة في دراستها ، فيمكنك تخطي هذه الخطوة والانتقال إلى قسم "Spice up your palette" ، بعد كل شيء ، يمكنك فقط جعل التظليل كما في المثال!
استخدم نفس مصدر الضوء للأصل بأكمله حاول إعطاء الشكل كما تريد / تستطيع ، لأنه بعد ذلك تبدأ الأصول في الظهور بشكل أكثر إثارة للاهتمام. على سبيل المثال ، يمكنك الآن رؤية الأنف ، والعينين المغموضتين ، وصدمة الشعر ، وثنيات في البنطال ، وما إلى ذلك. يمكنك أيضًا إضافة بعض النقاط المضيئة عليها ، وستبدو أفضل:
استخدم نفس مصدر الضوء عند التظليل والآن ، كما وعدت ، دليل صغير للأضواء والظلال:
توابل لوحتك
يستخدم العديد من الأشخاص ألوان اللوحة الافتراضية ، ولكن نظرًا لاستخدام العديد من الأشخاص لهذه الألوان ، يمكننا رؤيتها في العديد من الألعاب.
يحتوي Photoshop على مجموعة كبيرة من الألوان في لوح الألوان القياسي الخاص به ، لكن لا يجب الاعتماد عليها كثيرًا. من الأفضل أن تصنع ألوانك الخاصة من خلال النقر على اللوحة الرئيسية في الجزء السفلي من شريط الأدوات.
ثم ، في نافذة Color Picker ، تصفح الشريط الجانبي الأيمن لتحديد اللون والمنطقة الرئيسية لتحديد السطوع المطلوب (أفتح أو أغمق) والتشبع (أغنى أو باهت).
بمجرد العثور على الشخص الذي تريده ، انقر فوق "موافق" و أعد تكوين أداة دلو الطلاء... لا تقلق ، يمكنك بعد ذلك ببساطة إلغاء تحديد المربع "مجاور" وعندما ترسم بلون جديد ، سيتم رسم جميع وحدات البكسل الجديدة بنفس لون الخلفية أيضًا.
هذا سبب آخر لأهمية العمل مع عدد قليل من الألوان واستخدام نفس اللون دائمًا لنفس العنصر (قميص ، شعر ، خوذة ، درع ، إلخ). لكن لا تنس استخدام ألوان مختلفة للمناطق الأخرى ، وإلا فسيتم طلاء الرسم بشكل زائد!
قم بإلغاء تحديد "متجاورة" لرسم وحدات البكسل المحددة بنفس اللونقم بتغيير الألوان إذا أردت واحصل على تلوين شخصية أكثر براقة! يمكنك حتى إعادة تلوين الخطوط العريضة ، فقط تأكد من أنها تنسجم جيدًا مع الخلفية.
أخيرًا ، قم بإجراء اختبار لون الخلفية: قم بإنشاء طبقة جديدة أسفل شخصيتك واملأها بألوان مختلفة. هذا للتأكد من أن شخصيتك مرئية مقابل الخلفيات الفاتحة والداكنة والدافئة والباردة.
كما ترون ، لقد قمت بإيقاف تشغيل Anti-aliasing في جميع الأدوات التي استخدمتها حتى الآن. لا تنس القيام بذلك في أدوات أخرى أيضًا ، على سبيل المثال سرادق بيضاوي الشكل (سرادق بيضاوي) و لاسو (لاسو).
باستخدام هذه الأدوات ، يمكنك بسهولة تغيير حجم الأجزاء المحددة ، أو حتى تدويرها. للقيام بذلك ، استخدم أي أداة تحديد (أو اضغط على مفتاح M) لتحديد منطقة ، انقر بزر الماوس الأيمن واختر التحويل الحر (تحويل مجاني) ، أو فقط اضغط على Ctrl + T. لتغيير حجم التحديد ، اسحب أحد المقابض حول محيط مربع التحويل. لتغيير حجم التحديد مع الحفاظ على التناسب ، اضغط باستمرار على مفتاح Shift واسحب أحد مقابض الزاوية.
ومع ذلك ، يقوم Photoshop تلقائيًا بتسوية كل شيء محرر بامتداد التحويل الحرلذلك قبل التحرير انتقل إلى تحرير -\u003e تفضيلات -\u003e عام (Ctrl + K) والتغيير استيفاء الصورة (استيفاء الصورة) في اقرب جار (اقرب جار). باختصار ، مع اقرب جار يتم احتساب الموضع والحجم الجديد بشكل تقريبي ، ولا يتم تطبيق ألوان أو ورق شفاف جديد ، ويتم الاحتفاظ بالألوان التي تختارها.
دمج Pixel Art في ألعاب iPhone
في هذا القسم ، ستتعلم كيفية دمج فن البكسل في لعبة iPhone باستخدام إطار عمل لعبة Cocos2d. لماذا أفكر فقط في iPhone؟ لأنه بفضل سلسلة من المقالات حول Unity ، (على سبيل المثال: ، أو اللعب بأسلوب Jetpack Joyride في Unity 2D) ، فأنت تعرف بالفعل كيفية العمل معهم في Unity ، ومن مقالات حول ماكرة (ألعاب المتصفح: Snake ) و Impact (مقدمة لإنشاء ألعاب Impact للمتصفح) تعلمت كيفية تضمينها في لوحة الرسم وإنشاء ألعاب المتصفح.
إذا كنت جديدًا على Cocos2D ، أو تطوير تطبيقات iPhone بشكل عام ، أنصحك بالبدء بأحد برامج Cocos2d و iPhone التعليمية. إذا كان لديك Xcode و Cocos2d مثبتين ، فتابع القراءة!
أنشئ مشروعًا جديدًا iOS → cocos2d v2.x → cocos2d iOS template، أطلق عليه اسم PixelArt ، وحدد iPhone كجهازك. اسحب صورة البكسل التي تم إنشاؤها مثل: sprite_final.png إلى مشروعك ثم افتح HelloWorldLayer.m واستبدل طريقة التهيئة بما يلي:
- (id) init (if ((self \u003d)) (CCSprite * hero \u003d؛ hero.position \u003d ccp (96، 96)؛ hero.flipX \u003d YES ؛؛) إرجاع الذات؛)
نضع الكائن على الجانب الأيسر من الشاشة ونديره بحيث يواجه اليمين. قم بالتجميع والتشغيل ، وبعد ذلك سترى كائنك على الشاشة:
ومع ذلك ، تذكر ، كما ناقشنا سابقًا في هذا البرنامج التعليمي ، أننا أردنا زيادة وحدات البكسل بشكل مصطنع بحيث يمكن تمييز كل بكسل بشكل ملحوظ عن البيكسلات الأخرى. لذا أضف هذا السطر الجديد داخل التابع init الخاص بك:
Hero.scale \u003d 2.0 ؛
لا شيء معقد ، أليس كذلك؟ تجميع وتشغيل و ... انتظر ، كائننا ضبابي!
هذا لأنه ، بشكل افتراضي ، يقوم Cocos2d بتسوية الصورة عند قياسها. لسنا بحاجة إلى هذا ، لذا أضف السطر التالي:
يقوم هذا الخط بتكوين Cocos2d لمقياس الصور بدون تنعيم ، لذلك لا يزال رجلنا يبدو "منقسمًا" في التجميع والتشغيل و ... نعم إنه يعمل!
لاحظ مزايا استخدام رسومات Pixel Art - يمكننا استخدام صورة أصغر مما يتم عرضه على الشاشة ، مما يوفر الكثير من ذاكرة النسيج. لا نحتاج حتى إلى عمل صور منفصلة لعرض شبكية العين!
ماذا بعد؟
أتمنى أن تكون قد استمتعت بهذا البرنامج التعليمي وتعلمت المزيد عن فن البكسل! قبل الفراق أريد أن أقدم لك بعض النصائح:
- حاول دائمًا تجنب استخدام الصقل أو التدرجات أو الكثير من الألوان لأصولك. إنه لمصلحتك ، خاصة إذا كنت لا تزال مبتدئًا.
- إذا كنت تريد حقًا محاكاة المظهر الرجعي ، فابحث عن الصور في ألعاب وحدة التحكم ذات 8 بت أو 16 بت.
- بعض الأنماط لا تستخدم الخطوط العريضة الداكنة ؛ والبعض الآخر لا يأخذ في الاعتبار تأثيرات الضوء أو الظل. كل هذا يتوقف على الأسلوب! في برنامجنا التعليمي ، لم نرسم الظلال ، لكن هذا لا يعني أنه لا يجب عليك استخدامها.
بالنسبة للمبتدئين ، يعد Pixel Art أسهل الرسومات التي يمكن تعلمها ، لكنها في الواقع ليست بهذه البساطة كما تبدو. أفضل طريقة لترقية مهاراتك هي الممارسة والممارسة والممارسة. أوصي بشدة بنشر عملك على منتديات Pixel Art بحيث يمكن للفنانين الآخرين تقديم المشورة لك - إنها طريقة رائعة لتحسين أسلوبك! ابدأ صغيرًا ، وتدرب كثيرًا ، واحصل على تعليقات ويمكنك إنشاء لعبة مذهلة ستجلب لك الكثير من المال والفرح!
Pixel Art أو Pixel Art عبارة عن لوحة رقمية يتم إنشاؤها في برامج تحرير الصور النقطية بالبكسل. البكسل هو أصغر عنصر رسومي في الصورة. بعبارة أخرى ، هذه هي النقطة. وكل فن البكسل يتكون من مجموعات لا حصر لها من النقاط ، والتي تبين أنها غير متساوية قليلاً ، كما لو كانت مرسومة بشكل سيء. لكن هذا هو جمال مثل هذه الصور.
القليل من التاريخ
في أي البرامج يمكنك إنشاء فن بكسل حديث
هناك العديد من برامج تحرير الصور النقطية المجانية. ولكن في كثير من الأحيان تسمى Microsoft Paint و Adobe Photoshop أكثر من غيرها. صحيح أن الرسام يعتبر أداة أقل ملاءمة لإنشاء فن البكسل من Adobe Photoshop. لماذا؟ في هذا البرنامج:
من الصعب جدًا تحقيق توازن الصور وتماثلها ؛
عند حفظها بتنسيق jpg ، يوجد تشويه قوي في اللون ؛
من الصعب رسم الظلال والإبرازات.
لذلك ، يحاولون إعطاء الأفضلية لبرنامج Adobe Photoshop. يحتوي هذا البرنامج على إمكانيات عمل أكثر بكثير من برنامج الرسام. لا يسمح لك ذلك برسم شخصيات فردية بتصميم بسيط ، بل صور كاملة. بالإضافة إلى ذلك ، يعد تحرير فن البكسل نفسه أسهل وأسرع هنا. ويمكنك نقل انتقالات اللون في Adobe Photoshop بسلاسة وبشكل طبيعي.
كيفية تجنب مكامن الخلل في Pixel Art
فن البكسل عبارة عن مجموعة من البكسل "نقاط" مربعة أو مستطيلة. عندما يتم رسم صورة من هذه "النقاط" ، تظهر الزاوية وتختفي نعومة الخطوط. من ناحية ، هذه بطاقة عمل Pixel Art ، ولكن من ناحية أخرى ، أريد المزيد من السلاسة ، مما يجعل الصورة أنيقة وجذابة للمستخدم. هذه المشكلة في لغة فناني البكسل تسمى مكامن الخلل أو "jaggies".
Jaggies عبارة عن شظايا تعطي خطوطًا خشنة لأي خط. يتم التخلص منها عادة بإحدى الطرق التالية:
زيادة مقطع خط الإخراج بمقدار 2 أو 3 بكسل أو أكثر ؛
تقليل طول وحدات البكسل نفسها في المنطقة البارزة ؛
يتم إنشاء مقطع خط جديد من عدة وحدات بكسل ؛
إضافة بكسل واحد إلى المنطقة الخشنة بين "النقاط" الأطول ، وهكذا.
من أجل التخلص الصحيح من مكامن الخلل ، عليك أن تتذكر القاعدة الرئيسية: يجب أن ينخفض \u200b\u200bطول العناصر الموجودة على خط منحني أو يزيد تدريجياً. تحتاج أيضًا إلى تذكر أن إزاحة جزء خط بمقدار 2 بكسل أو أكثر في الارتفاع يؤدي إلى تدمير النعومة.
لذلك ، هناك حاجة إلى ممارسة الرسم المستمر. وكمساعدة بسيطة ومرئية للمساعدة في تجنب مكامن الخلل ، يمكنك استخدام مجموعة من الخطوط المائلة.
كيفية الحصول على الظل في Pixel Art
نقطة أخرى مهمة حول فن البكسل هي الحجم. كما هو الحال في خيارات الرسومات الأخرى ، يتم تحقيقه من خلال الإبرازات والظلال. لإنشاء ظل في فن البكسل ، تحتاج إلى انتقال سلس من الضوء إلى الظلام أو من لون إلى آخر. لتحقيق هذا التأثير ، غالبًا ما تستخدم تقنية الخلط - التردد أو التردد. بمعنى آخر ، على حدود لونين ، يتم مزجها في نمط رقعة الشطرنج. نشأت هذه الطريقة على خلفية نقص الزهور. بمساعدة خلط رقعة الشطرنج من دهانين ، كان من الممكن الحصول على طلاء ثالث لم يكن موجودًا في اللوحة.
ومع ذلك ، بعد أن توسعت اللوحة بشكل كبير ، لا تزال تقنية التردد مطلوبة. لكن عليك أن تتذكر أن الانتقال من لون إلى آخر بعرض بكسل واحد لا يبدو جيدًا. اتضح مجرد مشط. لذا
يجب ألا تقل مساحة المزج عن وحدتي بكسل. وكلما كان هذا الانتقال أوسع ، كان ذلك أفضل.
أيضًا ، عند إنشاء الظل:
من المهم تحديد الزاوية ومن أي جانب سيسقط الضوء على الكائن. هذا سيجعل الرسم "حيويًا" ، بالإضافة إلى فهم مكان رسم الظل. على سبيل المثال ، إذا سقط الضوء من اليمين ، فستكون مناطق الظل على اليسار ، وما إلى ذلك ؛
تحتاج إلى استخدام ألوان أغمق بكثير من الألوان الأساسية. أولئك. يجب تصوير الظل باستخدام ألوان أغمق من المنطقة المظللة نفسها. على سبيل المثال ، إذا كان الكائن أحمر اللون ، فسيكون ظلها بورجوندي أو بني داكن ؛
لا تنسى الظل الجزئي. لهذا الغرض ، يتم تحديد ظل يكون ، وفقًا للوحة ، بين اللون الأساسي ولون الظل. يتم وضع هذا الظل بين طبقات هذين اللونين. نتيجة لذلك ، يتم إنشاء تأثير الانتقال السلس من منطقة مظلمة إلى منطقة أفتح.
كيفية الحصول على توهج على فن البكسل
التوهج ، مثل الظل ، يضيف حجمًا للأشياء التي يتم رسمها. إنه دائمًا في الجانب الذي يسقط فيه الضوء. ولكن إذا كان الكائن يحتوي على سطح لامع ، على سبيل المثال ، فنجان من الخزف ، أو سيف مصنوع من الصلب ، وما إلى ذلك ، فستكون هناك حاجة أيضًا إلى وهج في منطقة مظللة.
لإنشاء تمييز في المنطقة التي يسقط فيها الضوء ، يجب أن تأخذ طلاءًا أخف بكثير من الطلاء الرئيسي. فقط لا تكن متحمسًا في سطوع هذه البقعة - فقد لا يتحول بشكل طبيعي. في كثير من الأحيان يتم تصوير التوهج باللون الأبيض بدون انتقالات. هذا لا يحدث في الطبيعة. وسيبدو الموضوع مسطحًا.
لإنشاء تمييز من جانب الظل ، تحتاج إلى لون أفتح من اللون الذي تم تطبيق الظل نفسه به. وفي هذه الحالة ، هناك حاجة أيضًا إلى الانتقال السلس ، والذي يمكن الحصول عليه باستخدام عدة ظلال في وقت واحد.
للقيام بكل هذا ، بالطبع ، يتطلب الأمر تدريبًا. ومن الأفضل أن تبدأ بأشياء بسيطة.
اللوحة على مستوى البكسل لها مكانة في الفنون البصرية. يتم إنشاء روائع حقيقية باستخدام وحدات بكسل بسيطة. بالطبع ، يمكنك إنشاء مثل هذه الرسومات على ورقة ورقية ، ولكن من الأسهل والأكثر صحة إنشاء الصور باستخدام برامج تحرير الرسوم. في هذه المقالة ، سنحلل بالتفصيل كل ممثل لمثل هذه البرامج.
محرر الصور الأكثر شهرة في العالم قادر على العمل على مستوى البكسل. لإنشاء مثل هذه الصور في هذا المحرر ، تحتاج فقط إلى تنفيذ بعض خطوات التكوين المسبق. لديها كل ما يحتاجه الفنان لخلق الفن.
ولكن من ناحية أخرى ، فإن هذه الوفرة من الوظائف ليست ضرورية لرسم فن البكسل ، لذلك لا فائدة من الدفع الزائد للبرنامج إذا كنت ستستخدمه فقط لوظيفة معينة. إذا كنت أحد هؤلاء المستخدمين ، فننصحك بالاهتمام بالممثلين الآخرين الذين يركزون بشكل خاص على رسومات البكسل.
PyxelEdit
يحتوي هذا البرنامج على كل ما تحتاجه لإنشاء مثل هذه اللوحات وهو غير مشبع بالوظائف التي لن يحتاجها الفنان أبدًا. الإعداد بسيط للغاية ، في لوحة الألوان يمكنك تغيير أي لون إلى النغمة المرغوبة ، وستساعدك الحركة الحرة للنوافذ على تخصيص البرنامج بنفسك.
PyxelEdit له وظيفة لتعيين المربعات على قماش ، والتي يمكن أن تكون مفيدة عند إنشاء كائنات ذات محتوى مماثل. الإصدار التجريبي متاح للتنزيل على الموقع الرسمي وليس له قيود على الاستخدام ، لذا يمكنك لمس المنتج قبل إجراء عملية شراء.
بيكسلفورمر
في المظهر والوظيفة ، هذا هو محرر الرسومات الأكثر شيوعًا ، إلا أنه يحتوي على العديد من الميزات الإضافية لإنشاء صور بكسل. هذا أحد البرامج القليلة المجانية تمامًا. 
لا يضع المطورون منتجاتهم على أنها مناسبة لإنشاء فن البكسل ، بل يسمونها طريقة رائعة لرسم الشعارات والأيقونات.
الرسومات
إنهم يحاولون تطبيق نظام الرسوم المتحركة للصور في جميع هذه البرامج تقريبًا ، والتي غالبًا ما يتبين أنها ببساطة غير قابلة للاستخدام بسبب الوظائف المحدودة والتنفيذ غير الصحيح. GraphicsGale أيضًا ليس جيدًا مع هذا ، ولكن على الأقل يمكن أن تعمل هذه الوظيفة بشكل جيد.
بالنسبة للرسم ، كل شيء هو نفسه تمامًا كما هو الحال في معظم المحررين: الوظائف الأساسية ، لوحة الألوان الكبيرة ، القدرة على إنشاء طبقات متعددة ولا شيء غير ضروري يمكن أن يتداخل مع العمل.
تشاراميكر
برنامج Character Maker 1999 هو أحد أقدم هذه البرامج. تم إنشاؤه لإنشاء شخصيات أو عناصر فردية ، والتي سيتم استخدامها بعد ذلك في برامج أخرى للرسوم المتحركة أو إدخالها في ألعاب الكمبيوتر. لذلك ، فهي ليست مناسبة جدًا لإنشاء اللوحات.
الواجهة ليست جيدة جدا. لا يمكن نقل أي نافذة تقريبًا أو تغيير حجمها ، والتخطيط الافتراضي ليس جيدًا جدًا. ومع ذلك ، يمكنك التعود على ذلك.
Pro Motion NG
هذا البرنامج مثالي في كل شيء تقريبًا ، من واجهة مدروسة جيدًا ، حيث يمكنك نقل النوافذ بشكل مستقل عن النافذة الرئيسية إلى أي نقطة وتغيير حجمها ، إلى التبديل التلقائي من القطارة إلى قلم رصاص ، وهو مجرد ميزة يدوية بشكل لا يصدق.
بخلاف ذلك ، يعد Pro Motion NG مجرد برنامج جيد لإنشاء رسومات بكسل من أي مستوى. يمكن تنزيل النسخة التجريبية من الموقع الرسمي واختبارها لاتخاذ قرار بشأن الشراء الإضافي للنسخة الكاملة.
أسبرايت
يمكن اعتباره بحق البرنامج الأكثر ملاءمة وجميلة لإنشاء فن البكسل. تصميم الواجهة وحده يستحق كل هذا العناء ، ولكن هذا ليس كل مزايا Aseprite. هنا يمكنك تحريك الصورة ، ولكن على عكس الممثلين السابقين ، يتم تنفيذها بكفاءة وسهولة في الاستخدام. يوجد كل شيء لإنشاء رسوم متحركة جميلة بتنسيق GIF.
