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

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

पृष्ठभूमि

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

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


धातु स्लग 3 (आर्केड)। एसएनके, 2000

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

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

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

मुलायम

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

पेंट (मुक्त)

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

पिस्केल (मुक्त)

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

ग्राफिग्सले (मुक्त)

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

Aseprite ($)

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

गेममेकर स्टूडियो 2 ($ + +)

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

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

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

अन्य

पिक्सेल कला के लिए मेरा सेट। सब कुछ काला है, बस ध्यान दिया।

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

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

कलाई का समर्थन ($)

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

96 × 96 पिक्सेल

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

चलो शुरू हो जाओ! चलो एक चरित्र के साथ शुरू करें 96 × 96 पिक्सेल। उदाहरण के लिए, मैंने एक orc आकर्षित किया और इसे फ़ाइनल फाइट (ऊपर चित्र) से स्क्रीनशॉट पर रखा ताकि आप पैमाने को समझ सकें। यह सबसे रेट्रो गेम के लिए एक बड़ा स्प्राइट है, स्क्रीनशॉट का आकार: 384 × 224 पिक्सेल।

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

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

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

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

2. रफ कंट्रो

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

3. सर्किट डिजाइन

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

अनियमितताओं

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

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

उदाहरण:


प्रत्यक्ष


घटता है

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

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

4. पहले रंगों को लागू करें

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

निचले बाएं कोने में मैंने अपने दोस्त को चित्रित किया, परिचित हो गया, यह गेंद है। उसके साथ यह समझना आसान होगा कि प्रत्येक चरण में वास्तव में क्या होता है।

5. छायांकन

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

आकृति और आयतन

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

चिकनाई (एंटी-एलियासिंग, एंटी-एलियासिंग)

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



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


इसलिए AA, orc के कंधे को देखता है। उसकी मांसपेशियों को मोड़ने वाली रेखाओं को सुचारू करने के लिए उसकी जरूरत होती है।

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

6. चयनात्मक सर्किट

इससे पहले, रूपरेखा पूरी तरह से काले थे, यही वजह है कि स्प्राइट बहुत कार्टोनी लग रहा था। चित्र ऐसा था मानो खंडों में विभाजित हो। उदाहरण के लिए, बांह पर काली रेखाएं मांसपेशियों के विपरीत होती हैं, और चरित्र कम ठोस दिखता है।

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

इस बिंदु पर भी मैंने गहरे रंग की छाया जोड़ी। यह orc की त्वचा पर हरे रंग के तीन ग्रेडेशन निकला। गहरे हरे रंग का रंग चयनात्मक समोच्च और एए के लिए इस्तेमाल किया जा सकता है।

7. फाइनल टच

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

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

शोर सृजन (dithering, dithering)

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



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

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

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

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

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


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

8. अंतिम रूप

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

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

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

32 × 32 पिक्सेल

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



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

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

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

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


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

फ़ाइल प्रारूप

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

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

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

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

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

विभिन्न सामाजिक नेटवर्क के लिए पिक्सेल कला को सही गुणवत्ता में कैसे रखा जाए, इसके कुछ सुझाव दिए गए हैं।

चहचहाना

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

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

इंस्टाग्राम

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