छोटे आकारों में चार दिशाओं वाले पिक्सेल स्प्राइट्स को स्पष्ट रूप से समझने योग्य कैसे बनाएं
चार दिशाओं वाले पिक्सेल स्प्राइट को समझने योग्य बनाने के लिए, सामने, पीछे, बाएं और दाएं दृश्यों को उसी आकार में चार अलग-अलग आकारों के रूप में डिज़ाइन करें और जांचें, जिसे खिलाड़ी वास्तव में देखेंगे। प्रत्येक दृश्य के लिए एक समान बॉडी फ़ुटप्रिंट और एक स्पष्ट सिल्हूट के साथ शुरुआत करें, फिर आगे और पीछे के बीच अंतर करने के लिए कुछ मजबूत रंग ब्लॉकों और दिशा-विशिष्ट संकेतों का उपयोग करें। सूक्ष्म विवरण केवल तभी जोड़ें जब खेल के पैमाने पर देखे जाने पर भी दृश्य पहचानने योग्य बने रहें।
चित्र बनाने से पहले इन-गेम आकार चुनें
केवल पारंपरिक होने के कारण कैनवास चुनने के बजाय, स्प्राइट सेल को इच्छित गेम के अनुसार सेट करें। 16×16 सेल में आंतरिक विवरण के लिए बहुत कम जगह होती है; 32×32 सेल कपड़ों और एक्सेसरीज़ के लिए अधिक जगह देता है। ये उपयोगी शुरुआती बिंदु हैं, नियम नहीं: महत्वपूर्ण बाधा यह है कि कैरेक्टर के अपेक्षित ऑन-स्क्रीन आकार में कितने पिक्सेल दृश्यमान रहते हैं। Pinnguaq का एक ट्यूटोरियल 32×32 कैरेक्टर बनाने का प्रदर्शन करता है, जबकि आकार-दर-आकार कैरेक्टर गाइड 16×16 और 32×32 पर विभिन्न विवरण सीमाओं का वर्णन करता है। (Pinnguaq, “Pixel Power: Sprite Creation”; Pixnote, “How to Draw Pixel Art Characters”)
काम करते समय मूल पिक्सेल ग्रिड में चित्र बनाएं और इच्छित डिस्प्ले स्केल पर पूर्वावलोकन करें। यदि खेल स्प्राइट्स को बड़ा करता है, तो उसी स्केलिंग विधि से बढ़ी हुई छवि का निरीक्षण करें जिसका खेल उपयोग करेगा; यदि खेल उन्हें मूल रिज़ॉल्यूशन पर प्रदर्शित करता है, तो 100% पर निरीक्षण करें। ज़ूम-इन संपादक दृश्य पिक्सेल रखने में मदद करता है, लेकिन यह आपको यह नहीं बता सकता कि खेल में एक-पिक्सेल की एक्सेसरी टिक पाएगी या नहीं। गेम-स्प्राइट गाइड वास्तविक आकार में पठनीयता की जांच करने और उस पैमाने पर अस्पष्ट होने वाले विवरणों को हटाने की सिफारिश करता है। (Wayline, “Making a game-ready sprite”)
सभी चार दृश्यों के लिए एक साझा फ़ुटप्रिंट ब्लॉक करें
पोशाक के विवरण बनाने से पहले, प्रत्येक दिशा के लिए एक साधारण गाइड सेल बनाएं। जैसे-जैसे दृश्य बदलता है, कैरेक्टर की अनुमानित ऊंचाई, ज़मीन से संपर्क और द्रव्यमान के केंद्र को एक समान रखें। रूपरेखा स्वाभाविक रूप से भिन्न होगी: साइड दृश्य सामने के दृश्य की तुलना में संकरा होता है, और पीछे का दृश्य उन विशेषताओं को छिपा सकता है जो सामने से दिखाई देती हैं। लेकिन कैरेक्टर को केवल इसलिए कूदता या सिकुड़ता हुआ नहीं दिखना चाहिए क्योंकि खिलाड़ी मुड़ता है।
इसे स्थापित करने का एक व्यावहारिक तरीका प्रत्येक सेल में एक केंद्र रेखा और एक ज़मीन की रेखा खींचना है, फिर उन गाइडों के सापेक्ष सिर, धड़ और पैरों का एक मोटा ब्लॉक रखना है। साथ-साथ रखे गए चार ब्लॉक्ड आकारों की तुलना करें। उनके सेल आयामों को स्थिर मानें, भले ही कलाकृति शरीर के चारों ओर पारदर्शी जगह छोड़ती हो; इससे पोज़ की तुलना करना और बाद में उन्हें पंक्तियों में व्यवस्थित करना आसान हो जाता है। Aseprite का स्प्राइट दस्तावेज़ छवि को एक पिक्सेल आकार और अवधियों के साथ एनीमेशन फ्रेम के रूप में वर्णित करता है, जो काम करने वाले एसेट के स्पष्ट भागों के रूप में आयामों और फ़्रेमों को मानने का समर्थन करता है। (Aseprite documentation, “Sprite structure”)
प्रत्येक सिल्हूट से एक अलग दृश्य संप्रेषित करें
प्रत्येक ब्लॉक्ड कैरेक्टर आकार को एक सपाट रंग से भरें और चारों दृश्यों का एक साथ निरीक्षण करें। पूछें: कौन सा सिरा सिर है? क्या मैं सामने के दृश्य और पीछे के दृश्य में अंतर बता सकता हूँ? क्या प्रोफ़ाइल एक संकीर्ण सामने के दृश्य के बजाय एक साइड दृश्य के रूप में दिखाई देती है? यदि उत्तर आंख के पिक्सेल या कपड़ों के हाइलाइट पर निर्भर करता है, तो पहले बड़े आकारों को संशोधित करें। सिल्हूट-प्रथम वर्कफ़्लो भी वह क्रम है जिसकी सिफारिश Wayline और Pixnote के गेम-स्प्राइट मार्गदर्शन में की गई है। (Wayline, “Making a game-ready sprite”; Pixnote, “How to Draw Pixel Art Characters”)
दिशा को स्पष्ट करने के लिए एक या दो बड़े, दृश्य-विशिष्ट संकेतों का उपयोग करें। उदाहरण के लिए, सामने का दृश्य चेहरा या छाती का निशान दिखा सकता है, पीछे का दृश्य हुड की सिलाई या बैकपैक दिखा सकता है, और साइड दृश्य नाक, पोनीटेल या ले जाई जा रही वस्तु को दिखा सकते हैं। उन संकेतों को इतना बड़ा रखें कि वे लक्षित पैमाने पर टिक सकें। टोपी का किनारा या कंधे की एक्सेसरी जैसा एक विशिष्ट रूपरेखा आकार, कई आंतरिक पिक्सेल की तुलना में अधिक मदद कर सकता है क्योंकि यह सिल्हूट में दृश्यमान रहता है।
शरीर के अंगों को अलग करने वाले रंग ब्लॉक जोड़ें
एक बार जब प्रत्येक दिशा एक आकार के रूप में दिखाई देने लगे, तो सबसे बड़े आंतरिक क्षेत्रों को जोड़ें: सिर या बाल, धड़, हाथ और पैर। ऐसे मान चुनें जो आस-पास के क्षेत्रों को अलग रखें। एक स्प्राइट एक छोटे पैलेट का उपयोग कर सकता है, लेकिन लगभग समान चमक साझा करने वाले दो आसन्न भाग तब विलीन हो सकते हैं जब स्प्राइट को संक्षेप में या किसी व्यस्त दृश्य के सामने देखा जाता है। कई संभावित पृष्ठभूमि रंगों पर स्प्राइट की जांच करें; Pinnguaq का ट्यूटोरियल विशेष रूप से कंट्रास्ट का आकलन करने की सलाह देता है क्योंकि स्प्राइट्स कई पृष्ठभूमियों पर दिखाई दे सकते हैं। (Pinnguaq, “Pixel Power: Sprite Creation”)
दिशाओं में प्रकाश और छाया के पैटर्न को एक समान रखें जब तक कि जानबूझकर दृश्य परिवर्तन के लिए अन्यथा आवश्यक न हो। जब कैरेक्टर मुड़ता है तो अचानक साइड बदलने वाली छाया कपड़ों को एक अलग सामग्री जैसा दिखा सकती है या शरीर का आकार बदला हुआ लग सकता है। रंग कोडिंग को भी उपयोगी बनाए रखें: एक विशिष्ट दुपट्टा, बालों का रंग, या बेल्ट पीछे और साइड से देखने पर एक पूर्वानुमेय स्थान पर रहना चाहिए। भागों को अलग करने के लिए केवल रंग (ह्यू) पर निर्भर न रहें; जांचें कि क्या चमक या रूपरेखा में अंतर भी अलगाव को बनाए रखता है।
तय करें कि साइड व्यू को कब मिरर करना है
दाएं तरफ वाले दृश्य को बनाने के लिए बाएं तरफ वाले स्प्राइट को मिरर करने से ड्राइंग का समय बच सकता है जब कैरेक्टर और उपकरण सममित (सिमेट्रिकल) हों। यह तब अनुपयुक्त होता है जब मिररिंग किसी महत्वपूर्ण विषमता को उलट देती है, जैसे कि एक तरफा बैग, बैज, बालों की मांग, हथियार, या प्रकाश-उन्मुख विवरण। मिरर किए गए परिणाम को अपनाने से पहले डिज़ाइन के साथ तुलना करें। यदि कैरेक्टर की पहचान विषमता पर निर्भर करती है, तो दोनों दृश्यों को अलग-अलग बनाएं और समायोजित करें।
सममित डिज़ाइनों को भी मिरर करने के बाद छोटे सुधारों की आवश्यकता हो सकती है। एक तरफ संतुलित दिखने वाले पिक्सेल क्लस्टर विपरीत दिशा में अजीब लग सकते हैं, विशेष रूप से चेहरे, पैरों, या बाहर निकली हुई एक्सेसरी के आसपास। मिररिंग को एक शुरुआती बिंदु के रूप में लें, फिर लक्षित आकार पर दोनों प्रोफाइल का निरीक्षण करें और जहां सिल्हूट या दूरी असमान लगे, वहां पिक्सेल बदलें। यह एक व्यावहारिक डिज़ाइन सिफारिश है: स्रोत सिल्हूट और स्केल जांच का समर्थन करते हैं, जबकि विषमता कब मायने रखती है इसका निर्णय कैरेक्टर और गेम पर निर्भर करता है।
चार दृश्यों की पठनीयता जांच चलाएं
चारों निष्क्रिय (आइडल) दृश्यों को एक सादे मध्यम-मान वाली पृष्ठभूमि पर मूल गेम स्केल पर एक साथ रखें, फिर प्रतिनिधि हल्के और गहरे दृश्यों के सामने दोहराएं। पहले उनके ठोस सिल्हूट की तुलना करें। इसके बाद ज़ूम इन किए बिना रंगीन स्प्राइट्स की तुलना करें। अंत में, खिलाड़ी के मुड़ने के क्रम में उनके बीच नज़र डालें: सामने, साइड, पीछे, साइड। यह संपर्क-शीट जांच एक समय में एक बड़े स्प्राइट का निरीक्षण करने की तुलना में बेमेल ऊंचाई, अस्पष्ट दिशा, या गायब होने वाली एक्सेसरी को पहचानना आसान बनाती है।
जब कोई दृश्य अस्पष्ट लगे तो इस संक्षिप्त नैदानिक का उपयोग करें:
- यदि आगे और पीछे एक जैसे दिखते हैं, तो चेहरा, बाल, हुड, या पीछे की वस्तु जैसे दृश्य-विशिष्ट संकेत को बड़ा या सरल बनाएं।
- यदि कोई प्रोफ़ाइल एक धब्बे की तरह दिखती है, तो सिर, धड़ और ले जाई जा रही वस्तु को स्पष्ट समोच्च (कंटूर) या मान के अंतर के साथ अलग करें।
- यदि कपड़े पृष्ठभूमि में विलीन हो जाते हैं, तो बाहरी रंग ब्लॉकों की रूपरेखा या चमक को समायोजित करें।
- यदि मुड़ने से कैरेक्टर ऊपर-नीचे होता हुआ प्रतीत होता है, तो विभिन्न दिशाओं में ज़मीन-संपर्क पंक्ति और शरीर के स्थान की तुलना करें।
- यदि कोई विवरण केवल बड़ा करने पर ही दिखाई देता है, तो उसे हटा दें या उसे बड़े आकार से बदलें।
ये जांच पास-या-फ़ेल नियमों के बजाय नैदानिक हैं। एक डिज़ाइन जानबूझकर पीछे के दृश्य को सामने की तुलना में सरल रख सकता है; फिर भी इसे अपने इच्छित उपयोग के लिए दिशा और पहचान को समझने योग्य बनाने की आवश्यकता है। यदि स्प्राइट को बाद में एनिमेट किया जाएगा, तो समान आकार के सेल का उपयोग करें और गति जोड़ने से पहले विश्राम पोज़ की तुलना करें। Aseprite स्प्राइट संरचना के हिस्से के रूप में फ़्रेम और अवधियों का दस्तावेजीकरण करता है, और Pixnote की स्प्राइट-शीट गाइड फ़्रेम को समान आकार में रखने और पैरों को एक पंक्ति में संरेखित करने का वर्णन करती है। (Aseprite documentation, “Sprite structure”; Pixnote, “How to Draw Pixel Art Characters”)
सबसे छोटे उपयोगी विवरण के साथ समाप्त करें
बारीक निशान केवल तभी जोड़ें जब सिल्हूट, दिशा संकेत और मुख्य रंग क्षेत्र सभी चार दृश्यों में काम करते हों। प्रत्येक विवरण के लिए, पूछें कि क्या यह कैरेक्टर को पहचानने, दिशा पढ़ने, या दो भागों को अलग करने में मदद करता है। यदि यह गेम स्केल पर इनमें से कुछ भी नहीं करता है, तो यह स्प्राइट के पाठक की मदद किए बिना पिक्सेल की खपत कर रहा है। गेम-स्प्राइट मार्गदर्शन इसी प्रकार छोटे विवरणों को अंत में जोड़ने और केवल उन्हीं को रखने की सिफारिश करता है जो वास्तविक आकार में टिके रहते हैं। (Wayline, “Making a game-ready sprite”)
एक उपयोगी समापन बिंदु चार स्प्राइट्स हैं जो एक स्थिर ऊंचाई और ज़मीन की स्थिति साझा करते हैं, जिनमें अलग-अलग आगे, पीछे और प्रोफ़ाइल सिल्हूट होते हैं, और प्रत्येक प्रासंगिक दृश्य पर अपनी मुख्य पहचान विशेषता बनाए रखते हैं। प्रोजेक्ट में एक अंतिम अगल-बगल का पूर्वावलोकन रखें ताकि बाद के संपादनों को उसी पैमाने और पृष्ठभूमियों के विरुद्ध जांचा जा सके। वह सरल तुलना संशोधनों को एक ठोस प्रश्न में बदल देती है: क्या इस पिक्सेल ने दिशा या कैरेक्टर को अधिक स्पष्ट बनाया?