गेम एसेट के PNG आयाम बदले बिना बाहरी स्ट्रोक शामिल करने के लिए, निश्चित आकार वाले आर्टबोर्ड के भीतर स्ट्रोक के लिए जगह रखें। Mac पर Affinity में, पूरी आउटलाइन वाली कलाकृति को उस सीमा के भीतर रखें, फिर आवश्यक पिक्सेल आकार में नामित आर्टबोर्ड एक्सपोर्ट करें।

यह कार्यप्रवाह छोटे वेक्टर गेम एसेट, जैसे 32 × 32 px के ज्यामितीय आइकन, तैयार करने वाले व्यक्ति के लिए है। इसमें मौजूदा Affinity डेस्कटॉप सहायता केंद्र के नियंत्रणों का उपयोग किया गया है। Affinity Designer 2 में Export Persona नाम का अलग एक्सपोर्ट वर्कस्पेस है; मौजूदा Affinity दस्तावेज़ इसे Slice Studio कहते हैं। नीचे दिया गया मुख्य कार्यप्रवाह मौजूदा डेस्कटॉप Export संवाद का उपयोग करता है। मौजूदा Affinity एक्सपोर्ट दस्तावेज़, Designer 2 Export Persona दस्तावेज़।

बाहरी स्ट्रोक जोड़ते समय क्या अपरिवर्तित रखा जा सकता है?

संपादन से पहले तीन माप अलग रखें: आकार के आयाम, स्ट्रोक सहित दिखाई देने वाली कलाकृति, और एक्सपोर्ट की गई छवि के पिक्सेल आयाम। Affinity का Stroke पैनल स्ट्रोक को ऑब्जेक्ट के किनारे के केंद्र में, भीतर या बाहर रखता है। संरेखण के ये विकल्प तय करते हैं कि आउटलाइन कितनी जगह घेरेगी। Stroke पैनल।

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

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

आधिकारिक एक्सपोर्ट दस्तावेज़ों में एक्सपोर्ट क्षेत्र चुनने और आउटपुट की चौड़ाई तथा ऊँचाई बदलने का तरीका बताया गया है। इनमें ऐसा कोई विकल्प दर्ज नहीं है जो मूल कलाकृति का स्केल और निश्चित छवि सीमा दोनों बनाए रखते हुए सीमा से बाहर निकले बाहरी स्ट्रोक को शामिल करे। समर्थित तरीका है कि दिखाई देने वाली कलाकृति को चुने गए एक्सपोर्ट क्षेत्र के भीतर रखा जाए। Export संवाद, Export Settings।

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

32 × 32 px एक्सपोर्ट के भीतर बाहरी स्ट्रोक कैसे रखें?

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

इस वर्ग की दिखाई देने वाली चौड़ाई, आकार की चौड़ाई में हर तरफ एक स्ट्रोक चौड़ाई जोड़ने से मिलती है। इसलिए 32 px आउटपुट में आकार की चौड़ाई 32 − 2 − 2 = 28 px हो सकती है। ऊँचाई के लिए भी यही गणना 28 px देती है। आकार को बीच में रखने पर उसकी मूल सीमा और आर्टबोर्ड के प्रत्येक किनारे के बीच 2 px की जगह रहती है; बाहरी स्ट्रोक इसी जगह में आता है।

1. निश्चित आउटपुट क्षेत्र निर्धारित करें

Vector Studio में File > New चुनें। Document units को पिक्सेल पर सेट करें, Page width और Page height को 32 px पर रखें और Artboards चालू करें। यदि एसेट के चारों ओर पारदर्शी जगह चाहिए, तो Transparent background चालू करें। इस उदाहरण के लिए 72 DPI रखें, फिर Create Document पर क्लिक करें। Affinity की नई-दस्तावेज़ सहायता में इन नियंत्रणों का वर्णन है। नए दस्तावेज़ बनाना।

