SVG को TGS के लिए तैयार करें: व्यावहारिक चेकलिस्ट

जाँचें कि फ़ाइल में वास्तव में क्या है

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

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

मूल फ़ाइल और एक्सपोर्ट की कॉपी अलग रखें

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

एक्सपोर्ट की कॉपी से अनुपयोगी ऑब्जेक्ट हटाएँ; उन्हें दूसरी आकृतियों के पीछे छिपाना पर्याप्त नहीं है। जिन तत्वों को स्वतंत्र रूप से हिलना है, उन्हें अलग रखें, लेकिन एक ही दिखाई देने वाली आकृति को दर्जनों छोटे टुकड़ों में बाँटने से बचें। व्यवस्थित तत्वों से यह समझना आसान होता है कि आप किन हिस्सों को एनिमेट कर रहे हैं।

ऐसे दृश्य इफ़ेक्ट बदलें जो कन्वर्ज़न में बिगड़ सकते हैं

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

दिखावट बचाने के लिए पूरे डिज़ाइन को एक रास्टर चित्र में न बदलें। इससे SVG का प्रीव्यू सही दिख सकता है, लेकिन TGS के लिए आवश्यक वेक्टर संरचना समाप्त हो जाती है।

• अंतिम टेक्स्ट को पाथ में बदलें।
• अंदर जोड़े गए रास्टर चित्रों की जगह वेक्टर डिज़ाइन इस्तेमाल करें।
• ज़रूरी इफ़ेक्ट को सरल आकृतियों से दोबारा बनाएँ।
• तुलना के लिए इच्छित दिखावट का स्क्रीनशॉट रखें।

नियोजित गति के लिए जगह छोड़ें

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

ऐसे चौकोर चिह्न की कल्पना करें जो अपने केंद्र के चारों ओर घूमता है। घुमाव के बीच में उसके कोने बाहर की ओर अधिक फैलते हैं, जबकि सीधी स्थिति में ऐसा नहीं होता। डिज़ाइन का आकार छोटा करें या हल्की गति चुनें; केवल कैनवस का लेबल बदलने से वास्तविक आकृतियाँ अपनी जगह नहीं बदलतीं।

जटिलता जोड़ने से पहले साधारण एक्सपोर्ट से तुलना करें

कन्वर्टर में अपनी SVG चुनें और Telegram से लॉगिन पूरा करें। SVG चुनते समय जाँच के लिए उसकी एक कॉपी सेवा को भेजी जाती है। पहले स्थिर डिज़ाइन या हल्के प्रीसेट से शुरू करें और प्रीव्यू की तुलना अपने संदर्भ चित्र से करें। विस्तृत गति पर समय लगाने से पहले अक्षर, अंदर की खाली जगह, रंग और पारदर्शी हिस्से जाँचें।

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