Mac पर Affinity स्प्राइट-शीट एक्सपोर्ट में अतिरिक्त पंक्ति या स्तंभ ठीक करने के लिए, एक्सपोर्ट आयत की स्थिति, माप और आउटपुट स्केल जाँचें। पहले से व्यवस्थित शीट के लिए सटीक माप वाला स्लाइस इस्तेमाल करें, फिर आर्टवर्क बदलने से पहले एक्सपोर्ट की गई PNG जाँचें।

यह गाइड Affinity के मौजूदा डेस्कटॉप इंटरफ़ेस और उसके Slice Studio के बारे में है। इसका उद्देश्य मौजूदा स्प्राइट ग्रिड को उसके निर्धारित पिक्सेल माप में एक्सपोर्ट करना है। Affinity की मौजूदा मदद में कस्टम एक्सपोर्ट आयतों और अलग-अलग स्लाइस आउटपुट का दस्तावेज़ीकरण है; नीचे दिए गए चरण इन्हीं नियंत्रणों का इस्तेमाल करते हैं।

पता लगाएँ कि अतिरिक्त पिक्सेल फ़ाइल के माप बदलता है या नहीं

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

अपेक्षित माप की एक सरल गणना करें। उदाहरण के लिए, यदि एक क्षैतिज पंक्ति में 64 × 64 फ़्रेम के चार फ़्रेम हों और कोई मार्जिन या अंतराल न हो, तो लक्ष्य माप 256 × 64 पिक्सेल है। 256 × 65 एक्सपोर्ट के माप में गड़बड़ी है। 256 × 64 एक्सपोर्ट में नीचे की ओर अनचाही रंगीन पंक्ति हो, तो माप सही है, लेकिन उसकी सामग्री या स्थिति की जाँच करनी होगी।

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

Affinity में बनाए गए स्लाइस और लेयर से बनाए गए स्लाइस अलग-अलग होते हैं। बनाया गया स्लाइस अपने आयत के भीतर की सभी दिखने वाली लेयर शामिल करता है; लेयर से बना स्लाइस केवल अपनी स्रोत लेयर की सामग्री शामिल करता है। पास की कोई वस्तु या बैकग्राउंड एक्सपोर्ट की गई शीट में दिखे, तो यह अंतर मायने रखता है। देखें Slice Studio का इस्तेमाल करके एक्सपोर्ट करना।

पिक्सेल की स्थिति के साथ-साथ चौड़ाई और ऊँचाई भी जाँचें

पूर्णांक चौड़ाई से यह साबित नहीं होता कि आयत पिक्सेल की सीमा से शुरू होता है। ज्यामितीय उदाहरण में, X = 10.5 से शुरू होने वाला 256 पिक्सेल चौड़ा आयत X = 266.5 पर समाप्त होता है। दोनों किनारे पिक्सेल की सीमाओं के बीच आते हैं। इससे पता चलता है कि केवल चौड़ाई जाँचने से संरेखण की समस्या छूट सकती है; यह Affinity के रास्टराइज़ेशन फ़ॉर्मूले के बारे में कोई दावा नहीं है।

Mac पर संख्यात्मक जानकारी देखने के लिए Window > General > Transform खोलें। इस पैनल में X, Y, W, और H, साथ ही एक एंकर-पॉइंट चयनकर्ता होता है। आयताकार एक्सपोर्ट क्षेत्र की ऊपर-बाईं स्थिति जाँचते समय ऊपर-बायाँ एंकर चुनें। माप मौजूदा रूलर इकाइयों में होते हैं और रूलर के मूल बिंदु के सापेक्ष होते हैं। इन नियंत्रणों का दस्तावेज़ीकरण Transform पैनल में है।

