शुरुआती लोगों के लिए पिक्सेल कला: उपयोग के लिए निर्देश

इंडी डेवलपर्स को अक्सर एक साथ कई भूमिकाएँ निभानी पड़ती हैं: गेम डिज़ाइनर, प्रोग्रामर, संगीतकार, कलाकार। और जब दृश्यों की बात आती है, तो बहुत से लोग पिक्सेल कला चुनते हैं - पहली नज़र में यह सरल लगता है। लेकिन इसे खूबसूरती से करने के लिए, आपको बहुत सारे अनुभव और कुछ कौशल की आवश्यकता होती है। मुझे उन लोगों के लिए एक ट्यूटोरियल मिला जिन्होंने अभी-अभी इस शैली की मूल बातें समझना शुरू किया है: उदाहरण के तौर पर दो स्प्राइट का उपयोग करके विशेष सॉफ्टवेयर और ड्राइंग तकनीकों का वर्णन।

पृष्ठभूमि

पिक्सेल कला डिजिटल कला का एक रूप है जिसमें पिक्सेल स्तर पर परिवर्तन किये जाते हैं। यह मुख्य रूप से 80 और 90 के दशक के वीडियो गेम ग्राफिक्स से जुड़ा है। उस समय, कलाकारों को स्मृति सीमाओं और कम रिज़ॉल्यूशन को ध्यान में रखना पड़ता था। आजकल, यथार्थवादी 3डी ग्राफिक्स बनाने की क्षमता के बावजूद, पिक्सेल कला अभी भी खेलों में और सामान्य रूप से एक कला शैली के रूप में लोकप्रिय है। क्यों? पुरानी यादों के अलावा, ऐसे कड़े ढांचे के भीतर अच्छा काम बनाना एक आनंददायक और पुरस्कृत चुनौती है।

पारंपरिक कला और 3डी ग्राफिक्स की तुलना में पिक्सेल कला में प्रवेश की बाधा अपेक्षाकृत कम है, जो इंडी डेवलपर्स को आकर्षित करती है। लेकिन इसका मतलब यह नहीं कि यह आसान होगा समाप्त इस शैली में खेल. मैंने क्राउडफंडिंग प्लेटफ़ॉर्म पर पिक्सेल आर्ट मेट्रॉइडवानियास के साथ बहुत सारे इंडी डेवलपर्स को देखा है। उन्होंने सोचा कि वे एक साल में सब कुछ खत्म कर देंगे, लेकिन वास्तव में उन्हें छह साल और चाहिए थे।

मेटल स्लग 3 (आर्केड)। एसएनके, 2000

जिस स्तर पर अधिकांश लोग इसे बनाना चाहते हैं, उस स्तर पर पिक्सेल कला में बहुत समय लगता है, और बहुत कम छोटे ट्यूटोरियल होते हैं। 3डी मॉडल के साथ काम करते समय, आप इसे घुमा सकते हैं, विकृत कर सकते हैं, इसके अलग-अलग हिस्सों को स्थानांतरित कर सकते हैं, एनिमेशन को एक मॉडल से दूसरे मॉडल में कॉपी कर सकते हैं, इत्यादि। उच्च-स्तरीय पिक्सेल कला को प्रत्येक फ्रेम पर पिक्सेल को सावधानीपूर्वक रखने में लगभग हमेशा बहुत प्रयास करना पड़ता है।

सामान्य तौर पर, मैंने आपको चेतावनी दी थी।

और अब मेरी शैली के बारे में थोड़ा: मैं मुख्य रूप से वीडियो गेम के लिए पिक्सेल कला बनाता हूं और उनमें प्रेरणा पाता हूं। विशेष रूप से, मैं फेमीकॉम/एनईएस, 16-बिट कंसोल और 90 के दशक के आर्केड गेम का प्रशंसक हूं। उस युग के मेरे पसंदीदा खेलों की पिक्सेल कला को स्पष्ट और न्यूनतर के बजाय उज्ज्वल, आत्मविश्वास और साफ (लेकिन बहुत साफ नहीं) के रूप में वर्णित किया जा सकता है। यह वह शैली है जिस पर मैं स्वयं काम करता हूं, लेकिन आप पूरी तरह से अलग चीजें बनाने के लिए इस ट्यूटोरियल के विचारों और तकनीकों को आसानी से लागू कर सकते हैं। विभिन्न कलाकारों के काम का अन्वेषण करें और अपनी पसंद की पिक्सेल कला बनाएं!

