एक स्थिर खंड एक फ्लैट छवि की तरह पढ़ता है इसे एक कोमल, लूपिंग बहाव दें और वही तत्व जीवित महसूस करता है फ्लोटिंग इफेक्ट्स एक्सटेंशन में मास्टर एडॉन्स प्रो किसी भी एलिमेंटर विजेट में उस निरंतर गति को जोड़ता है, जिसमें लिखने के लिए कोई कीफ्रेम या कस्टम सीएसएस नहीं है यह मार्गदर्शिका बताती है कि एक्सटेंशन क्या करता है, आप क्या चेतन कर सकते हैं, और इसे कैसे लागू करें।
फ्लोटिंग इफेक्ट्स एक्सटेंशन क्या है? #
द फ्लोटिंग प्रभाव एक्सटेंशन एक मास्टर एडॉन्स प्रो मोशन टूल है जो एलिमेंटर विजेट्स में एक सतत, लूपिंग एनीमेशन जोड़ता है। यह विजेट को फ्रॉम और टू वैल्यू के बीच ले जाता है अनुवाद करना, घुमाएँ और स्केल रूपांतरित होता है, फिर वापस आता है, और प्रत्येक रूपांतरण होता है अवधि और विलंब फ़ील्ड्स गति छोटे एनीमे पर चलती है।जेएस लाइब्रेरी एक चिकनी इन-आउट आसानी के साथ अनुभागों, स्तंभों और कंटेनरों को पैनल नहीं मिलता है।
आप क्या चेतन कर सकते हैं #
फ्लोटिंग इफेक्ट्स तीन ट्रांसफॉर्म प्रकारों के माध्यम से काम करता है, और आप गति को आकार देने के लिए उन्हें समय नियंत्रण के साथ जोड़ते हैंः
- अनुवाद करेंः क्लासिक अप-एंड-डाउन या साइड-टू-साइड फ्लोट के लिए, ट्रांसलेट एक्स और ट्रांसलेट वाई, प्रत्येक का फ्रॉम और टू मान -100 और 100 पीएक्स के बीच है।
- घुमाएँ: एक्स, वाई और जेड को -१८० और १८० डिग्री के बीच घुमाएं, विजेट को आगे और पीछे घुमाएं एक बोलबाला के लिए।
- पैमाना: स्केल एक्स और स्केल वाई 0 और 5 के बीच, नरम पल्स के लिए विजेट को बढ़ाना और सिकोड़ना।
- अवधि और विलंबः अवधि १०००० एमएस तक जाती है (१००० जब खाली छोड़ दिया जाता है) और ५००० एमएस तक देरी जब आप एक से अधिक परिवर्तन चालू करते हैं तो वे एक समयरेखा साझा करते हैं, पहले अनुवाद के समय का उपयोग करते हुए, फिर घुमाएं, फिर स्केल।
एलिमेंटर में फ्लोटिंग इफेक्ट्स कैसे जोड़ें #
फ्लोटिंग इफेक्ट्स एलिमेंट संपादक से प्रति विजेट लागू होता है, एक बार मास्टर एडॉन्स में एक्सटेंशन सक्षम हो जाता है संक्षेप में: उस तत्व का चयन करें जिसे आप एनिमेट करना चाहते हैं, इसकी सेटिंग्स खोलें, फ्लोटिंग इफेक्ट्स चालू करें, और इसके समय के साथ एक परिवर्तन चुनें।
- सुनिश्चित करें मास्टर एडॉन्स प्रो स्थापित और सक्रिय है, और फ्लोटिंग इफेक्ट्स एक्सटेंशन मास्टर एडॉन्स पैनल में सक्षम है।
- एलिमेंटर संपादक में, उस विजेट का चयन करें जिसे आप एनिमेट करना चाहते हैं।
- तत्व की सेटिंग्स खोलें और मास्टर ऐडऑन ढूंढें फ्लोटिंग प्रभाव नियंत्रण करता है, फिर प्रभाव को चालू करें।
- चालू करें अनुवाद करना, घुमाएँ या स्केल, से और से मान सेट करें, फिर अवधि और विलंब.
- लाइव साइट पर तत्व बहाव देखने के लिए पृष्ठ का पूर्वावलोकन करें या प्रकाशित करें।
फ्लोटिंग इफेक्ट्स का उपयोग करने के लिए युक्तियाँ #
- गति को सूक्ष्म रखें। एक छोटी अनुवाद दूरी और एक धीमी अवधि को पॉलिश के रूप में पढ़ा जाता है; बड़ी, तेज़ गति ध्यान भटकाने वाली लगती है।
- प्रति दृश्य एक या दो तत्वों पर इसका उपयोग करें। एक एकल तैरती हुई नायक छवि या आइकन ध्यान खींचता है; गतिमान एक पूरा पृष्ठ स्वयं से प्रतिस्पर्धा करता है।
- इसे प्रवेश गति के साथ जोड़ो। फ्लोटिंग इफेक्ट्स को इसके साथ मिलाएं प्रवेश एनीमेशन विस्तार ताकि कोई तत्व पहले आसान हो जाए, फिर अपना हल्का फ्लोट बनाए रखे।
- मोबाइल पर चेक कर लें। पुष्टि करें कि आंदोलन अभी भी छोटी स्क्रीन पर अच्छा दिखता है और आस-पास की सामग्री को इधर-उधर नहीं धकेलता है।
अक्सर पूछे जाने वाले प्रश्न #
मास्टर ऐडऑन में फ्लोटिंग इफेक्ट्स एक्सटेंशन क्या है?
फ्लोटिंग इफेक्ट्स एक मास्टर एडॉन्स प्रो एक्सटेंशन है जो एलिमेंटर विजेट्स में एक निरंतर, लूपिंग एनीमेशन जोड़ता है यह अनुवाद, घुमा और स्केल ट्रांसफॉर्म के साथ से और से मूल्यों के बीच एक विजेट को आगे और पीछे ले जाता है, अवधि और विलंब सेटिंग्स के साथ और कोई कस्टम सीएसएस या कीफ्रेम नहीं।
फ्लोटिंग इफेक्ट्स किस प्रकार का एनीमेशन बना सकते हैं?
यह तीन परिवर्तन प्रकारों का समर्थन करता है: एक तत्व को ऊपर और नीचे या साइड टू साइड स्थानांतरित करने के लिए अनुवाद करें, एक कोमल बैक-एंड-फोर्थ स्वे के लिए घुमाएं, और एक नरम स्पंदन प्रभाव के लिए स्केल करें, आप सटीक गति को आकार देने के लिए समय सेटिंग्स के साथ एक परिवर्तन को जोड़ सकते हैं आप चाहते हैं।
क्या मैं फ्लोटिंग एनीमेशन की गति और दिशा को नियंत्रित कर सकता हूं?
गति, हाँ। प्रत्येक परिवर्तन में अवधि और विलंब फ़ील्ड होते हैं, लेकिन संयुक्त परिवर्तन एक समयरेखा साझा करते हैं, पहले अनुवाद करें, फिर घुमाएँ, फिर स्केल का उपयोग करें। कोई दिशा सेटिंग नहीं है: गति हमेशा से मान से मान और वापस तक चलती है।
क्या फ्लोटिंग इफेक्ट्स किसी एलिमेंट तत्व पर काम करता है?
यह केवल विजेट पर काम करता है, जैसे कि एक छवि, आइकन, शीर्षक या बटन अनुभाग, कॉलम और कंटेनर फ़्लोटिंग प्रभाव पैनल नहीं मिलता है, इसलिए तत्वों के समूह को फ्लोट करने के लिए, प्रत्येक विजेट पर प्रभाव जोड़ें।
क्या फ्लोटिंग एनिमेशन मेरी वेबसाइट को धीमा कर देंगे?
गति छोटे एनीमे।जेएस लाइब्रेरी के माध्यम से चलती है और केवल सीएसएस परिवर्तनों को एनिमेट करती है, जिसे ब्राउज़र अच्छी तरह से संभालते हैं। पृष्ठों को सुचारू रखने के लिए, इसे प्रति दृश्य केवल एक या दो तत्वों पर उपयोग करें और पृष्ठ पर एक ही बार में सब कुछ एनिमेट करने के बजाय आंदोलन को सूक्ष्म रखें।
क्या फ्लोटिंग प्रभाव मुक्त है?
नहीं फ्लोटिंग प्रभाव मास्टर एडॉन्स प्रो का हिस्सा है फ्री एलिमेंटर में प्रवेश एनिमेशन हैं जो एक बार खेलते हैं, लेकिन कोई लूपिंग फ्लोट नहीं है।