ज़रूरत हो, तो View > Show > Rulers से रूलर दिखाएँ, फिर उनके प्रतिच्छेद पर Control-क्लिक करके पिक्सेल चुनें। यदि आपने पहले रूलर का मूल बिंदु बदला है, तो निर्देशांक जाँचने से पहले उसे रीसेट करने के लिए प्रतिच्छेद पर डबल-क्लिक करें। Affinity इन दोनों कार्रवाइयों का दस्तावेज़ीकरण Rulers में करता है।

सभी स्प्राइट आर्टवर्क चुनकर हर मान को पूर्णांक में बदलने के बजाय, एक्सपोर्ट सीमा की स्थिति और माप देखें। चार फ़्रेम वाली उदाहरण शीट के लिए निर्धारित आयत X = 0, Y = 0, W = 256, H = 64 हो सकता है। आपकी मौजूदा शीट कहीं और से शुरू हो सकती है; वही स्थिति लें जो वास्तव में उसके फ़्रेम ग्रिड को समेटती हो।

यदि संख्यात्मक डिस्प्ले में छोटे दशमलव अंश नहीं दिखते, तो Transform की मदद में दशमलव स्थान समायोजित करने के लिए Settings > User Interface बताया गया है। जाँच करते समय दिखाई देने वाली सटीकता बढ़ाएँ। केवल संख्याओं को साफ़-सुथरा दिखाने के लिए आर्टवर्क के माप न बदलें: आकार बदलने से फ़्रेम की सामग्री बदल सकती है।

सही पिक्सेल-संरेखण सेटिंग इस्तेमाल करें

View > Snapping खोलें और Force Pixel Alignment चालू करें। Affinity के दस्तावेज़ के अनुसार, वस्तुएँ बनाते, खिसकाते या संशोधित करते समय यह वेक्टर वस्तुओं, नोड, हैंडल और पिक्सेल चयन क्षेत्रों को पूर्ण पिक्सेल पर स्नैप करता है। Affinity यह चेतावनी भी देता है कि पिक्सेल से हटकर स्थित वस्तु, गाइड या ग्रिड पर स्नैप करने से परिणाम भी पिक्सेल से हटकर हो सकता है, इसलिए सुधार करते समय टकराव पैदा करने वाले स्नैपिंग मोड अस्थायी रूप से बंद करें। देखें Force Pixel Alignment।

पहले से मौजूद दशमलव स्थिति सुधारते समय Move By Whole Pixels बंद रखें। यह विकल्प खिसकाने की दूरी पर पाबंदी लगाता है और वस्तु का दशमलव ऑफ़सेट बनाए रख सकता है। उदाहरण के लिए, X = 10.5 में 10 जोड़ने पर X = 20.5 होता है। Affinity इसी पिक्सेल-संरेखण दस्तावेज़ में इस व्यवहार और Force Pixel Alignment के बीच स्पष्ट अंतर बताता है।

संपादन के दौरान स्नैपिंग को सहायक की तरह इस्तेमाल करें। संबंधित सीमा को खिसकाने या समायोजित करने के बाद उसके संख्यात्मक मान फिर जाँचें। केवल स्नैपिंग विकल्प चालू करने से यह सुनिश्चित नहीं होता कि हर मौजूदा वस्तु ठीक हो गई है।

व्यवस्थित शीट को एक सटीक स्लाइस से एक्सपोर्ट करें