मुलायम

पिक्सेल कला के लिए मूल डिजिटल उपकरण पिक्सेल रखने के लिए ज़ूम और पेंसिल हैं। आपको लाइन, शेप, सेलेक्ट, मूव और पेंट बकेट भी उपयोगी लगेंगे। ऐसे उपकरणों के सेट के साथ कई निःशुल्क और सशुल्क सॉफ़्टवेयर उपलब्ध हैं। मैं आपको सबसे लोकप्रिय और उनके बारे में बताऊंगा जिनका मैं स्वयं उपयोग करता हूं।

पेंट (मुक्त)

यदि आपके पास विंडोज़ है, तो अंतर्निहित पेंट एक आदिम प्रोग्राम है, लेकिन इसमें पिक्सेल कला के लिए सभी उपकरण हैं।

मछली (मुफ्त है)

एक अप्रत्याशित रूप से कार्यात्मक पिक्सेल कला संपादक जो ब्राउज़र के माध्यम से चलता है। आप अपना काम पीएनजी या एनिमेटेड GIF के रूप में निर्यात कर सकते हैं। शुरुआती लोगों के लिए एक उत्कृष्ट विकल्प।

ग्राफ़िग्सगेल (मुफ्त है)

ग्राफ़िक्सगेल एकमात्र संपादक है जिसके बारे में मैंने सुना है कि इसे विशेष रूप से पिक्सेल कला के लिए डिज़ाइन किया गया है और इसमें एनीमेशन टूल शामिल हैं। इसे जापानी कंपनी HUMANBALANCE द्वारा बनाया गया था। यह 2017 से मुफ्त में उपलब्ध है और एसेप्राइट की लोकप्रियता में वृद्धि के बावजूद अभी भी इसकी मांग है। दुर्भाग्य से, यह केवल विंडोज़ पर काम करता है।

असेप्राइट ($)

शायद इस समय सबसे लोकप्रिय संपादक। खुला स्त्रोत, ढेर सारी सुविधाएं, सक्रिय समर्थन, विंडोज़, मैक और लिनक्स के लिए संस्करण। यदि आप पिक्सेल कला के बारे में गंभीर हैं और अभी भी आपको सही संपादक नहीं मिला है, तो यह वह संपादक हो सकता है जिसकी आपको आवश्यकता है।

GameMaker स्टूडियो 2 ($$+)

गेममेकर स्टूडियो 2 एक अच्छे स्प्राइट एडिटर के साथ एक उत्कृष्ट 2डी टूल है। यदि आप अपने गेम के लिए पिक्सेल कला बनाना चाहते हैं, तो एक प्रोग्राम में सब कुछ करना बहुत सुविधाजनक है। अब मैं इस सॉफ्टवेयर पर काम करते समय इसका उपयोग कर रहा हूं यूएफओ एक्सएनयूएमएक्स, 50 रेट्रो गेम्स का एक संग्रह: मैं गेममेकर में स्प्राइट और एनिमेशन बनाता हूं, और फ़ोटोशॉप में टाइलसेट बनाता हूं।

फ़ोटोशॉप ($$$+)

फ़ोटोशॉप महंगा सॉफ़्टवेयर है, जो सदस्यता द्वारा वितरित किया जाता है, और पिक्सेल कला के लिए डिज़ाइन नहीं किया गया है। मैं इसे खरीदने की अनुशंसा नहीं करता जब तक कि आप उच्च रिज़ॉल्यूशन में चित्रण प्रस्तुत करने में शामिल नहीं होते हैं, या आपको मेरी तरह छवि के साथ जटिल हेरफेर करने की आवश्यकता नहीं होती है। आप इसमें स्थिर स्प्राइट और पिक्सेल कला बना सकते हैं, लेकिन विशेष सॉफ़्टवेयर (उदाहरण के लिए, ग्राफ़िक्सगेल या एसेप्राइट) की तुलना में यह काफी जटिल है।