यदि आप किसी मौजूदा दस्तावेज़ में एक्सपोर्ट के लिए अलग आर्टबोर्ड जोड़ रहे हैं, तो Artboard Tool में नए आर्टबोर्ड के लिए W और H नियंत्रण मिलते हैं, फिर Insert Artboard चुनें। आर्टबोर्ड को चुनी हुई कलाकृति के आसपास आकार देने के बजाय आवश्यक पिक्सेल आयाम स्पष्ट रूप से दर्ज करें। Artboard Tool।

2. मूल आकार का माप तय करें और स्ट्रोक सेट करें

वर्ग बनाएँ या चुनें। Window > General > Transform खोलें और W: 28 px तथा H: 28 px दर्ज करें। पैनल में सटीक आयाम और रूपांतरणों के लिए एंकर पॉइंट उपलब्ध है। वर्ग को बीच में रखें, ताकि उसकी मूल सीमाएँ आर्टबोर्ड के भीतर 2 px पर हों। Transform पैनल।

Window > Vector > Stroke खोलें। ठोस स्ट्रोक चुनें, Width: 2 px दर्ज करें और Align Stroke Outside चुनें। इस सरल उदाहरण के लिए गोल जोड़ चुनें। Affinity के दस्तावेज़ Stroke पैनल में संरेखण, चौड़ाई और जोड़ के नियंत्रणों का वर्णन करते हैं। Stroke पैनल।

मौजूदा कलाकृति का आकार बदलते समय जाँचें कि उसका स्ट्रोक कैसे स्केल होता है। Scale with Object नियंत्रित करता है कि बंद आकार के साथ स्ट्रोक की चौड़ाई बदलेगी या नहीं। Transform पैनल में Scale Override भी है, जो स्ट्रोक की चौड़ाई सहित गुणों को स्केल करने के लिए बाध्य कर सकता है। आकार बदलने के बाद इच्छित 2 px चौड़ाई फिर से जाँचें; यह न मानें कि वह अपने आप वही रहेगी। स्ट्रोक स्केलिंग नियंत्रण, Transform Scale Override।

3. दिखाई देने वाले पूरे क्षेत्र की जाँच करें

अब 28 px का वर्ग और उसका बाहरी स्ट्रोक, हर दिशा में कुल 32 px जगह घेरता है। यह बताए गए उदाहरण की ज्यामितीय गणना है, एक्सपोर्ट के मापे गए परिणाम का दावा नहीं। यदि आप आउटलाइन के चारों ओर पारदर्शी मार्जिन चाहते हैं, तो उसके लिए भी जगह रखें: हर तरफ 1 px का मार्जिन रखने पर वर्ग का अधिकतम आकार 26 × 26 px रह जाता है।

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

आयाम बदले बिना आर्टबोर्ड कैसे एक्सपोर्ट करें?

File > Export > Export चुनें, फिर PNG प्रीसेट चुनें। Area को नामित आर्टबोर्ड पर सेट करें। Affinity इसे Selection Area से अलग मानता है, जिसमें ओवरलैप करती लेयरें शामिल होती हैं, और Selection Only से भी, जिसमें ओवरलैप करती लेकिन चयनित न की गई लेयरें शामिल नहीं होतीं। नामित आर्टबोर्ड चुनने से इच्छित एक्सपोर्ट क्षेत्र स्पष्ट हो जाता है। Export संवाद।

आउटपुट की चौड़ाई और ऊँचाई जाँचें: इस उदाहरण के लिए दोनों 32 px होनी चाहिए। Affinity वैकल्पिक आयामों की अनुमति देता है और Lock aspect ratio विकल्प भी देता है। जो कलाकृति अब भी आर्टबोर्ड से बाहर है, उसकी भरपाई करने के लिए आउटपुट आकार न बदलें; पहले आउटलाइन को सीमा के भीतर रखें। Export Settings।

