किसी छोटे जानवर के स्प्राइट के लिए सीमित पैलेट कैसे चुनें

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

पिक्सेल-आर्ट से जुड़ी एक विशेषज्ञ गाइड के अनुसार, 16×16 कैरेक्टर के लिए आउटलाइन सहित लगभग 4–8 रंग और 32×32 कैरेक्टर के लिए 8–16 रंग रखने का सुझाव दिया जाता है। इन्हें व्यावहारिक शुरुआती बिंदु मानें: एक ही मटीरियल वाले जानवर को इससे कम रंगों की ज़रूरत हो सकती है, जबकि कई तरह के मटीरियल या बेहद महत्वपूर्ण निशानों के लिए अधिक रंगों की आवश्यकता हो सकती है। असली पैमाना यह है कि क्या हर रंग एक साफ़ अंतर पैदा कर रहा है या नहीं। Tsubu की पिक्सेल-आर्ट पैलेट गाइड

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

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

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

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

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

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

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

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

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

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

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

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

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

• Pixel art color palettes: how to choose colors that read, then test them on a sprite — https://tsubu.art/blog/pixel-art-color-palettes

• Palette ramps in pixel art: how to build colour ramps — https://pixor.art/learn/palette-ramps/

• Hue shifting in pixel art: warmer lights, cooler shadows — https://pixor.art/learn/hue-shifting/

• Pixelblog - 1 - Color Palettes — https://www.slynyrd.com/blog/2018/1/10/pixelblog-1-color-palettes

• Aseprite: Color Mode — https://www.aseprite.org/docs/color-mode/