अन्य

मेरी पिक्सेल कला किट. सब कुछ काला है, मैंने अभी इस पर ध्यान दिया।

ग्राफ़िक्स टैबलेट ($$+)

मैं कार्पल टनल सिंड्रोम से बचने के लिए किसी भी डिजिटल चित्रण कार्य के लिए ग्राफिक्स टैबलेट की अनुशंसा करता हूं। इलाज की तुलना में इसे रोकना बहुत आसान है। एक दिन आपको दर्द महसूस होगा और यह बढ़ता ही जाएगा - शुरू से ही अपना ख्याल रखें। चूँकि मैं माउस से चित्र बनाता था, अब मुझे ऐसे गेम खेलने में कठिनाई होती है जिनमें मुझे कुंजियाँ दबाने की आवश्यकता होती है। मैं वर्तमान में Wacom Intuos Pro S का उपयोग कर रहा हूं।

कलाई का सहारा ($)

यदि आपको टैबलेट नहीं मिल सकता है, तो कम से कम कलाई का सहारा लें। मेरा पसंदीदा म्यूएलर ग्रीन फिटेड रिस्ट ब्रेस है। बाकी या तो बहुत तंग हैं या पर्याप्त समर्थन प्रदान नहीं करते हैं। कैलिपर्स को बिना किसी समस्या के ऑनलाइन ऑर्डर किया जा सकता है।

96 × 96 पिक्सेल

अंतिम लड़ाई। कैपकॉम, 1989

आएँ शुरू करें! आइए 96x96 पिक्सेल कैरेक्टर स्प्राइट से शुरुआत करें। उदाहरण के तौर पर, मैंने एक ऑर्क बनाया और इसे फ़ाइनल फाइट (ऊपर चित्र) के स्क्रीनशॉट पर रखा ताकि आप पैमाने को समझ सकें। यह большой अधिकांश रेट्रो गेम्स के लिए स्प्राइट, स्क्रीनशॉट का आकार: 384x224 पिक्सेल।

इतने बड़े स्प्राइट पर उस तकनीक को दिखाना आसान होगा जिसके बारे में मैं बात करना चाहता हूं। प्रति-पिक्सेल प्रतिपादन कला के पारंपरिक रूपों (जैसे ड्राइंग या पेंटिंग) के समान है जिससे आप अधिक परिचित हो सकते हैं। बुनियादी तकनीकों में महारत हासिल करने के बाद, हम छोटे स्प्राइट की ओर बढ़ेंगे।

1. एक पैलेट चुनें

किसी भी अन्य डिजिटल क्षेत्र की तुलना में पिक्सेल कला में पिक्सेल एक अधिक गहरी अवधारणा है। पिक्सेल कला को उसकी सीमाओं, जैसे रंगों, द्वारा परिभाषित किया जाता है। सही पैलेट चुनना महत्वपूर्ण है; यह आपकी शैली निर्धारित करने में मदद करेगा। लेकिन शुरुआत में, मेरा सुझाव है कि पैलेट्स के बारे में न सोचें और मौजूदा रंगों में से किसी एक (या बस कुछ यादृच्छिक रंग) को चुनें - आप इसे किसी भी स्तर पर आसानी से बदल सकते हैं।

इस ट्यूटोरियल के लिए मैं हमारे द्वारा बनाए गए 32 रंग पैलेट का उपयोग करूंगा यूएफओ एक्सएनयूएमएक्स. पिक्सेल कला के लिए इन्हें अक्सर 32 या 16 रंगों से इकट्ठा किया जाता है। हमारा डिज़ाइन एक काल्पनिक कंसोल के लिए किया गया है जो फैमिकॉम और पीसी इंजन के बीच कहीं दिखाई देगा। आप इसे या कोई अन्य ले सकते हैं - ट्यूटोरियल चयनित पैलेट पर बिल्कुल भी निर्भर नहीं करता है।

