Premiere Pro ट्यूटोरियल्स

Premiere Pro में स्मूद वेबसाइट स्क्रॉलिंग कैसे बनाएँ

पूरे वेब पेज को एक इमेज के रूप में कैप्चर करें और स्मूद स्क्रॉल के लिए Premiere Pro में Transform कीफ्रेम, Ease Out और मोशन ब्लर से उसे एनिमेट करें।

Motion GraphicsPremiere Pro
Website page shown in the Premiere Pro Program Monitor for a smooth scrolling animation

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

ट्यूटोरियल देखें

स्टेप 1: फ़ुल पेज स्क्रीनशॉट एक्सटेंशन इंस्टॉल करें

पूरे पेज को एक इमेज में पाने के लिए आपको फ़ुल पेज स्क्रीनशॉट एक्सटेंशन चाहिए। ट्यूटोरियल में मुफ़्त Chrome एक्सटेंशन GoFullPage - Full Page Screen Capture इस्तेमाल हुआ है, जिसका लिंक वीडियो के डिस्क्रिप्शन में है। इसे Chrome Web Store से इंस्टॉल करें और यह आपके ब्राउज़र के एक्सटेंशन मेन्यू में दिखने लगेगा।

Chrome Web Store में GoFullPage - Full Page Screen Capture एक्सटेंशन

स्टेप 2: वेब पेज कैप्चर करें

जो वेबसाइट दिखानी है उसे खोलें, Extensions आइकन पर क्लिक करें और फिर GoFullPage के कैमरा आइकन पर। यह पूरे पेज के कई स्क्रीनशॉट लेता है और उन्हें जोड़कर एक लंबी इमेज बना देता है। पूरा होने पर आप उसे PDF या PNG के रूप में डाउनलोड कर सकते हैं। Download image (PNG) चुनें।

GoFullPage एक्सटेंशन में Download image (PNG) बटन

स्टेप 3: इमेज को Premiere Pro में रखें

PNG इम्पोर्ट करें और टाइमलाइन पर खींचें। उसे बड़ा करें और ऐसे रखें कि पेज का ऊपरी हिस्सा आपके फ़्रेम को भर दे, यही आपकी शुरुआती पोज़िशन है। यह तब सबसे अच्छा काम करता है जब इमेज की चौड़ाई आपके वीडियो की चौड़ाई से मेल खाती हो।

QuickPaste के साथ तेज़: इमेज कॉपी करें और फ़ाइल सेव करके इम्पोर्ट किए बिना एक शॉर्टकट से सीधे टाइमलाइन में पेस्ट करें। QuickPaste देखें

स्टेप 4: Transform इफ़ेक्ट और Position कीफ्रेम जोड़ें

Effects पैनल में Transform खोजें (Video Effects > Transform) और उसे इमेज पर खींचें। Effect Controls में Transform सेक्शन खोलें, प्लेहेड को शुरुआत पर ले जाएँ और पहला कीफ्रेम बनाने के लिए Position के बगल की स्टॉपवॉच पर क्लिक करें। फिर टाइमलाइन में आगे जाएँ और इमेज को ऊपर खींचें, या Position की वैल्यू बदलें, जब तक आप पेज के उस हिस्से तक न पहुँच जाएँ जहाँ खत्म करना चाहते हैं। Premiere Pro दूसरा कीफ्रेम अपने-आप जोड़ देता है।

Premiere Pro Effect Controls में Transform इफ़ेक्ट की Position स्टॉपवॉच

स्टेप 5: Ease Out से स्क्रॉल को स्मूद करें

कीफ्रेम चुनें, किसी एक पर राइट-क्लिक करें, Temporal Interpolation और फिर Ease Out चुनें। अब स्क्रॉल पूरी स्पीड से शुरू होता है और धीरे से रुकने तक धीमा होता जाता है, जो सीधी लीनियर मूवमेंट से कहीं ज़्यादा नैचुरल दिखता है।

Premiere Pro में Ease Out के साथ Temporal Interpolation मेन्यू

EaseFlow के साथ ज़्यादा स्मूद: कीफ्रेम चुनें और Bezier हैंडल खींचने के बजाय एक क्लिक में असली ईज़िंग कर्व लगाएँ। EaseFlow देखें

स्टेप 6: स्पीड कर्व को फ़ाइन-ट्यून करें और मोशन ब्लर जोड़ें

पूरे कंट्रोल के लिए Position के बगल का तीर खोलें और स्पीड ग्राफ़ व उसके हैंडल दिखाने के लिए किसी कीफ्रेम पर क्लिक करें। अपना कर्व बनाने के लिए हैंडल खींचें। बस हैंडल को ऊपर की ओर न खींचें, क्योंकि इससे इमेज अपनी मंज़िल से आगे निकल जाती है और एनिमेशन बिगड़ जाता है। ज़्यादा रियलिज़्म के लिए Transform इफ़ेक्ट में Use Composition's Shutter Angle का निशान हटाएँ और पेज स्क्रॉल होते समय मोशन ब्लर जोड़ने के लिए Shutter Angle बढ़ाएँ।

Premiere Pro Effect Controls में हैंडल के साथ Position का स्पीड ग्राफ़

टिप्स

  • चौड़ी विंडो में कैप्चर करें। बड़ी ब्राउज़र विंडो से Premiere Pro में स्केल करने पर इमेज ज़्यादा शार्प मिलती है।
  • छोटे हिस्सों में स्क्रॉल करें। बहुत लंबे पेज के लिए ज़्यादा कीफ्रेम जोड़ें ताकि पेज हर हिस्से पर थोड़ा रुके।

FAQ

Premiere Pro में वेबसाइट को स्क्रॉल कैसे करवाएँ?

पूरे पेज को एक PNG के रूप में कैप्चर करें, Transform इफ़ेक्ट जोड़ें और इमेज के ऊपर से नीचे तक उसकी Position को कीफ्रेम से एनिमेट करें, फिर कीफ्रेम को ईज़ करें।

मेरी स्क्रॉलिंग झटकेदार क्यों दिखती है?

कीफ्रेम डिफ़ॉल्ट रूप से लीनियर होते हैं। Ease Out या कोई ईज़िंग कर्व लगाएँ और Shutter Angle सेटिंग से थोड़ा मोशन ब्लर जोड़ें।

क्या मुझे Transform इफ़ेक्ट की ज़रूरत है?

यही सुझाया गया तरीका है। इसकी Position सीधे इमेज पर काम करती है और मोशन ब्लर के लिए Shutter Angle देती है।

अपने पेज के बगल में दिखाने के लिए एनिमेटेड एसेट्स चाहिए? हमारे मोशन ग्राफ़िक टेम्पलेट देखें।