मौजूदा शीट के लिए, कस्टम बनाया गया स्लाइस एक्सपोर्ट किए गए आयत को नियंत्रित करने का एक दस्तावेज़ीकृत तरीका देता है। इससे उसके माप स्प्राइट समूह के बदलते विस्तार पर निर्भर नहीं रहते। Affinity सटीक स्लाइस स्थिति और माप के लिए Slice Studio में Transform पैनल इस्तेमाल करने की विशेष रूप से सिफ़ारिश करता है। देखें स्लाइस एक्सपोर्ट करना।

  1. Studio Manager खोलें, ज़रूरत हो तो Slice Studio प्रविष्टि चालू करें और उस पर जाएँ। Studio प्रविष्टियाँ चालू करने का तरीका Studios को कस्टमाइज़ करना में दर्ज है।
  2. Slice Tool चुनें और पहले से व्यवस्थित शीट के चारों ओर एक आयत खींचें। यह टूल Slice Studio में डिफ़ॉल्ट रूप से उपलब्ध है; इसका शॉर्टकट S है। देखें Slice Tool।
  3. बनाए गए स्लाइस को चुनकर Transform में उसका निर्धारित स्थान, चौड़ाई और ऊँचाई सेट करें। उदाहरण वाली शीट के लिए W = 256 px और H = 64 px रखें और उसे चारों फ़्रेम के ऊपर रखें।
  4. Window > General > Slices खोलें, स्लाइस प्रविष्टि को फैलाएँ और उसका फ़ाइल फ़ॉर्मैट PNG चुनें। उसका आकार स्केलिंग और दिखाई देने वाला आउटपुट रिज़ॉल्यूशन जाँचें।
  5. उस आकार के एक्सपोर्ट नियंत्रण से ज़रूरी आकार एक्सपोर्ट करें, या केवल निर्धारित स्लाइस को चेक करके Export Slices इस्तेमाल करें। गंतव्य फ़ोल्डर चुनें और Export पर क्लिक करें।

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

एक्सपोर्ट से पहले आयत के भीतर की दिखने वाली लेयर जाँचें। बनाया गया स्लाइस उनकी सामग्री शामिल करता है। यदि आप किसी समूह या लेयर से स्लाइस बनाते हैं, तो उसकी शुरुआती सीमाएँ उस आइटम के विस्तार के अनुसार होती हैं और आउटपुट में केवल उसी स्रोत आइटम की सामग्री होती है। Slice Studio का इस्तेमाल करके एक्सपोर्ट करना में बताए अनुसार, शीट के उद्देश्य से मेल खाने वाला स्लाइस प्रकार इस्तेमाल करें।

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

यह मानने से पहले DPI जाँचें कि 1x का अर्थ अपेक्षित पिक्सेल हैं

Affinity, दस्तावेज़ के DPI और Slice Studio के 1x, 2x तथा 3x आकारों के बीच संबंध बताता है। उसके उदाहरण में 72 या 96 DPI वाले 64 × 64 px दस्तावेज़ को 1x पर 64 × 64 में एक्सपोर्ट किया जाता है। 144 DPI पर, दस्तावेज़ीकृत 1x आउटपुट 32 × 32 है और 2x पर 64 × 64 मिलता है। Slice Studio का इस्तेमाल करके एक्सपोर्ट करना में दी गई तालिका देखें।

स्लाइस पर दिखाया गया रिज़ॉल्यूशन और बनी हुई फ़ाइल के माप जाँचें। यदि स्केलिंग से अंतर समझ आता है, तो फ़्रेम के माप बदलने से पहले एक्सपोर्ट सेटअप समायोजित करें। एक्सपोर्ट स्केल सेटिंग की भरपाई के लिए शीट की ज्यामिति बदलने से स्रोत को बनाए रखना कठिन हो जाता है।

यदि शीट पहले से एक आर्टबोर्ड भरती है, तो Export डायलॉग इस्तेमाल करें

यदि पूरी शीट एक आर्टबोर्ड पर है, तो आप File > Export > Export चुन सकते हैं, PNG प्रीसेट चुन सकते हैं और Area को उस नाम वाले आर्टबोर्ड पर सेट कर सकते हैं। प्रीव्यू और आउटपुट माप जाँचें, Ask for Location चुनें, फिर एक्सपोर्ट करके सेव करें। बाद में गंतव्य देखने के लिए Show in Finder इस्तेमाल किया जा सकता है। ये Mac के मौजूदा चरण Export dialog में दिए गए हैं।

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