2. खुरदुरी रूपरेखा

आइए पेंसिल टूल का उपयोग करके चित्र बनाना शुरू करें। आइए उसी तरह एक रेखाचित्र बनाएं जैसे हम नियमित कलम और कागज से बनाते हैं। बेशक, पिक्सेल कला और पारंपरिक कला ओवरलैप होती है, खासकर जब बात इतने बड़े स्प्राइट की हो। मेरी टिप्पणियों से पता चलता है कि मजबूत पिक्सेल कला कलाकार कम से कम हाथ से चित्र बनाने में अच्छे हैं और इसके विपरीत। इसलिए अपने ड्राइंग कौशल को विकसित करना हमेशा उपयोगी होता है।

3. आकृति का विस्तार

हम आकृति को परिष्कृत करते हैं: अतिरिक्त पिक्सेल हटाते हैं और प्रत्येक पंक्ति की मोटाई को एक पिक्सेल तक कम करते हैं। लेकिन वास्तव में क्या अतिश्योक्तिपूर्ण माना जाता है? इस प्रश्न का उत्तर देने के लिए आपको पिक्सेल रेखाओं और अनियमितताओं को समझना होगा।

अनियमितताएं

आपको पिक्सेल कला में दो बुनियादी रेखाएँ बनाना सीखना होगा: सीधी और घुमावदार। कलम और कागज के साथ यह सब मांसपेशियों पर नियंत्रण के बारे में है, लेकिन हम रंग के छोटे ब्लॉकों के साथ काम कर रहे हैं।

सही पिक्सेल रेखाएँ खींचने की कुंजी गुड़ है। ये एकल पिक्सेल या छोटे खंड हैं जो लाइन की चिकनाई को नष्ट कर देते हैं। जैसा कि मैंने पहले कहा, एक एकल पिक्सेल पिक्सेल कला में बहुत बड़ा अंतर पैदा करता है, इसलिए असमानता संपूर्ण सौंदर्यशास्त्र को बर्बाद कर सकती है। कल्पना कीजिए कि आप कागज पर एक सीधी रेखा खींच रहे हैं और अचानक कोई मेज से टकराता है: पिक्सेल कला में उभार बिल्कुल एक यादृच्छिक स्क्विगल की तरह दिखते हैं।

Примеры:

प्रत्यक्ष

घटता

वक्रों में अनियमितता तब प्रकट होती है जब रेखाखंडों की लंबाई धीरे-धीरे बढ़ती या घटती नहीं है।

धक्कों से पूरी तरह बचना असंभव है - आपके सभी पसंदीदा रेट्रो गेम्स में ये मौजूद हैं (बशर्ते, निश्चित रूप से, पिक्सेल कला में केवल सरल आकृतियाँ शामिल न हों)। लक्ष्य: आवश्यक सभी चीजें दिखाते हुए असमानता को न्यूनतम रखें।

4. पहले रंग लगाएं

भरण या अन्य उपयुक्त उपकरण का उपयोग करके अपने चरित्र को रंग दें। पैलेट काम के इस हिस्से को सरल बना देगा। यदि सॉफ़्टवेयर पैलेट के उपयोग के लिए प्रदान नहीं करता है, तो आप इसे सीधे चित्र में रख सकते हैं, जैसा कि ऊपर दिए गए उदाहरण में है, और आईड्रॉपर का उपयोग करके रंगों का चयन कर सकते हैं।

निचले बाएँ कोने में मैंने हमारे मित्र का चित्र बनाया, मिलो, यह बॉल है। इससे यह समझना आसान हो जाएगा कि प्रत्येक चरण में वास्तव में क्या हो रहा है।

5. छायांकन

अब छाया प्रदर्शित करने का समय आ गया है - बस स्प्राइट में गहरे रंग जोड़ें। इससे छवि त्रि-आयामी दिखेगी। आइए मान लें कि हमारे पास ऑर्क के बाईं ओर ऊपर स्थित एक प्रकाश स्रोत है। इसका मतलब यह है कि हमारे चरित्र के ऊपर और सामने जो कुछ भी है वह प्रकाशित हो जाएगा। नीचे दाईं ओर छाया जोड़ें.

