पिक्सेल आर्ट को स्पष्ट रखने के लिए, PNG को उसके मूल पिक्सेल आयामों में निर्यात करें या Nearest Neighbor री-सैंपलिंग से उसे पूर्णांक गुणक तक बड़ा करें। सहेजने से पहले निर्यात पूर्वावलोकन जाँचें; स्केलिंग से आर्टवर्क में पहले से धुँधले हो चुके किनारे ठीक नहीं किए जा सकते।

यह प्रक्रिया Mac पर मौजूदा Affinity डेस्कटॉप ऐप में एक स्थिर पिक्सेल-आर्ट छवि के लिए है। मेनू पथ मौजूदा Affinity सहायता केंद्र के अनुसार हैं। इसका उद्देश्य एक स्वतंत्र छवि फ़ाइल बनाते समय जानबूझकर बनाए गए चौकोर पिक्सेल सुरक्षित रखना है।

मौजूदा डेस्कटॉप नियंत्रणों से स्पष्ट PNG निर्यात करें

एक तैयार छवि से शुरू करें, जिसके अलग-अलग पिक्सेल पहले से सही दिखते हों। निर्यात करने से पहले अपना संपादन योग्य Affinity दस्तावेज़ सहेजें, ताकि भविष्य में बदलाव के लिए स्रोत आपके पास रहे।

  1. File > Export > Export चुनें।
  2. बाईं ओर PNG preset चुनें।
  3. Area में वह सामग्री चुनें जो आप चाहते हैं। एक साधारण एक-पृष्ठ छवि के लिए Whole document चुनें; एक आर्टबोर्ड के लिए उसका नाम चुनें।
  4. Lock aspect ratio चालू रखते हुए Size को मूल पिक्सेल आयामों या गणना किए हुए बड़े आकार पर सेट करें।
  5. Resample को Nearest Neighbor पर सेट करें।
  6. पूर्वावलोकन देखें, फिर Ask for Location चुनें, Export पर क्लिक करें, फ़ाइल का नाम दें और Save पर क्लिक करें। परिणाम तुरंत ढूँढ़ने के लिए Show in Finder चालू कर सकते हैं। इन नियंत्रणों और सहेजने के क्रम का दस्तावेज़ीकरण Affinity के Export dialog और Export Settings में है।

Affinity स्पष्ट किनारों वाली छवियों के लिए Nearest Neighbor की अनुशंसा करता है। इसकी री-सैंपलिंग पसंद तब लागू होती है, जब निर्यात के दौरान छवि के आयाम बढ़ाए या घटाए जाते हैं। मूल आयाम बनाए रखने पर निर्यात आकार में बदलाव नहीं होता; बड़ा करने के लिए यह चुनना पड़ता है कि नए पिक्सेल कैसे बनाए जाएँ। Affinity Export Settings

आकार का आकलन करने से पहले निर्यात क्षेत्र चुनें। Selection Area में एक-दूसरे पर चढ़ी हुई, चयन से बाहर की परतें भी शामिल होती हैं; Selection Only उन्हें शामिल नहीं करता। गलत क्षेत्र चुनने से आर्टवर्क के आसपास दिखाई देने वाली सामग्री बदल सकती है, भले ही री-सैंपलिंग का विकल्प सही हो। Affinity Export dialog

ऐसा बड़ा आकार चुनें जो पिक्सेल ब्लॉकों को बराबर रखे

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

32-बाई-24-पिक्सेल टाइल के उदाहरण के लिए, आउटपुट की गणना चौड़ाई × गुणक और ऊँचाई × गुणक से करें:

अपेक्षित परिणाम निर्यात आयाम गणना का अर्थ
मूल आकार 32 × 24 px कोई विस्तार नहीं
2× विस्तार 64 × 48 px हर स्रोत पिक्सेल 2 × 2 ब्लॉक बन जाता है
3× विस्तार 96 × 72 px हर स्रोत पिक्सेल 3 × 3 ब्लॉक बन जाता है
4× विस्तार 128 × 96 px हर स्रोत पिक्सेल 4 × 4 ब्लॉक बन जाता है
भिन्नात्मक 2.5× विस्तार 80 × 60 px बराबर पूर्ण-पिक्सेल ब्लॉक बनाना संभव नहीं

ये गणना के उदाहरण हैं, मापे गए निर्यात परिणाम नहीं। इस उदाहरण में, नियमित ब्लॉकों वाला बड़ा संस्करण चाहिए तो Nearest Neighbor के साथ 128 बाई 96 पिक्सेल चुनें। 80-बाई-60 निर्यात में किनारे स्पष्ट रह सकते हैं, लेकिन कुछ स्रोत स्तंभों या पंक्तियों में आउटपुट पिक्सेल की संख्या अलग-अलग होगी।

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

