Lottie को Rive में बदलें (और Rive को Lottie या वीडियो में)

क्या Rive, Lottie JSON इम्पोर्ट कर सकता है?

हाँ। Rive editor एक Lottie JSON फ़ाइल इम्पोर्ट करके उसकी layers और keyframes को Rive shapes और टाइमलाइन एनिमेशन में बदल सकता है। Rive का डॉक्यूमेंटेशन उम्मीदों को लेकर साफ़ है: कोई Lottie फ़ाइल "सिर्फ़ इसलिए कि उसे इम्पोर्ट किया जा सकता है, Rive के लिए अपने-आप ऑप्टिमाइज़ नहीं हो जाती"। इम्पोर्टर जितना हो सके उतना बदल देता है, बाकी आपको हाथ से ठीक करना होता है।

इम्पोर्टर से आपको टाइमलाइन एनिमेशन मिलता है। इंटरैक्टिव हिस्सा वह खुद नहीं बनाता। Lottie export को पता नहीं होता कि यूज़र के टैप करने पर कौन सा एनिमेशन चलना चाहिए, या कैरेक्टर idle से जश्न मनाने वाली स्टेट में कैसे जाए। यह लॉजिक आपको इम्पोर्ट के बाद Rive के स्टेट मशीन एडिटर में खुद बनाना होता है।

अगर आपका सोर्स JSON के बजाय dotLottie (.lottie) फ़ाइल है, तो याद रखें कि .lottie एक ZIP archive है। एनिमेशन JSON उसके a/ फ़ोल्डर में होता है, इसलिए आप इम्पोर्ट से पहले उसे निकाल सकते हैं। .lottie के s/ फ़ोल्डर में रखी कोई भी स्टेट मशीन dotLottie फ़ॉर्मेट को फ़ॉलो करती है और Rive में नहीं आएगी।

किसी एक छोटे एनिमेशन के लिए, इम्पोर्ट करना आर्टवर्क को Rive में लाने का तेज़ तरीका है। जटिल After Effects काम की पूरी लाइब्रेरी के लिए, हर फ़ाइल की समीक्षा और दोबारा काम की योजना बनाएँ।

Lottie import किस Rive प्लान में शामिल है?

आधिकारिक सोर्स आपस में मेल नहीं खाते, इसलिए हम एक जवाब नहीं दे सकते। 12 अक्टूबर 2026 तक, Rive का Lottie import डॉक्यूमेंटेशन कहता है: "Importing Lottie files is available on Enterprise plans." उसी दिन जाँचा गया Rive का pricing page अपनी प्लान तुलना में Lottie import को पेड टियर में दिखाता है, जिनमें Cadet और Voyager भी शामिल हैं।

सिर्फ़ कन्वर्ज़न के लिए प्लान खरीदने से पहले, अपने मौजूदा प्लान पर एडिटर खोलें और इम्पोर्ट आज़माएँ, या Rive support से पूछें कि कौन सा पेज अपडेटेड है। कीमतें भी बदलती रहती हैं, और pricing page पर एक annual toggle है जो दिखाई गई रकम बदल देता है।

आप कोई भी प्लान इस्तेमाल करें, याद रखें कि प्लान की सीमाएँ सिर्फ़ एडिटर पर लागू होती हैं। Rive के रनटाइम, जो आपके ऐप में तैयार .riv चलाते हैं, MIT-licensed और फ़्री हैं।

Lottie को Rive में इम्पोर्ट करने पर क्या टूटता है?

Rive के docs कुछ खास कमियाँ बताते हैं और कुछ की ओर इशारा करते हैं। इन्हें जाँचने के लिए तैयार रहें:

• Blend modes. Plus, Add और Hard Mix को सपोर्टेड नहीं बताया गया है। इन्हें इस्तेमाल करने वाली layers अलग दिखेंगी।
• जटिल टाइमलाइन। गहराई तक nested precomps, time remapping और expressions से चलने वाला मोशन ठीक से ट्रांसलेट नहीं हो सकता।
• Effects. After Effects के कई effects कभी Lottie में आए ही नहीं; जो आए, उनके Rive में समकक्ष शायद न हों।
• स्ट्रक्चर। इम्पोर्ट की गई layers में Lottie जैसी hierarchy बनी रहती है, जो शायद ही कभी वैसा साफ़ बोन रिग होती है जैसा आप Rive कैरेक्टर के लिए बनाते।
• फ़ाइल साइज़। इम्पोर्ट ऑप्टिमाइज़्ड नहीं होता। फ़ालतू keyframes और shapes भी साथ आ जाते हैं, इसलिए .riv किसी नेटिव रीबिल्ड से बड़ी हो सकती है।