फॉर्म और वॉल्यूम

यदि यह चरण आपके लिए चुनौतीपूर्ण है, तो अपनी ड्राइंग को केवल रेखाओं और रंग के बजाय त्रि-आयामी आकृतियों के रूप में सोचें। आकृतियाँ त्रि-आयामी अंतरिक्ष में मौजूद होती हैं और उनमें आयतन हो सकता है, जिसे हम छाया की मदद से बनाते हैं। इससे आपको बिना विवरण के चरित्र की कल्पना करने में मदद मिलेगी और कल्पना होगी कि वह मिट्टी से बना है, पिक्सेल से नहीं। छायांकन केवल नए रंग जोड़ना नहीं है, यह एक आकृति बनाने की प्रक्रिया है। एक अच्छी तरह से डिज़ाइन किए गए चरित्र पर, विवरण अंतर्निहित आकृतियों को नहीं छिपाते हैं: यदि आप तिरछी नज़र से देखते हैं, तो आपको प्रकाश और छाया के कुछ बड़े समूह दिखाई देंगे।

एंटी-अलियासिंग (एंटी-अलियासिंग)

हर बार जब मैं नए रंग का उपयोग करता हूं, तो एंटी-अलियासिंग (एए) लगाता हूं। यह उन कोनों पर मध्यवर्ती रंग जोड़कर पिक्सेल को सुचारू बनाने में मदद करता है जहां दो रेखा खंड मिलते हैं:

ग्रे पिक्सेल लाइन में "ब्रेक" को नरम कर देते हैं। रेखा खंड जितना लंबा होगा, AA खंड उतना ही लंबा होगा।

किसी ऑर्क के कंधे पर AA ऐसा दिखता है। उसकी मांसपेशियों के वक्र को दर्शाने वाली रेखाओं को चिकना करने के लिए इसकी आवश्यकता होती है

एंटी-अलियासिंग को उस स्प्राइट से आगे नहीं बढ़ाया जाना चाहिए जिसका उपयोग गेम में या ऐसी पृष्ठभूमि पर किया जाएगा जिसका रंग अज्ञात है। उदाहरण के लिए, यदि आप हल्के बैकग्राउंड पर AA लगाते हैं, तो गहरे बैकग्राउंड पर एंटी-अलियासिंग बदसूरत दिखेगी।

6. चयनात्मक रूपरेखा

पहले, रूपरेखा पूरी तरह से काली थी, जिससे स्प्राइट बहुत कार्टून जैसा दिखता था। तस्वीर खंडों में बंटी हुई लग रही थी. उदाहरण के लिए, बांह पर काली रेखाएँ मांसलता में बहुत अधिक विपरीतता प्रदान करती हैं, जिससे चरित्र कम एकजुट दिखता है।

यदि स्प्राइट अधिक प्राकृतिक हो जाता है और विभाजन कम स्पष्ट हो जाता है, तो चरित्र की मूल आकृतियों को पढ़ना आसान हो जाएगा। ऐसा करने के लिए, आप एक चयनात्मक रूपरेखा का उपयोग कर सकते हैं - काली रूपरेखा को आंशिक रूप से हल्के से बदलें। स्प्राइट के प्रबुद्ध भाग पर, आप सबसे हल्के रंगों का उपयोग कर सकते हैं, या, जहां स्प्राइट नकारात्मक स्थान को छूता है, आप रूपरेखा को पूरी तरह से हटा सकते हैं। काले के बजाय, आपको उस रंग का उपयोग करने की आवश्यकता है जो छाया के लिए चुना गया था - इस तरह विभाजन संरक्षित किया जाएगा (मांसपेशियों, फर, और इसी तरह के बीच अंतर करने के लिए)।