केवल DPI बदलने से स्क्रीन पर छवि बड़ी नहीं होगी

Affinity प्रिंट स्केलिंग और री-सैंपलिंग में अंतर करता है। Resample बंद रखकर DPI बदलने से प्रिंट-रिज़ॉल्यूशन का मेटाडेटा बदलता है, जबकि पिक्सेल आयाम वैसे ही रहते हैं। इसलिए इससे 32-बाई-24-पिक्सेल की छवि बड़ी स्क्रीन एसेट नहीं बनती। Affinity: Changing image size

यदि आगे ड्रॉ करने से पहले कार्य-दस्तावेज़ को वास्तव में बड़ा करना है, तो Document > Setup > Resize > Document इस्तेमाल करें। Resample चालू करें, पिक्सेल इकाइयाँ चुनें, अनुपात जुड़े रखते हुए नए आयाम दर्ज करें, Nearest Neighbor चुनें और Resize पर क्लिक करें। Affinity इस तरीके को स्पष्ट किनारों वाली छवियों और पिक्सेल काम के लिए उपयुक्त बताता है। केवल बड़ी डिलीवरी फ़ाइल चाहिए तो निर्यात के आयाम बदलना पर्याप्त है। Affinity: Changing image size

ऐसा फ़ॉर्मैट चुनें जो इच्छित रंगों को न बदले

इस काम के लिए PNG एक व्यावहारिक डिफ़ॉल्ट है, क्योंकि यह फ़ॉर्मैट दोषरहित रास्टर संग्रहण और वैकल्पिक पारदर्शिता का समर्थन करता है। दोषरहित संपीड़न एन्कोड किए जा रहे छवि डेटा को सुरक्षित रखता है; एन्कोडिंग से पहले किए गए री-सैंपलिंग या रंग परिवर्तनों को यह उलटता नहीं है। W3C PNG Specification, Third Edition

फ़ॉर्मैट बदलने या फ़ाइल का आकार घटाने से पहले इन दस्तावेज़ीकृत सीमाओं को देखें:

फ़ॉर्मैट या विकल्प संबंधित सीमा
PNG पैलेट मैपिंग वैकल्पिक है। जब आप छवि को पैलेट तक सीमित नहीं करना चाहते, तो Palettized बंद रखें।
GIF पैलेट मैपिंग बंद नहीं की जा सकती।
PDF, SVG, EPS Rasterize: Nothing असमर्थित तत्वों को छोड़ देता है; यह उन्हें अपने-आप सुरक्षित नहीं रखता।
सहेजी गई Affinity परतों वाला TIFF उन परतों को केवल Affinity में पढ़ा जा सकता है।

ये सीमाएँ Affinity Export Settings में सूचीबद्ध हैं। एक तैयार पिक्सेल छवि के लिए PNG से शुरू करें और पहले निर्यात में पैलेट घटाने का विकल्प न चुनें।

किसी अलग डिलीवरी आवश्यकता के लिए वेक्टर फ़ॉर्मैट उपयोगी हो सकता है, लेकिन SVG चुनने से आपकी तैयार छवि के लिए निश्चित पिक्सेल ग्रिड अपने-आप तय नहीं होता। इस काम के लिए स्पष्ट आयामों वाला PNG अपेक्षित आउटपुट ग्रिड को साफ़ तौर पर बताता है। निर्यात की गई छवि को अपना कार्यशील मास्टर मानने के बजाय संपादन योग्य Affinity दस्तावेज़ अलग से रखें।

निर्यात आकार की कोई चेतावनी भी पढ़ें। Affinity बताता है कि यदि छवि चुने गए फ़ॉर्मैट के अधिकतम आयामों से बड़ी है, तो उसे फिट करने के लिए स्केल किया जाएगा। यह अपने-आप किया गया बदलाव आपके सावधानीपूर्वक गणना किए गुणक को अमान्य कर सकता है; आगे बढ़ने से पहले माँगा गया आकार सोच-समझकर घटाएँ। Affinity Export Settings

समझें कि Pixel Art Document का आकार बदलना वास्तव में क्या करता है

Affinity में Pixel Art Document नाम का एक कमांड भी है, लेकिन इसका दस्तावेज़ीकृत उद्देश्य साधारण ब्लॉक विस्तार से अलग है। Document > Setup > Resize > Pixel Art Document चुनकर HQX या XBR और 2×, 3× या 4× गुणक इस्तेमाल किए जा सकते हैं। Affinity: Pixel art resizing

