मुख्य सामग्री पर जाएँ

Framer टेम्पलेट के लिए सहज स्क्रॉल वीडियो कैसे रिकॉर्ड करें

Framer, Webflow या Wix टेम्पलेट के लिए प्रीव्यू वीडियो बनाइए: पब्लिश की गई साइट को उसके appear इफ़ेक्ट के साथ कैप्चर कीजिए, बिकने वाले सेक्शनों पर रुकिए, और लिस्टिंग व सोशल के लिए एक्सपोर्ट कीजिए।

Aviral Lakhanpaul को अपडेट किया गया3 मिनट का पाठ

छोटा जवाब

टेम्पलेट को उसके मुफ़्त Framer पते पर पब्लिश कीजिए, वह URL किसी स्क्रॉल वीडियो टूल में चिपकाइए, और लाइव कैप्चर पर जाइए ताकि Framer के appear इफ़ेक्ट और स्क्रॉल एनिमेशन वैसे ही चलें जैसे कोई विज़िटर देखता। हीरो, फ़ीचर ग्रिड और प्राइसिंग सेक्शन पर थोड़ी देर रुकिए, इंटरैक्टिव कार्ड पर हॉवर जोड़िए, और लिस्टिंग के लिए 16:9 MP4 के साथ सोशल के लिए 4:5 या 9:16 का कट एक्सपोर्ट कीजिए।

टेम्पलेट प्रीव्यू रिकॉर्ड करना मुश्किल क्यों है

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

क़दम-दर-क़दम

  1. किसी सार्वजनिक पते पर पब्लिश करें

    टेम्पलेट, या उसका डेमो, उसके .framer.website पते या किसी कस्टम डोमेन पर पब्लिश कीजिए। उसे प्राइवेट विंडो में बिना पासवर्ड के खुलना चाहिए।

  2. URL चिपकाएँ और लाइव कैप्चर चुनें

    होम पेज पर पता चिपकाइए। इंजन में लाइव कैप्चर चुनिए। यह किसी स्थिर तस्वीर पर पैन करने के बजाय हर स्क्रॉल स्थिति पर पेज का स्क्रीनशॉट लेता है, इसलिए appear इफ़ेक्ट, स्क्रॉल ट्रांसफ़ॉर्म और चिपके रहने वाले सेक्शन ठीक वैसे ही चलते हैं जैसे ब्राउज़र में।

  3. रफ़्तार तय करें

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

  4. जो चीज़ बेचती है, उस पर रुकें

    पेज पर वहाँ क्लिक कीजिए जहाँ स्क्रॉल रुकना चाहिए: हीरो, बेंटो या फ़ीचर ग्रिड, टेस्टिमोनियल, प्राइसिंग। ज़्यादा से ज़्यादा 6 ठहराव, हर एक 0.5 से 5 सेकंड का। अगर वीडियो वापस ऊपर स्क्रॉल होता है तो दोनों तरफ़ चालू कीजिए।

  5. हॉवर स्टेट दिखाएँ

    कर्सर चालू कीजिए, एक हॉवर जोड़िए और उस कार्ड या बटन पर क्लिक कीजिए जिस पर उसे टिकना है। कर्सर वहाँ तक जाता है, हॉवर इफ़ेक्ट चलता है, और आगे बढ़ने से पहले वह 0.5 से 5 सेकंड तक ठहरता है। कर्सर की आठ शैलियाँ हैं, macOS से लेकर एक सादे बिंदु तक।

  6. जो कट चाहिए, वे एक्सपोर्ट करें

    लिस्टिंग के लिए 1080p या 1440p पर 16:9 MP4, फिर डिवाइस को मोबाइल पर बदलिए और X, Instagram या TikTok के लिए फ़ोन लेआउट का 9:16 या 4:5 कट एक्सपोर्ट कीजिए।