अगर छोटी फ़ाइलें ही स्विच करने की वजह थीं, तो साइज़ वाली बात अहम है। Rive के अनुसार नेटिव रूप से बनी .riv फ़ाइलें अक्सर Lottie JSON से 10-15 गुना छोटी होती हैं, और Callstack ने अलग से 24.37 KB की एक Lottie को 2 KB की .riv के रूप में दोबारा बनाया। दोनों उदाहरण रीबिल्ड हैं, इम्पोर्ट नहीं। इम्पोर्ट की गई फ़ाइल का साइज़ इन दोनों के बीच कहीं हो सकता है।

इम्पोर्ट किए गए एनिमेशन की तुलना हमेशा ओरिजिनल से फ़्रेम दर फ़्रेम करें, उन्हीं साइज़ पर जिन पर आप उसे असल में दिखाएँगे।

क्या Rive को वापस Lottie में कन्वर्ट किया जा सकता है?

आंशिक रूप से। Rive खुद Lottie एक्सपोर्ट नहीं करता। LottieFiles एक फ़्री ऑनलाइन Rive-to-Lottie कन्वर्टर देता है जो 20 MB तक की .riv फ़ाइलें लेता है और Lottie JSON देता है। उसके टूल पेज के अनुसार स्टेट मशीन कन्वर्ट नहीं होतीं।

यही आखिरी बात तय करती है कि कन्वर्टर आपके काम का है या नहीं। आपको टाइमलाइन एनिमेशन मिलते हैं, हर एक linear playback के रूप में। Rive फ़ाइल को इंटरैक्टिव बनाने वाला लॉजिक खो जाता है: transitions, blends, इनपुट, Data Binding और pointer listeners। अगर .riv दस लूप और छह रिएक्शन वाला कैरेक्टर था, तो कन्वर्ज़न से आपको सोलह अलग क्लिप मिलेंगी, जिनके बीच कोई वायरिंग नहीं होगी।

फिर भी यह तब काम आ सकता है जब कोई प्लेटफ़ॉर्म Lottie लेता हो लेकिन Rive नहीं, या किसी टीममेट को Lottie-only टूल में जल्दी प्रीव्यू चाहिए। आउटपुट को अपने टारगेट Lottie प्लेयर में टेस्ट करें, क्योंकि अलग-अलग इंजन के रेंडरिंग अंतर gradients, clipping और strokes में दिख सकते हैं।

Rive एनिमेशन को MP4, GIF या WebM में एक्सपोर्ट कैसे करें?

Rive editor से, पेड प्लान पर। Rive के docs में H.264 वीडियो, GIF, PNG sequence, SVG sequence, WebM, और सिंगल PNG या SVG फ़्रेम में एक्सपोर्ट का ज़िक्र है, जिन्हें Render Presets से कॉन्फ़िगर किया जाता है और क्लाउड Render Queue में प्रोसेस किया जाता है। docs साफ़ कहते हैं कि "exporting video and images is available on paid plans", और pricing page पर Free प्लान में वीडियो एक्सपोर्ट नहीं दिखता (अक्टूबर 2026 तक)।

कुछ काम की बातें:

• एक बार में एक स्टेट चुनें। वीडियो एक टाइमलाइन कैप्चर करता है, स्टेट मशीन नहीं। हर ज़रूरी लूप या रिएक्शन को अलग क्लिप के रूप में रेंडर करें।
• ट्रांसपेरेंसी के लिए सही codec चाहिए। VP9 वाला WebM, Chrome, Edge और Firefox के लिए अल्फ़ा चैनल रख सकता है। Safari, VP9 alpha को नज़रअंदाज़ करता है और उसे .mov में HEVC alpha चाहिए, जिसे आपको शायद अलग से encode करना पड़े।
• GIF की अपनी कमियाँ हैं। 256 रंग और 1-bit ट्रांसपेरेंसी की वजह से ट्रांसपेरेंट बैकग्राउंड पर किनारे खुरदरे दिखते हैं; इसे सिर्फ़ वहीं इस्तेमाल करें जहाँ वीडियो नहीं चल सकता।