मैंने इस स्तर पर गहरे रंग की छायाएँ भी जोड़ीं। परिणाम स्वरूप ऑर्क की त्वचा पर हरे रंग की तीन श्रेणियां पाई गईं। सबसे गहरे हरे रंग का उपयोग चयनात्मक रूपरेखा और एए के लिए किया जा सकता है।

7. अंतिम स्पर्श

अंत में, यह तब तक हाइलाइट्स (स्प्राइट पर सबसे हल्के धब्बे), विवरण (झुमके, स्टड, निशान) और अन्य सुधार जोड़ने के लायक है जब तक कि चरित्र तैयार न हो जाए या जब तक आपको अगले पर नहीं जाना पड़े।

ऐसी कई उपयोगी तकनीकें हैं जिन्हें इस स्तर पर लागू किया जा सकता है। ड्राइंग को क्षैतिज रूप से घुमाएँ, इससे अक्सर अनुपात और छायांकन में त्रुटियों की पहचान करने में मदद मिलती है। आप रंग भी हटा सकते हैं - यह समझने के लिए कि आपको छाया को कहां बदलने की आवश्यकता है, संतृप्ति को शून्य पर सेट करें।

शोर पैदा करना (डगमगाना, डगमगाना)

अब तक हम अधिकतर बड़े, ठोस छाया वाले क्षेत्रों का उपयोग करते रहे हैं। लेकिन एक और तकनीक है - डिथरिंग, जो आपको बिना तीसरा जोड़े एक रंग से दूसरे रंग में जाने की अनुमति देती है। नीचे दिए गए उदाहरण को देखें.

शीर्ष गहरे से हल्के रंग का ग्रेडिएंट नीले रंग के सैकड़ों विभिन्न रंगों का उपयोग करता है।

औसत ग्रेडिएंट केवल नौ रंगों का उपयोग करता है, लेकिन एक ही रंग के अभी भी बहुत सारे शेड हैं। एक तथाकथित बैंडिंग उत्पन्न होती है (अंग्रेजी बैंड - स्ट्राइप से), जिसमें, मोटी समान धारियों के कारण, आंख रंगों के बजाय रंगों के संपर्क के बिंदुओं पर ध्यान केंद्रित करती है।

निचले ग्रेडिएंट पर हमने डिथरिंग लागू किया, जो बैंडिंग से बचाता है और केवल दो रंगों का उपयोग करता है। हम रंग उन्नयन का अनुकरण करने के लिए अलग-अलग तीव्रता का शोर पैदा करते हैं। यह तकनीक मुद्रण में प्रयुक्त हाफ़टोन (हाफ़टोन छवि) के समान है; साथ ही स्टिपलिंग (दानेदार छवि) - चित्रण और कॉमिक्स में।

Orc पर, मैंने बनावट को व्यक्त करने में काफी कठिनाई की। कुछ पिक्सेल कलाकार इसका बिल्कुल भी उपयोग नहीं करते हैं, जबकि अन्य, इसके विपरीत, शर्मीले नहीं होते हैं और इसे बहुत कुशलता से करते हैं। मुझे लगता है कि डिथर एक ही रंग से भरे बड़े क्षेत्रों पर सबसे अच्छा दिखता है (ऊपर मेटल स्लग स्क्रीनशॉट में आकाश को देखें) या उन क्षेत्रों पर जो उबड़-खाबड़ और असमान (जैसे गंदगी) दिखना चाहिए। इसका उपयोग कैसे करना है यह स्वयं तय करें।

यदि आप बड़े पैमाने पर और उच्च-गुणवत्ता वाले डिथरिंग का उदाहरण देखना चाहते हैं, तो 80 के दशक के ब्रिटिश स्टूडियो द बिटमैप ब्रदर्स के गेम या पीसी-98 कंप्यूटर पर गेम देखें। बस यह ध्यान रखें कि वे सभी NSFW हैं।

काक्यूसी (पीसी-98)। एल्फ, 1996
इस छवि में केवल 16 रंग हैं!

8. आखिरी नजर

