प्रोग्रेसिव ब्लर और स्मूद ग्रेडिएंट से इंटरैक्टिव इफ़ेक्ट डिज़ाइन करें

लेसन 7 / 15Hanaशुरुआती9 मिनट

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

हम शेप में ग्रेडिएंट और ब्लर इफ़ेक्ट जोड़ना समझाकर शुरुआत करेंगे, फिर hover एनिमेशन, कर्सर को फ़ॉलो करने वाले इफ़ेक्ट, लूपिंग एनिमेशन और परतदार ब्लर इफ़ेक्ट जैसे इंटरैक्टिव एलिमेंट बनाएँगे। यह सब आपके वेब प्रोजेक्ट में एम्बेड होने के लिए तैयार है, बिना कोडिंग के! 👌

डेमो सीन: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

आप क्या सीखेंगे

  1. 0:00परिचय
  2. 0:15ग्रेडिएंट के साथ सरल डिज़ाइन
  3. 2:57लेयर ब्लर जोड़ना
  4. 3:41माउस hover इंटरैक्शन बनाना
  5. 5:28टेक्स्ट पर इंटरैक्टिव ब्लर इफ़ेक्ट बनाना
  6. 6:44लूपिंग रेडियल ग्रेडिएंट एनिमेशन बनाना
  7. 7:43आपके कर्सर को फ़ॉलो करने वाला ग्रेडिएंट और ब्लर इफ़ेक्ट बनाना

संबंधित रिसोर्स