हाइप रिकॉर्ड के साथ एनीमेशन का परिचय

• मई 18, 2024

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

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

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

इस सैंपल एनीमेशन को बनाने में हमारा पहला कदम है हाइप को यह बताना कि आयत को किस आकार में बनाया जाए और एनीमेशन के शुरू और अंत में इसे स्क्रीन पर कहाँ रखा जाए। यह सब हम रिकॉर्ड बटन से कर सकते हैं।

1. डिफ़ॉल्ट सेटिंग्स का उपयोग करके हाइप में एक नया दस्तावेज़ शुरू करने के लिए फ़ाइल - नया पर क्लिक करें।
   
   आइए स्क्रीन पर आयत जोड़ें।
   
   
2. टूलबार में एलिमेंट्स आइकन पर क्लिक करें और आयत चुनें। हाइप स्क्रीन के केंद्र में एक नया आयत रखेगा।
   
   आयत को उस स्थान पर रखें जहाँ हम चाहते हैं कि यह एनीमेशन की शुरुआत के लिए हो। हम डिफ़ॉल्ट आकार रखेंगे, इसलिए हमें केवल आयत को स्थानांतरित करना होगा।
   
   
3. आयत को स्क्रीन के बाएँ किनारे पर खींचें।
   
   
4. मेट्रिक्स इंस्पेक्टर पर एक नजर। आयत अब बाएं किनारे से 7 पिक्सेल और शीर्ष किनारे से 149 पिक्सेल है। साथ ही, यह 102 x 102 पिक्सल है।
   
   

अब, हम चाहते हैं कि आयत दाएं किनारे पर जाए और 50% कम हो। इसके अलावा, हम चाहते हैं कि यह सिर्फ 30 फ्रेम पर हो। इस जानकारी को अगले ट्यूटोरियल में रिकॉर्ड फीचर के माध्यम से प्रचारित करें।

जारी रखें

वीडियो निर्देश: ‘हम साथ साथ है’ की ये बच्ची अब हो गई है इतनी हॉट, देखिये... (मई 2024).