لماذا يمكن أن يكون Pixel Art ساحة تدريب مثالية لتصميم الجرافيك

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

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

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

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

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

doc88img02

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

لماذا فن بيكسل مثالي

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

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

عالم الفن بكسل

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

بعض المناطق التي يتم فيها بيع فن بيكسل تتضمن:

  • ألعاب الجوال والألعاب الرجعية تحت عنوان
  • الرسوم البيانية
  • تصميم موقع
  • تصميم واجهة
  • التصميمات المستخدمة في الملابس والعلامات الأساسية وما إلى ذلك.
  • رسومات التلفزيون (على سبيل المثال: The IT Crowd، Good Game)
  • Pixel art comics (على سبيل المثال: Diesel Sweeties، Kid Radd)
  • أفلام (مثل: Wreck It Ralph، Pixels)
  • المعارض الفنية بكسل والمجموعات الخاصة

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

الشروع في تصميم فن بيكسل

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

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

تدريب

هناك الكثير من البرامج التعليمية المجانية عبر الإنترنت ويمكنك شراء كتب على الفن بكسل or تصميم لعبة لتحصل على الذهاب. للحصول على مقدمة أكثر تفصيلاً ، يمكنك التفكير في اتخاذ إجراء بالطبع udemy في الفن بكسل. في $ 35 فقط وتدرس من قبل خبير لعبة فنان (Marco Vale ، مدير الفن حاليا في Indot Studios) ، إنها قيمة جيدة جدًا.

عملية الفن بكسل

يتبع إنشاء أي عمل للفنّ بكسل عملية خطية من المفهوم إلى الإكمال:

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

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

فكرة

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

تخطيط

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

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

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

اختيار الشبكة

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

doc88img03

في مشهد 3D ، لديك خيار بين استخدام شبكة متساوي القياس (الاختيار الأكثر شيوعًا) أو شبكة مائلة. تحتوي الشبكة isometric على خطوط تتقاطع عند 30:

doc88img04

تحتوي الشبكة المائلة على خطوط تتقاطع مع درجات 45:

doc88img05

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

اختيار لوحة

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

النماذج

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

doc88img06

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

doc88img07

يحدد

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

doc88img08

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

doc88img09

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

doc88img10

التنعيم

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

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

doc88img11

تلوين

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

doc88img12

تظليل

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

doc88img13

التردد

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

doc88img14

تحديد انتقائي

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

doc88img15

تنعيم

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

ضبط

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

ما يجب فعله إذا لم يتم تكبير صورتك بدرجة كافية

واحدة من المشاكل هي أن Inkscape وبرامج مكافحة ناقلات مشابهة تقوم فقط بعمل جيد من تعبئة دلو ، بحيث تبدو الألوان سلسة و vectory. إذا كنت تريد مظهرًا محسوبًا ، فأنت بحاجة إلى تصدير الصورة إلى png ، وفتحها في GIMP ، وتطبيق مرشح Pixelize ، الذي ستجده في قسم Blur. سيعطيك هذا نتيجة مثل هذا (والتي قد تحتاج بعد ذلك إلى anti-alias):

doc88img16

ملاحظات ختامية

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

بوجدان رانسيا

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