पिक्सेल कला का एक ख़तरा यह है कि यह आसान और सरल लगता है (इसकी संरचना और शैली सीमाओं के कारण)। लेकिन अंततः आप अपने स्प्राइट को परिष्कृत करने में बहुत अधिक समय खर्च करेंगे। यह एक पहेली की तरह है जिसे हल करने की आवश्यकता है - यही कारण है कि पिक्सेल कला पूर्णतावादियों को आकर्षित करती है। याद रखें कि एक स्प्राइट को बहुत अधिक समय नहीं लेना चाहिए - यह टुकड़ों के बेहद जटिल संग्रह का एक छोटा सा टुकड़ा है। यह महत्वपूर्ण है कि बड़ी तस्वीर को नजरअंदाज न किया जाए।

भले ही आपकी पिक्सेल कला गेमिंग के लिए नहीं है, कभी-कभी यह अपने आप से कहने लायक है, "यह पहले से ही काफी अच्छा है!" और आगे बढ़े। अपने कौशल को विकसित करने का सबसे अच्छा तरीका यह है कि जितना संभव हो उतने विषयों का उपयोग करते हुए, शुरू से अंत तक पूरी प्रक्रिया को जितनी बार संभव हो सके पूरा करें।

और कभी-कभी स्प्राइट को थोड़ी देर के लिए छोड़ना उपयोगी होता है ताकि आप थोड़ी देर बाद उसे नई आँखों से देख सकें।

32×32 पिक्सल

हमने पहले एक बड़ा 96x96 पिक्सेल स्प्राइट बनाया क्योंकि उस आकार में यह ड्राइंग या पेंटिंग जैसा है, लेकिन पिक्सेल के साथ। स्प्राइट जितना छोटा होगा, वह जो प्रदर्शित करना चाहता है उसके समान उतना ही कम होगा, और प्रत्येक पिक्सेल उतना ही अधिक महत्वपूर्ण होगा।

सुपर मारियो ब्रदर्स में मारियो की आँख केवल दो पिक्सेल की है, एक दूसरे के ऊपर। और उसका कान भी. चरित्र निर्माता शिगेरु मियामोतो ने कहा कि नाक को चेहरे के बाकी हिस्सों से अलग करने के लिए मूंछों की आवश्यकता थी। तो मारियो की मुख्य विशेषताओं में से एक सिर्फ एक चरित्र डिजाइन नहीं है, बल्कि एक व्यावहारिक चाल है। जो पुराने ज्ञान की पुष्टि करता है - "आवश्यकता आविष्कार की जननी है।"

32x32 पिक्सेल स्प्राइट बनाने के मुख्य चरण हम पहले से ही परिचित हैं: स्केच, रंग, छाया, और अधिक परिशोधन। लेकिन ऐसी स्थितियों में, प्रारंभिक रेखाचित्र के रूप में, मैं छोटे आकार के कारण रूपरेखा बनाने के बजाय रंगीन आकृतियों का चयन करता हूँ। किसी चरित्र को परिभाषित करने में रूपरेखा की तुलना में रंग अधिक महत्वपूर्ण भूमिका निभाता है। मारियो को फिर से देखो, उसकी कोई रूपरेखा ही नहीं है। यह सिर्फ मूंछें नहीं है जो दिलचस्प है। उसके साइडबर्न उसके कानों के आकार को परिभाषित करते हैं, उसकी आस्तीन उसकी बाहों को दिखाती है, और उसका समग्र आकार कमोबेश उसके पूरे शरीर को स्पष्ट रूप से रेखांकित करता है।

छोटे स्प्राइट बनाना एक निरंतर समझौता है। यदि आप एक स्ट्रोक जोड़ते हैं, तो आप छाया के लिए जगह खो सकते हैं। यदि आपके पात्र के हाथ और पैर स्पष्ट रूप से दिखाई देते हैं, तो सिर संभवतः बहुत बड़ा नहीं होना चाहिए। यदि आप रंग, चयनात्मक स्ट्रोक और एंटी-अलियासिंग का प्रभावी ढंग से उपयोग करते हैं, तो प्रस्तुत वस्तु वास्तव में जितनी बड़ी है उससे बड़ी दिखाई देगी।