Affinity के अनुसार XBR अधिक चिकने परिणाम देता है और HQX अधिक तीखे, लेकिन बारीक किनारों के आसपास अधिक खुरदुरे होते हैं। इसका उदाहरण दिखाता है कि XBR बड़े किए गए किनारों को निखारता है। जब आप रूपरेखा की ऐसी पुनर्व्याख्या चाहते हैं, तब ये फ़िल्टर उपयुक्त हैं। मूल सीढ़ीनुमा पैटर्न को चौकोर ब्लॉकों के रूप में सुरक्षित रखने के लिए ऊपर बताए गए Nearest Neighbor निर्यात तरीके का इस्तेमाल करें। यह चुनाव फ़िल्टरों के दस्तावेज़ीकृत उद्देश्यों पर आधारित है। Affinity: Pixel art resizing

और निर्यात सेटिंग बदलने से पहले धुँधलेपन का कारण पता करें

छवि में अनचाहा बदलाव कहाँ आया, यह जानने के लिए नीचे दिया क्रम अपनाएँ। एक बार में एक ही सेटिंग की तुलना करें, ताकि परिणाम से कुछ उपयोगी पता चले।

निर्यात को ज्ञात आवर्धन पर देखें

Mac पर निर्यात पूर्वावलोकन में, 100% के लिए Command–1, 200% के लिए Command–2, 400% के लिए Command–3, या 800% के लिए Command–4 दबाएँ। अलग-अलग किनारे के पिक्सेल देखने के लिए बड़े दृश्य इस्तेमाल करें, फिर निर्यात की गई छवि को उसके मूल आकार में देखने के लिए 100% पर लौटें। Affinity इन शॉर्टकट का दस्तावेज़ीकरण विशेष रूप से अपने निर्यात पूर्वावलोकन के लिए करता है। Affinity Export dialog

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

जब आर्टवर्क में वेक्टर आकार हों, तो संरेखण जाँचें

वेक्टर से बने पिक्सेल ग्राफ़िक्स के लिए Affinity का Force Pixel Alignment ऑब्जेक्ट, नोड, हैंडल और पिक्सेल चयन क्षेत्रों को बनाते, खिसकाते या संशोधित करते समय पूरे पिक्सेल पर स्नैप करता है। समर्पित सहायता पृष्ठ में डेस्कटॉप का पथ View > Snapping, फिर Force Pixel Alignment दिया गया है। यह चेतावनी भी दी गई है कि ऑफ-पिक्सेल ऑब्जेक्ट या गाइड पर स्नैप करने से परिणाम भी ऑफ-पिक्सेल हो सकता है। Affinity: Force Pixel Alignment

यह न मानें कि Move By Whole Pixels किसी मौजूदा भिन्नात्मक स्थिति को ठीक कर देता है। Affinity बताता है कि यह ऑब्जेक्ट के आंशिक पिक्सेलों को सुरक्षित रखता है, जबकि खिसकाने की दूरी पूरे पिक्सेलों में सीमित करता है। उदाहरण के लिए, X = 5.5 से 10 पिक्सेल खिसकाने पर स्थिति X = 15.5 होगी। संरेखण ठीक करते समय, Force Pixel Alignment चालू रखते हुए यह विकल्प बंद करें और प्रतिस्पर्धी स्नैपिंग लक्ष्य जाँचें। Affinity: Force Pixel Alignment

संरेखण से इच्छित ग्रिड तय करने में मदद मिलती है; यह रास्टर परत में पहले से रंगे हुए धुँधले रंगों को नहीं हटाता। अंतिम निर्यात से पहले उन्हें स्रोत में ठीक करें।

अगले निर्यात के लिए सत्यापित सेटिंग सहेजें

सफल निर्यात जाँचने के बाद सेटिंग को प्रीसेट के रूप में सहेजें। Export dialog में शुरुआती प्रीसेट बदलें, Preferences पर क्लिक करें, Create Preset चुनें, वर्णनात्मक नाम दर्ज करें और OK पर क्लिक करें। Affinity यह प्रीसेट Export dialog, Quick Export और Slice Studio में उपलब्ध कराता है। Affinity Export dialog

अगले निर्यातों के लिए, ऊपर दाईं ओर नीचे वाले तीर से Quick Export खोलें, विकल्प चुनें और Export पर क्लिक करें। इसके प्रीसेट में फ़ॉर्मैट, आकार और री-सैंपलिंग विधियाँ शामिल हो सकती हैं, इसलिए हर छवि के लिए आवश्यक आयामों के अनुसार चुने गए प्रीसेट को जाँचें। Affinity: Quick Export

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

स्रोत