LottieFiles ने एक तेज़, स्केलेबल, पोस्ट-रेंडर संपादन योग्य फ़ाइल प्रकार बनाया है, और आपके लिए इस प्रारूप में शामिल होना और एनिमेशन बनाना आसान है। Adobe After Effects और कुछ प्लगइन्स का उपयोग करके, आप नवीनतम फ़ाइल प्रकार प्रचार का हिस्सा बन सकते हैं: Lottie।
एक लोटी क्या है?
एक Lottie, या dotLottie, एक फ़ाइल प्रकार है जो वेब डेवलपर्स को तूफान से ले जा रहा है। आपने अपने डिज़ाइन में शामिल करने के लिए एनिमेशन बनाए होंगे, चाहे वे सोशल मीडिया, वेब डिज़ाइन, या UX और UI डिज़ाइन के लिए हों। और आप शायद अपने एनिमेशन को जीआईएफ, एसवीजी, या पीएनजी फाइलों के रूप में सहेजते हैं। एक Lottie फ़ाइल उन फ़ाइल प्रकारों के सभी अच्छे हिस्से हैं, लेकिन रेंडरिंग के बाद छोटे, तेज़ और संपादित करने में आसान हैं।
LottieFiles, Lottie या JSON प्रारूपों में सहेजे गए प्रीमियर एनिमेशन का एक विशाल डेटाबेस है। ये एनिमेशन रीयल-टाइम में प्रस्तुत करते हैं, जिससे आपके डिज़ाइनों में तेज़ी से शिपिंग की अनुमति मिलती है। इन फ़ाइलों के डाउनलोड होने का कोई इंतज़ार नहीं है; पेज खुलते ही वे दिखाई देंगे।
LottieFiles के बारे में अधिक जानने के लिए, हमारे देखें Lottie का परिचय.
शुरू करना
हम इसका उपयोग करके एक लोटी बनाने जा रहे हैं एडोब के प्रभाव, लेकिन अन्य सॉफ़्टवेयर हैं जिनका उपयोग आप अपना Lottie एनिमेशन बनाने के लिए कर सकते हैं। Lottie बनाने के लिए आप Adobe Animate का उपयोग LottieFiles प्लगइन के साथ कर सकते हैं। यदि आप पहले से ही इस प्रारूप में एक एनीमेशन बना चुके हैं तो आप एक एसवीजी प्रारूप एनीमेशन को एक लोटी में परिवर्तित कर सकते हैं।
प्रभाव के बाद हमारी शीर्ष पसंद है, हालांकि, LottieFiles को मूल रूप से प्रभाव के बाद उपयोग करने के लिए बनाया गया था। आएँ शुरू करें।
1. अपना एनिमेशन बनाएं
आपके Lottie का एनिमेटिंग पहलू किसी भी अन्य प्रारूप के समान है। हमने Adobe Illustrator का उपयोग करके अपने एनीमेशन का चित्रण बनाया है। यह परतों को अलग रखता है और आफ्टर इफेक्ट्स में आयात करने के लिए तैयार रहता है। एक बार जब आपका चित्रण आयात हो जाता है, तो आप अंतिम एनीमेशन के लिए अपनी रचना की परतों को अनुकूलित कर सकते हैं।
Lottie एनिमेशन एक सतत लूप पर चलते हैं, इसलिए अपने डिज़ाइन के अंत और प्रारंभ बिंदुओं पर विचार करें। एनीमेशन सरल और लगभग तीन सेकंड लंबा होना चाहिए।
2. प्लगइन्स डाउनलोड करें
Lottie फ़ाइल बनाने के लिए आप दो प्लगइन्स का उपयोग कर सकते हैं: LottieFiles प्लगइन या बॉडीमोविन प्लगइन। दोनों आफ्टर इफेक्ट्स के लिए उपलब्ध हैं, लेकिन LottieFiles प्लगइन अन्य सॉफ्टवेयर में भी पाया जा सकता है। वे प्रत्येक थोड़ा अलग काम करते हैं, लेकिन हम अभी LottieFiles प्लगइन पर ध्यान केंद्रित करने जा रहे हैं।
LottieFiles प्लगइन डाउनलोड करने के लिए, यहां जाएं LottieFiles After Effects प्लगइन पेज. आपको दो डाउनलोड विकल्प मिलेंगे।
दाईं ओर के विकल्प की आवश्यकता है a अनास्तासिया से विस्तार प्रबंधक जो मैक और विंडोज दोनों के साथ काम करता है। एक बार जब आप एक्सटेंशन मैनेजर डाउनलोड कर लेते हैं, तो LottieFiles पेज से ZXP प्लगइन डाउनलोड करें।
ZXP प्लगइन डाउनलोड होने के बाद, अनास्तासी एक्सटेंशन मैनेजर खोलें, क्लिक करें प्रभाव के बाद, सूची से LottieFiles प्लगइन चुनें, और हिट करें इंस्टॉल।
LottieFiles प्लगइन पेज पर वापस, Adobe Exchange प्लगइन भी डाउनलोड करें; अपना क्रिएटिव क्लाउड डेस्कटॉप ऐप खोलें और प्लगइन इंस्टॉल करें। अपने समाप्त पर लौटें आफ्टर इफेक्ट्स में एनिमेशन.
इन प्लगइन्स का उपयोग करते समय कुछ लोगों को अनुमति त्रुटि होती है। इस समस्या से बचने के लिए यहां जाएं प्रभाव के बाद > पसंद > स्क्रिप्टिंग और एक्सप्रेशन > एप्लिकेशन स्क्रिप्टिंग और के लिए बॉक्स पर टिक करें स्क्रिप्ट को फ़ाइलें लिखने और नेटवर्क एक्सेस करने की अनुमति दें.
एक बार यह हो जाने के बाद, LottieFiles के लिए पॉपअप आपको लॉग इन करने के लिए कहेगा। यदि आपके पास पहले से LottieFiles खाता नहीं है, तो अब इसे बनाने का समय आ गया है।
3. अपनी लॉटरी निर्यात करें
LottieFiles प्लगइन्स स्थापित होने के साथ, आप अपने Lottie एनीमेशन को प्रस्तुत कर सकते हैं। अपनी समाप्त एनीमेशन रचना पर, क्लिक करें खिड़की > एक्सटेंशन > Lottieफ़ाइलें. यह आपकी रचनाओं के नाम के साथ एक पॉपअप लाएगा। दबाएं हरा तीर आपकी रचना के नाम के आगे, यह लोटी रेंडर विंडो लाएगा।
कुछ सेकंड के बाद, पॉपअप विंडो में आपका एनिमेशन दिखाई देगा। एनिमेशन लूप पर रीयल-टाइम में चलेगा। यहां, आप अपने एनिमेशन को सहेजना चुन सकते हैं या अपने एनिमेशन को LottieFiles लाइब्रेरी में अपलोड कर सकते हैं।
क्लिक करना के रूप रक्षित करें आपको दो निर्यात विकल्प देगा: Lottie JSON (*.json) या dotLottie (*.lottie)। dotLottie फ़ाइल एक ज़िप्ड फ़ाइल है जिसमें मेटाडेटा शामिल होता है, जिसे हमें निर्यात करने के लिए वास्तव में आवश्यकता नहीं होती है। हम लोटी JSON के साथ गए।
आपकी निर्यात की गई फ़ाइल एक टेक्स्ट फ़ाइल होगी, दृश्य एनिमेशन फ़ाइल नहीं; इस प्रकार JSON फ़ाइलें काम करती हैं। लेकिन क्या होगा अगर आप चाहते हैं कि एनीमेशन जाने के लिए तैयार हो? आइए देखें कि आप इसे कैसे एक्सेस कर सकते हैं।
आप अपने लोटी एनिमेशन का उपयोग कैसे कर सकते हैं?
अपनी Lottie को LottieFiles लाइब्रेरी में अपलोड करने के लिए, क्लिक करें डालना. यह कुछ सेकंड के लिए रेंडर करेगा। फिर, उस पर ग्लोब वाले बटन पर क्लिक करें। यह LottieFiles वेबसाइट को खोलता है जहाँ आप अपनी Lottie एनिमेशन को LottieFiles लाइब्रेरी में सबमिट कर सकते हैं। अपनी फ़ाइल को नाम दें और हिट करें सौंपना.
एक बार जब आपका एनीमेशन LottieFiles लाइब्रेरी में स्वीकृत हो जाता है, तो आप अपने एनीमेशन को अपने डिज़ाइन में भेजने के लिए Adobe XD, Figma, या Sketch जैसे सॉफ़्टवेयर में LottieFiles प्लगइन का उपयोग कर सकते हैं।
अपने LottieFiles एनीमेशन को सीधे प्लगइन लाइब्रेरी में उपयोग करने के अन्य तरीके हैं। आप ब्राउज़र में विंडो से अपने Lottie एनिमेशन को और संपादित कर सकते हैं। यह एक बुनियादी परत पैनल प्रदान करता है; आप बैकग्राउंड कलर, प्लेबैक स्पीड, फ्रेम रेट और कुछ और चीजें बदल सकते हैं।
Handoff विंडो से, आप अपने एनिमेशन को a. के रूप में डाउनलोड कर सकते हैं वेब विकास में कार्यान्वयन के लिए JSON फ़ाइल और डिजाइन, या आप इसे अधिक पारंपरिक उपयोगों के लिए जीआईएफ में परिवर्तित कर सकते हैं। आप अपने एनीमेशन को HTML एम्बेड कोड के साथ भी एम्बेड कर सकते हैं, और आईओएस और एंड्रॉइड विकल्प भी हैं, ताकि आप एनीमेशन को अपने वेब डिज़ाइन में भेज सकें।
Lottie HTML को एम्बेड करने से आप अपने एनिमेशन को संपादित करने के लिए कोड को संपादित कर सकते हैं। जब आप इसे अपनी वेबसाइट में जोड़ते हैं तो आप कोड में ही रंग और आकार बदल सकते हैं।
अपने फोन पर LottieFiles ऐप डाउनलोड करने से आप ऐप में एनीमेशन का पूर्वावलोकन करने के लिए एनीमेशन के क्यूआर कोड को स्कैन कर सकते हैं। आप LottieFiles कीबोर्ड का भी उपयोग कर सकते हैं और कुछ पोस्ट में अपनी dotLottie को एक टिप्पणी के रूप में छोड़ सकते हैं।
आफ्टर इफेक्ट्स में एक लॉटरी बनाएं
हालांकि यह अभी भी एक अपरंपरागत फ़ाइल प्रकार की तरह लग सकता है, क्योंकि आप केवल अपने एनीमेशन को सीधे सोशल मीडिया पर अपलोड नहीं कर सकते हैं जैसे कि आप एक जीआईएफ या पीएनजी के साथ कर सकते हैं, लोटी वेब डेवलपर्स और डिजाइनरों के लिए कई लाभों के साथ आता है जो अपने में प्लगइन्स या एम्बेड कोड का उपयोग करते हैं डिजाइन।
Lottie और JSON फ़ाइलें स्थान और लोडिंग समय बचाती हैं, और पारंपरिक फ़ाइल प्रकारों की तुलना में गुणवत्ता बनाए रखती हैं। LottieFiles लगातार डिजाइनों को लागू करने के नए तरीके बनाते हैं, संभावनाएं अनंत हैं।
Procreate में मोशन एनिमेशन बनाना आसान है, और यह लेख आपको दिखाएगा कि यह कैसे करना है।
आगे पढ़िए
- रचनात्मक
- कंप्यूटर एनीमेशन
- एडोब
- फ़ाइल रूपांतरण
रूबी MUO की क्रिएटिव श्रेणी में एक लेखिका हैं, जो डिज़ाइन सॉफ़्टवेयर के बारे में लिखने पर ध्यान केंद्रित करती हैं। एक डिजाइनर, इलस्ट्रेटर और फोटोग्राफर के रूप में काम करने के बाद, रूबी ने ग्राफिक कम्युनिकेशन में बीए और क्रिएटिव राइटिंग के साथ अंग्रेजी में एमए भी किया है।
हमारे न्यूज़लेटर की सदस्यता लें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
सब्सक्राइब करने के लिए यहां क्लिक करें