अगर आपको किसी कैरेक्टर का वीडियो चाहिए लेकिन पेड एडिटर सीट नहीं है, तो विकल्प एक ऐसी सर्विस है जो दोनों दे। Charmotion एक अपलोड की गई इमेज से .riv बनाता है, कुछ ही मिनटों में 17 एनिमेशन, और उससे 1080×1080 और 9:16 में MP4, GIF, और ट्रांसपेरेंट WebM और MOV ज़रूरत पर एक्सपोर्ट करता है, लगभग एक मिनट में। यह Lottie नहीं बनाता।

कन्वर्ट करने के बजाय दोबारा कब बनाएँ?

तब कन्वर्ट करें जब एनिमेशन छोटा हो, ज़्यादातर shapes और keyframes से बना हो, और आपको बस उसे दूसरे Rive कंटेंट के साथ Rive रनटाइम में चलाना हो। इनमें से कोई भी बात लागू हो तो दोबारा बनाएँ:

• एनिमेशन एक कैरेक्टर है जिसे कई स्टेट और transitions की ज़रूरत होगी। Rive में बने साफ़ रिग को, इम्पोर्ट किए गए layer stack की तुलना में, आगे बढ़ाना कहीं आसान होता है।
• फ़ाइल साइज़ ही स्विच करने की वजह थी। साइज़ में बड़ी कमी नेटिव रीबिल्ड से ही आती है।
• सोर्स ऐसे blend modes, effects या expressions पर निर्भर है जो सपोर्टेड नहीं हैं।
• आप एनिमेशन को सालों तक मेंटेन करेंगे, और आगे के बदलाव Rive में ही होंगे।

कई टीमों के लिए बीच का रास्ता अच्छा रहता है: आर्टवर्क और मोटी-मोटी टाइमिंग को Rive में लाने के लिए import करें, फिर import किए गए shapes के ऊपर रिग, टाइमलाइन और स्टेट मशीन दोबारा बनाएँ। इससे सब कुछ फिर से बनाने की मेहनत बचती है और सीधे import की संरचनात्मक समस्याओं से भी बचाव होता है।

स्विच करना है या नहीं, यह तय करने के लिए Rive बनाम Lottie देखें। दोनों तरफ़ इंटरैक्टिव हिस्सा कैसा दिखता है, यह जानने के लिए Lottie बनाम Rive स्टेट मशीन देखें।

Convert करें, दोबारा बनाएँ या दोनों फ़ॉर्मेट रखें?

Lottie को Rive में convert करें अगर आपके पास कुछ सरल एनिमेशन हैं, ऐसा paid Rive प्लान है जिसमें import शामिल है, और आप सब कुछ एक ही रनटाइम पर रखना चाहते हैं।

Rive में दोबारा बनाएँ अगर एनिमेशन एक कैरेक्टर है, आप फ़ाइल साइज़ का पूरा फ़ायदा चाहते हैं, या source में ऐसे features हैं जो सपोर्ट नहीं होते।

Rive को Lottie में convert करें अगर कोई प्लेटफ़ॉर्म सिर्फ़ Lottie स्वीकार करता है और linear playback काफ़ी है।

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

आप जो भी चुनें, मूल source फ़ाइलें संभालकर रखें। किसी भी दिशा में conversion से कुछ जानकारी खो जाती है, इसलिए जिस After Effects प्रोजेक्ट या .riv से आपने शुरुआत की थी, बाद में edit के लिए वही वर्ज़न रहता है। फ़ॉर्मेट के बीच बार-बार convert करने से हर बार नुकसान बढ़ता जाता है।

Lottie एनिमेशन को Rive में import कैसे करें