सहेजने से पहले एक्सपोर्ट प्रीव्यू देखें। Mac पर ⌘1 से प्रीव्यू 100% पर दिखता है; ⌘2 से 200% पर। आउटलाइन के कटे हुए हिस्सों के लिए चारों किनारे जाँचें और पुष्टि करें कि पारदर्शी मार्जिन वैसा ही है जैसा आपने चाहा था। फिर Ask for Location चुनें, Export पर क्लिक करें, फ़ाइल का नाम दें, उसका स्थान चुनें और Save पर क्लिक करें। Export संवाद और Mac प्रीव्यू शॉर्टकट।

अंतिम जाँच के तौर पर, सहेजी गई PNG खोलें और उसके पिक्सेल आयाम तथा पूरी आकृति देखें। केवल सही चौड़ाई और ऊँचाई से यह साबित नहीं होता कि स्ट्रोक पूरी तरह समा गया है: कटी हुई छवि भी ठीक 32 × 32 px हो सकती है।

क्या स्लाइस से भी वही निश्चित आकार का परिणाम मिल सकता है?

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

निश्चित एक्सपोर्ट क्षेत्र के लिए Slice Studio में Slice Tool चुनें और तैयार कलाकृति के चारों ओर क्षेत्र खींचें। स्लाइस का सटीक आकार और स्थिति सेट करने के लिए सहायक Transform पैनल का उपयोग करें। स्लाइस के एक्सपोर्ट विकल्पों में PNG चुनें और आवश्यक स्लाइस एक्सपोर्ट करें। पूरी स्ट्रोक को स्लाइस के आयत के भीतर रखें, ठीक वैसे ही जैसे आर्टबोर्ड के भीतर रखते हैं। स्लाइस एक्सपोर्ट करना।

दिखाए गए एक्सपोर्ट रिज़ॉल्यूशन की जाँच करें; यह न मानें कि 1x का अर्थ हमेशा दस्तावेज़ के पिक्सेल आयाम ही होता है। Affinity स्लाइस स्केलिंग और दस्तावेज़ DPI के बीच संबंध बताता है: उसके 64 × 64 px उदाहरण में 72 DPI पर 1x से 64 × 64 px एक्सपोर्ट होता है, लेकिन 144 DPI पर 1x से 32 × 32 px एक्सपोर्ट होता है। यह आकार सेट करने का अलग मुद्दा है, स्ट्रोक की स्थिति का नहीं। स्लाइस के आयाम और DPI।

परिणाम अब भी गलत हो तो क्या बदलें?

लक्षण के आधार पर अगला संपादन चुनें:

  • PNG के आयाम सही हैं, लेकिन उसकी आउटलाइन कट गई है: कलाकृति को खिसकाएँ या छोटा करें, ताकि उसका पूरा स्ट्रोक आर्टबोर्ड या स्लाइस के भीतर आ जाए।
  • कलाकृति बदलने पर PNG के आयाम बदलते हैं: जाँचें कि आप चयन या अपने आप आकार लेने वाला ऑब्जेक्ट स्लाइस एक्सपोर्ट कर रहे हैं या नहीं। निश्चित सीमा के लिए नामित आर्टबोर्ड या सटीक आकार वाला हाथ से बनाया स्लाइस चुनें।
  • आकार बदलने के बाद आउटलाइन की मोटाई बदल जाती है: Scale with Object और Transform के Scale Override की जाँच करें, फिर इच्छित स्ट्रोक चौड़ाई दोबारा सेट करें।
  • आउटलाइन समा जाती है, लेकिन एसेट छोटा दिखाई देता है: जाँचें कि एक्सपोर्ट की चौड़ाई और ऊँचाई का उपयोग बड़ी रचना को लक्ष्य आकार में स्केल करने के लिए तो नहीं हुआ।
  • सिर्फ तीखे कोने कटते हैं: पूरी रचना का आकार बदलने से पहले जोड़ की शैली और माइटर के बाहर निकलने की जाँच करें।

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

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

स्रोत