लाइव कैप्चर या स्थिर पैन?

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

  • लाइव कैप्चर लीजिए जब गति ही उस चीज़ का हिस्सा हो जो आप बेच रहे हैं, और ज़्यादातर Framer टेम्पलेट में यही होता है।
  • एनिमेशन पूरे करें के साथ स्थिर पैन लीजिए जल्दी के ड्राफ़्ट के लिए, ऐसे पेजों के लिए जिनके एनिमेशन सिर्फ़ प्रवेश वाले हैं, या मोबाइल कट के लिए जहाँ स्क्रीन पर जगह कम है।

लिस्टिंग के लिए आख़िरी निखार

  • ब्राउज़र फ़्रेम। Safari या Chrome, हल्का या गहरा, ताकि प्रीव्यू पहली नज़र में वेबसाइट लगे।
  • बैकग्राउंड। विंडो के चारों ओर जगह, साथ में कोई रंग, ग्रेडिएंट या 36 प्रीसेट में से कोई एक। गोल कोने और हल्की छाया इसे स्क्रीन ग्रैब के बजाय प्रोडक्ट शॉट जैसा बनाते हैं।
  • हल्का और गहरा। अगर टेम्पलेट सिस्टम थीम के हिसाब से चलता है, तो रंग योजना में हल्का या गहरा तय कीजिए और दोनों का एक-एक वीडियो एक्सपोर्ट कीजिए।
  • साफ़ पहला फ़्रेम। स्क्रॉल शुरू होने से पहले हीरो पर एक सेकंड रुकिए। मार्केटप्लेस और सोशल ऐप अक्सर पहले फ़्रेम को ही थंबनेल बनाते हैं।

अपनी साइट पर आज़माकर देखिए

लिंक चिपकाइए और स्क्रॉल का प्रीव्यू मुफ़्त में देखिए। साइन अप पर 51 मुफ़्त क्रेडिट, कोई कार्ड नहीं, और आपके किसी भी एक्सपोर्ट पर वॉटरमार्क नहीं।

हाल की खोजें

    सवाल और जवाब

    लोग आगे जो पूछते हैं, उनके छोटे जवाब।

    संपर्क
    Framer साइट को उसके एनिमेशन के साथ कैसे रिकॉर्ड करें?

    कैप्चर का ऐसा तरीक़ा अपनाइए जो स्क्रीनशॉट पर पैन करने के बजाय लाइव पेज को स्क्रॉल करे। Website Scroll Video में यह लाइव कैप्चर इंजन है, जो हर स्क्रॉल स्थिति पर पेज का स्क्रीनशॉट लेता है ताकि appear इफ़ेक्ट और स्क्रॉल ट्रांसफ़ॉर्म चलें।

    क्या मैं बिना पब्लिश किया Framer प्रोजेक्ट रिकॉर्ड कर सकता हूँ?

    URL से नहीं। पहले उसे उसके मुफ़्त .framer.website पते पर पब्लिश कीजिए, जिसे अनलिस्टेड रखा जा सकता है, फिर वही लिंक इस्तेमाल कीजिए।

    टेम्पलेट प्रीव्यू वीडियो किस साइज़ का होना चाहिए?

    सटीक सीमाओं के लिए मार्केटप्लेस के अपने अपलोड दिशानिर्देश देखिए। लिस्टिंग के लिए 1080p पर 16:9 MP4 एक सुरक्षित डिफ़ॉल्ट है, और सोशल के लिए 4:5 या 9:16 वर्शन।

    Website Scroll Video का लोगो: ब्राउज़र विंडो में वेब पेज के ऊपर एक प्ले बटन।

    रिकॉर्डिंग में कम समय। बनाने में ज़्यादा।

    बदली जा सकने वाली गति, समझदार नियंत्रण और आज के क्रिएटर्स के लिए बने एक्सपोर्ट विकल्पों से वेबसाइट रिकॉर्डिंग को स्वचालित कीजिए।