Export डायलॉग में वैकल्पिक आउटपुट चौड़ाई और ऊँचाई, तथा आस्पेक्ट अनुपात लॉक करने का विकल्प भी है। निर्धारित माप जाँचने के लिए इन फ़ील्ड का इस्तेमाल करें। पहले सुधार के तौर पर 256 × 65 को 256 × 64 करने के लिए मजबूर न करें: आउटपुट माप बदलने से मूल सीमा ठीक होने के बजाय इमेज का री-सैंपलिंग हो सकता है। Affinity इन आकार और री-सैंपलिंग नियंत्रणों का वर्णन Export Settings में करता है।

फ़ॉर्मैट और एक्सपोर्ट की सीमाओं का ध्यान रखें

शीट में पारदर्शिता की ज़रूरत हो, तो PNG उपयुक्त है; Affinity Supported file formats में PNG पारदर्शिता के समर्थन का स्पष्ट उल्लेख करता है। यदि आप जानबूझकर कड़े किनारों वाले पिक्सेल आर्टवर्क को बड़ा करते हैं, तो Affinity कड़े किनारों वाली इमेज के लिए Nearest Neighbor को री-सैंपलिंग विकल्प बताता है। यह स्केलिंग का विकल्प है, गलत स्थिति वाले एक्सपोर्ट आयत का सुधार नहीं। देखें Export Settings।

जहाँ उपलब्ध हो, Include bleed भी जाँचें। Affinity PNG के लिए इस विकल्प का दस्तावेज़ीकरण करता है और बताता है कि इसे चालू करने पर दस्तावेज़ का कॉन्फ़िगर किया गया ब्लीड क्षेत्र शामिल होता है। अपेक्षित आउटपुट ठीक स्प्राइट-ग्रिड आयत हो, तो इसे बंद रखें। इसी दस्तावेज़ में चेतावनी दी गई है कि किसी फ़ॉर्मैट के अधिकतम माप से बड़ा एक्सपोर्ट फ़िट होने के लिए स्केल किया जाएगा और Export डायलॉग में चेतावनी दिखाई जाएगी। देखें Export Settings।

दस्तावेज़ीकृत स्लाइस वर्कफ़्लो परिभाषित क्षेत्रों को एक्सपोर्ट करता है; इसमें अपने-आप फ़्रेम पैक करने, ऐनिमेशन टाइमिंग या सामान्य स्प्राइट-एटलस मेटाडेटा के निर्देश नहीं हैं। खास तौर पर, Batch builder का दस्तावेज़ीकरण केवल Apple आइकन स्लाइस से Xcode JSON बैच बनाने के लिए है। इस काम के लिए समर्थित तरीका है कि फ़्रेम खुद व्यवस्थित करके उनके साझा आयत को एक्सपोर्ट करें; एटलस जनरेटर की तरह Batch builder का इस्तेमाल न करें। देखें Slices panel।

कुछ और बदलने से पहले सुधारी गई PNG जाँचें

नए एक्सपोर्ट को अलग से खोलकर तीन बातें पक्की करें: उसका सटीक पिक्सेल माप, सबसे बाहरी पंक्तियाँ और स्तंभ, तथा फ़्रेम की सीमाएँ। उदाहरण वाली 256 × 64 शीट में, फ़्रेम के बीच के ऊर्ध्वाधर विभाजन बाएँ किनारे से 64, 128 और 192 पिक्सेल पर होने चाहिए। ये मान बताए गए चार-फ़्रेम लेआउट से सीधे निकलते हैं।

यदि फ़ाइल का आकार अब सही है, लेकिन अनचाहा पिक्सेल फिर भी मौजूद है, तो उस स्थान पर स्रोत की दिखने वाली सामग्री जाँचें। यदि फ़ाइल अब भी एक पिक्सेल बड़ी है, तो चुना गया स्लाइस, उसके X/Y/W/H मान, आउटपुट स्केलिंग और ब्लीड सेटिंग फिर जाँचें। इस क्रम से आर्टवर्क को बार-बार आकार दिए बिना सीमा की समस्या और सामग्री की समस्या अलग-अलग पहचानी जा सकती है।

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

स्रोत