फ्लोटिंग प्रभाव
बुनियादी ऊपर और नीचे फ्लोटिंग से परे जाओ फ्लोटिंग इफेक्ट्स एक्सटेंशन आपको किसी भी तत्व के लिए पेशेवर-ग्रेड एनीमेशन नियंत्रण देता है स्वतंत्र रूप से एक तत्व की स्थिति को एनिमेट करें (अनुवाद करें), इसे किसी भी ३ डी अक्ष (रोटेट एक्स, वाई, जेड) पर स्पिन करें, और खिंचाव या स्क्वैश करें (स्केल एक्स, वाई) एक लोगो बनाएं जो झुकता है, एक बैज जो दालों, या एक छवि जो बहाव और धीरे-धीरे घूमती है यह सब आपके एलिमेंट संपादक में सरल संख्या फ़ील्ड और चेकबॉक्स के साथ नियंत्रित किया जाता है कोई प्लगइन्स नहीं, कोई कोड नहीं है बस शक्तिशाली एनीमेशन आपकी उंगलियों पर।
बहु-दिशात्मक आंदोलन (अनुवाद)
अपने तत्वों को कोमल, फ्लोटिंग गति की भावना दें उन्हें क्षैतिज (एक्स-अक्ष) या लंबवत (वाई-अक्ष) स्थानांतरित करने के लिए अनुवाद नियंत्रण का उपयोग करें आगे और पीछे या ऊपर और नीचे बहाव प्रभाव बनाने के लिए पिक्सेल में एक प्रारंभिक बिंदु और एक अंतिम बिंदु सेट करें प्रमुख विशेषताओं पर ध्यान आकर्षित करने या अपने डिजाइन में एक चंचल स्पर्श जोड़ने के लिए बिल्कुल सही।
- क्षैतिज फ्लोट: एक तत्व को धीमी गति से चलने वाले बादल की तरह बाएं से दाएं (एक्स का अनुवाद करें) बहाव करें।
- वर्टिकल बाउंस: आइकन या बैज के लिए एक सौम्य ऊपर-नीचे बाउंस (अनुवाद Y) बनाएं।
- जटिल पथों के लिए संयोजन: विकर्ण या गोलाकार फ़्लोटिंग पथों के लिए X और Y दोनों का एक साथ उपयोग करें।
स्केलिंग, रोटेशन और समय
सरल अप-एंड-डाउन गति से परे जाएं तत्वों को स्केल करके सांस लें स्केल एक्स और स्केल वाई का स्वतंत्र रूप से उपयोग करें ताकि किसी तत्व की चौड़ाई और ऊंचाई को अलग-अलग बढ़ाया जा सके या स्क्वैश किया जा सके धीमी, निरंतर स्पिन के लिए रोटेशन जोड़ें यह आपको धीरे-धीरे घूमने वाले लोगो के लिए धीरे-धीरे स्पंदित कॉल-टू-एक्शन बटन से सब कुछ बनाने देता है।
- स्पंदन प्रभाव: किसी तत्व को लयबद्ध रूप से बढ़ने और सिकुड़ने के लिए स्केल X/Y का उपयोग करें, जिससे आंख खींची जा सके।
- स्वतंत्र नियंत्रण: अद्वितीय गति के लिए इसकी ऊंचाई को समान रखते हुए एक तत्व की चौड़ाई (स्केल एक्स) को खींचें।
- सतत स्पिन: लोगो या सजावटी आइकन पर धीमी, अंतहीन स्पिन के लिए रोटेशन लागू करें।
फ्लोटिंग इफेक्ट्स के लिए अक्सर पूछे जाने वाले प्रश्न
यह जटिल दिखता है क्या इसका उपयोग करना कठिन है?
बिल्कुल नहीं! पैनल विस्तृत लग सकता है क्योंकि यह शक्तिशाली है, लेकिन आप सरल शुरू करते हैं बस एक प्रभाव सक्षम करें (जैसे अनुवाद वाई), एक छोटा “टोगैम्ब मान सेट करें (जैसे २० पीएक्स), और आपके पास एक अस्थायी एनीमेशन है जब आप अधिक रचनात्मक प्राप्त करना चाहते हैं तो अन्य नियंत्रण वहां मौजूद हैं आप जाने के रूप में सीखते हैं।
क्या मैं मोबाइल पर इन ३ डी रोटेशन का उपयोग कर सकता हूं?
दृश्य प्रभाव काम करेगा, लेकिन यह एक “ट्रू” ३ डी वातावरण नहीं है यह सीएसएस का उपयोग करके ३ डी रोटेशन का अनुकरण करता है, जो सभी आधुनिक मोबाइल ब्राउज़रों पर समर्थित है यह बहुत अच्छा लगेगा, लेकिन तीव्र ३ डी के लिए, आपको एक अलग उपकरण की आवश्यकता होगी झुकाव और मोड़ प्रभाव के लिए इसे डिज़ाइन किया गया है, यह एकदम सही है।
अलग-अलग स्केल एक्स और स्केल वाई के लिए वास्तविक दुनिया में अच्छा उपयोग क्या है?
एक “Me” बटन की कल्पना करें। आप स्केल Y का उपयोग इसे जल्दी से स्क्वैश डाउन करने (स्पर्शीय प्रतिक्रिया देने) के लिए कर सकते हैं, फिर सामान्य पर लौट सकते हैं। या, एक म्यूजिक प्लेयर के लिए, एक साउंड वेव ग्राफिक प्रत्येक बार पर स्केल Y का स्वतंत्र रूप से उपयोग कर सकता है ताकि इसे लय में ले जाया जा सके।
क्या एक पृष्ठ पर इनमें से कई प्रभावों का उपयोग करने से प्रदर्शन को नुकसान होगा?
यदि आप ओवरबोर्ड जाते हैं, तो हाँ कुछ भी पसंद करते हैं एक दर्जन तत्वों के लिए १०-२० अलग-अलग जटिल एनिमेशन लागू करने से धीमी डिवाइस पर जंक हो सकता है कुंजी सूक्ष्मता है प्रति अनुभाग १-२ प्राथमिक प्रभावों का उपयोग करें एक कोमल फ्लोट और एक मामूली रोटेशन वह सब है जो आपको आमतौर पर एक पेशेवर, जीवंत प्रभाव की आवश्यकता होती है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