छोटे स्प्राइट्स के लिए मुझे चबी शैली पसंद है: पात्र बहुत प्यारे लगते हैं, उनके बड़े सिर और आंखें हैं। सीमित स्थान में रंगीन चरित्र बनाने का एक शानदार तरीका, और कुल मिलाकर एक बहुत अच्छी शैली। लेकिन शायद आपको किसी पात्र की गतिशीलता या ताकत दिखाने की ज़रूरत है, तो आप शरीर को अधिक शक्तिशाली दिखाने के लिए सिर को कम जगह दे सकते हैं। यह सब आपकी प्राथमिकताओं और लक्ष्यों पर निर्भर करता है।

पूरी टीम इकट्ठी है!

फ़ाइल स्वरूप

यह परिणाम किसी भी पिक्सेल कलाकार को परेशान कर सकता है

आप जो चित्र देख रहे हैं वह चित्र को JPG में सहेजने का परिणाम है। फ़ाइल संपीड़न एल्गोरिदम के कारण कुछ डेटा खो गया था। उच्च-गुणवत्ता वाली पिक्सेल कला ख़राब दिखने लगेगी, और इसे उसके मूल पैलेट में लौटाना आसान नहीं होगा।

गुणवत्ता खोए बिना स्थिर छवि को सहेजने के लिए, पीएनजी प्रारूप का उपयोग करें। एनिमेशन के लिए - जीआईएफ।

पिक्सेल कला को ठीक से कैसे साझा करें

सामाजिक नेटवर्क पर पिक्सेल कला साझा करना फीडबैक प्राप्त करने और उसी शैली में काम करने वाले अन्य कलाकारों से मिलने का एक शानदार तरीका है। हैशटैग #पिक्सेलआर्ट का उपयोग करना न भूलें। दुर्भाग्य से, सोशल नेटवर्क अक्सर बिना पूछे पीएनजी को जेपीजी में बदल देते हैं, जिससे आपका अनुभव खराब हो जाता है। इसके अलावा, यह हमेशा स्पष्ट नहीं होता कि आपकी छवि क्यों परिवर्तित की गई।

विभिन्न सामाजिक नेटवर्क के लिए आवश्यक गुणवत्ता में पिक्सेल कला को कैसे सहेजा जाए, इस पर कई युक्तियाँ हैं।

ट्विटर

ट्विटर पर अपनी पीएनजी फ़ाइल को अपरिवर्तित रखने के लिए, 256 से कम रंगों का उपयोग करें सुनिश्चित करेंकि आपकी फ़ाइल सबसे लंबी तरफ 900 पिक्सेल से कम है। मैं फ़ाइल का आकार कम से कम 512x512 पिक्सेल तक बढ़ाऊंगा। और ताकि स्केलिंग 100 (200%, 250% नहीं) का गुणक हो और तेज किनारे संरक्षित रहें (फ़ोटोशॉप में निकटतम पड़ोसी)।

ट्विटर पोस्ट के लिए एनिमेटेड GIFs है वजन 15 एमबी से अधिक न हो। छवि कम से कम 800x800 पिक्सेल की होनी चाहिए, लूपिंग एनीमेशन को तीन बार दोहराया जाना चाहिए, और अंतिम फ्रेम अन्य सभी की तुलना में आधा लंबा होना चाहिए - सबसे लोकप्रिय सिद्धांत। हालाँकि, यह स्पष्ट नहीं है कि इन आवश्यकताओं को किस हद तक पूरा करने की आवश्यकता है, यह देखते हुए कि ट्विटर लगातार अपने छवि प्रदर्शन एल्गोरिदम को बदल रहा है।

इंस्टाग्राम

जहां तक ​​मुझे पता है, गुणवत्ता खोए बिना इंस्टाग्राम पर तस्वीर पोस्ट करना असंभव है। लेकिन अगर आप इसे कम से कम 512x512 पिक्सल तक बढ़ाएंगे तो यह निश्चित रूप से बेहतर दिखेगा।

स्रोत: www.habr.com