हाथ से बने कैरेक्टर के व्यक्तित्व को पिक्सेल आर्ट में कैसे उतारें

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

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

यह तय करें कि कैरेक्टर अपने इच्छित उपयोग में कितना बड़ा दिखाई देगा। जो कैनवस किसी एडिटर में बहुत बड़ा दिखता है, साइज़ छोटा होने पर चेहरे, अंगों या मुख्य पहचान के लिए बहुत कम पिक्सेल छोड़ सकता है। Adafruit गाइड दिखाती है कि कैनवस के अलग-अलग साइज़ और पैलेट की सीमाएं स्प्राइट निर्माण को कैसे प्रभावित करती हैं; इसमें 16×16 और 32×32 के उदाहरण दिए गए हैं, और यह भी दर्शाया गया है कि सही साइज़ इस बात पर निर्भर करता है कि उसका उपयोग कहां होना है। Adafruit की MakeCode Arcade पिक्सेल-आर्ट गाइड

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

कैरेक्टर की बाहरी रूपरेखा को एक ही ठोस (सॉलिड) रंग से भरें। इस चरण में, आकार को अंदरूनी रेखाओं या रंग के बिना ही कैरेक्टर की मुख्य मुद्रा और कम से कम कुछ हद तक उसकी पहचान को स्पष्ट करना चाहिए। सिलुएट स्प्राइट और उसके बैकग्राउंड के बीच की बाहरी सीमा होती है; पिक्सेल-आर्ट ट्यूटोरियल इसे स्पष्टता (रीडेबिलिटी) का प्राथमिक स्रोत मानते हैं। आउटलाइन और सिलुएट पर Pixor की गाइड

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

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

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

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

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

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

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

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

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

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

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

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

• Adafruit Industries, MakeCode Arcade Pixel Art Sprites

• Pixor, पिक्सेल आर्ट में आउटलाइन्स: सिलुएट, आंतरिक रेखाएं और क्रीज़