1. अपना प्लान जाँचें. अपने अकाउंट पर Rive editor खोलें और देखें कि Lottie import उपलब्ध है या नहीं। Rive के docs में Enterprise लिखा है, जबकि उसके pricing पेज पर paid tiers लिखे हैं। जाँचे बिना सिर्फ़ इसके लिए कोई प्लान न खरीदें।
2. JSON पाएँ. After Effects से Bodymovin की मदद से Lottie JSON export करें। अगर आपके पास सिर्फ़ .lottie फ़ाइल है, तो उसे unzip करें और उसके a/ फ़ोल्डर से एनिमेशन JSON लें।
3. Source को सरल बनाएँ. एक्सपोर्ट करने से पहले Plus, Add या Hard Mix blend modes वाली layers बदल दें, और जहाँ संभव हो effects और expressions को flatten करें।
4. Editor में import करें. Rive के Lottie import documentation के अनुसार JSON को Rive फ़ाइल में import करें, फिर अंतर पकड़ने के लिए इसे मूल एनिमेशन के साथ चलाकर देखें।
5. सफ़ाई करें और logic जोड़ें. फ़ालतू keyframes और layers हटाएँ, टूटे हिस्से दोबारा बनाएँ, फिर वह स्टेट मशीन या व्यू मॉडल बनाएँ जिसे आपका ऐप कंट्रोल करेगा।
6. एक्सपोर्ट करें और मापें. .riv एक्सपोर्ट करें, उसका साइज़ मूल JSON या .lottie से तुलना करें, और Lottie फ़ाइल बदलने से पहले अपने target रनटाइम में playback टेस्ट करें।

अक्सर पूछे जाने वाले सवाल

क्या Rive में Lottie import फ़्री है?

नहीं। यह Free प्लान का हिस्सा नहीं है। Rive के docs कहते हैं कि Lottie import Enterprise प्लान पर उपलब्ध है, जबकि उसका pricing पेज इसे Cadet समेत paid tiers पर दिखाता है। अक्टूबर 2026 तक ये दोनों मेल नहीं खाते, इसलिए upgrade करने से पहले अपने मौजूदा प्लान पर import टेस्ट करें या Rive से पूछें।

क्या Rive को Lottie में convert करने पर स्टेट मशीन बनी रहती है?

नहीं। LottieFiles का फ़्री Rive-to-Lottie converter सिर्फ़ timeline एनिमेशन देता है, उसके टूल पेज पर लिखा है कि स्टेट मशीन convert नहीं होतीं। इंटरैक्टिविटी आपको अलग से दोबारा बनानी होगी, जैसे dotLottie फ़ाइल में Lottie Creator की स्टेट मशीन से, जो Rive से अलग logic model इस्तेमाल करती हैं।

क्या Rive में import करने के बाद मेरी Lottie फ़ाइल छोटी हो जाएगी?

ज़रूरी नहीं। Rive के docs कहते हैं कि import की गई Lottie फ़ाइलें अपने आप optimize नहीं होतीं। Rive और Callstack जिन बड़ी कमियों की बात करते हैं, वे एनिमेशन को Rive में native तरीके से दोबारा बनाने से आती हैं। Import में फ़ालतू keyframes भी आ सकते हैं, इसलिए साइज़ घटने का अंदाज़ा लगाने से पहले एक्सपोर्ट की गई .riv को मापें।

क्या मैं फ़्री प्लान पर Rive एनिमेशन को GIF के रूप में एक्सपोर्ट कर सकता हूँ?

नहीं। अक्टूबर 2026 तक Rive वीडियो और image export, जिसमें GIF, MP4, WebM और PNG sequences शामिल हैं, सिर्फ़ paid प्लान पर देता है। Free प्लान पर आप रनटाइम के लिए .riv फ़ाइलें एक्सपोर्ट कर सकते हैं, और उनमें Rive की splash screen चलती है। Paid प्लान splash हटा देते हैं और वीडियो एक्सपोर्ट जोड़ते हैं।

इस गाइड से झटपट जवाब

• क्या Rive, Lottie फ़ाइलें import कर सकता है?
• क्या मैं Rive फ़ाइल को Lottie में convert कर सकता हूँ?

स्रोत

• Importing Lottie files, Rive
• Rive pricing, Rive
• Exporting for video and static design, Rive
• Rive to Lottie converter, LottieFiles
• dotLottie 2.0 specification, dotLottie
• Rive as a Lottie alternative, Rive
• Lottie vs. Rive: Optimizing Mobile App Animation, Callstack
• Video with transparency, Jake Archibald