# Hana में प्रोग्रेसिव ब्लर और ग्रेडिएंट - Spline blog (https://spline.design/hi/blog/introducing-progressive-blur-gradients)

> आँखों को भाने वाले ब्लर और ग्रेडिएंट से अपने डिज़ाइन को बेहतर बनाएँ

[ब्लॉग](https://spline.design/hi/blog)

27 मई 2025

# Hana में प्रोग्रेसिव ब्लर और ग्रेडिएंट

आँखों को भाने वाले ब्लर और ग्रेडिएंट से अपने डिज़ाइन को बेहतर बनाएँ

[Hana खोलें](https://app.spline.design)

कुछ साल पहले iOS के ग्लास UI लुक के साथ प्रोग्रेसिव ब्लर लोकप्रिय हुए, और हाल ही में UI डिज़ाइन टूल में भी इनका चलन बढ़ा है। फिर भी, यह ज़्यादातर एक जटिल तकनीक ही रही, जिसे मोशन डिज़ाइन या रियल-टाइम इंटरैक्टिव माहौल में इस्तेमाल करना मुश्किल था।

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

यह कैसे काम करता है, यह देखने के लिए आप नीचे दिए सीन में ख़ुद आज़मा सकते हैं।

इंटरैक्ट करने के लिए hover या टच करें (Hana से बना अनुभव)

## Hana में प्रोग्रेसिव ब्लर कैसे जोड़ें

आप कोई भी लेयर चुनकर Layer Blur या Background Blur जोड़ सकते हैं। दोनों ही मामलों में आप चुन सकते हैं कि ब्लर Uniform हो या Progressive।

प्रोग्रेसिव ब्लर काफ़ी हद तक एक ग्रेडिएंट की तरह काम करता है, लेकिन रंग के बजाय यह ब्लर रेडियस की दो वैल्यू के बीच ट्रांज़िशन करता है।

Hana में प्रोग्रेसिव ब्लर ऐसे काम करता है

## Hana में स्मूद ग्रेडिएंट

अब आप Hana में ग्रेडिएंट बना सकते हैं। आप linear, radial या polar ग्रेडिएंट में से चुन सकते हैं, और उनकी पोज़िशन सीधे कैनवास से एडजस्ट कर सकते हैं।

हम Smooth Gradients भी पेश कर रहे हैं, यानी ऐसे ग्रेडिएंट जो रंगों के बीच ज़्यादा स्वाभाविक मेल के लिए Smooth Step इंटरपोलेशन का इस्तेमाल करते हैं। ज़्यादातर डिज़ाइन टूल ऐसे ग्रेडिएंट इस्तेमाल करते हैं जो Linear इंटरपोलेशन पर टिके होते हैं, जिससे हर ग्रेडिएंट "stop" रंग के बीच अक्सर साफ़ दिखने वाली बैंडिंग रेखाएँ बन जाती हैं।

हमने कुछ साल पहले सबसे पहले Spline के 3D एडिटर में Smooth Gradients लागू किए थे, और अब हम इन्हें Hana में ला रहे हैं।

## SVG इम्पोर्ट और भी बहुत कुछ

पिछले कुछ हफ़्तों में हमने Hana में कई सुधार भी शिप किए हैं, जिनमें SVG फ़ाइलों का सपोर्ट (अब आप बस ड्रैग एंड ड्रॉप कर सकते हैं), बेहतर परफ़ॉर्मेंस और रनटाइम का छोटा साइज़ शामिल हैं।

हमने रोज़मर्रा के काम के कई सुधार भी जोड़े हैं, जैसे कलर पिकर का बेहतर व्यवहार, बेहतर सेलेक्शन टूल, और अनुभव को ज़्यादा एकसार बनाने के लिए ढेरों छोटे फ़िक्स।

Hana से बने अनुभव

## अभी आज़माएँ!

प्रोग्रेसिव ब्लर और ग्रेडिएंट की क्षमताएँ एक्सप्लोर करने के लिए यह रही आपके लिए एक [Spline Hana फ़ाइल](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3)।

## डिज़ाइन वर्कफ़्लो बदल रहे हैं

मूल रूप से सरल होते हुए भी, ये नए फ़ीचर पहले कभी न मिले रचनात्मक कंट्रोल और नतीजे देते हैं।

इस तरह एनिमेट करना या रियल-टाइम इंटरैक्शन बनाना पहले कभी आसान नहीं था, और अब आप Hana से यह कुछ ही सेकंड में कर सकते हैं।

हम यह देखने के लिए बेताब हैं कि आप क्या बना सकते हैं!

—

Spline टीम

[और जानें](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

## ब्लॉग से और

[3 नवंबर 2026पेश है Spline Arena](https://spline.design/hi/blog/introducing-spline-arena)[21 अक्टूबर 2026पेश है ChatGPT के लिए Spline](https://spline.design/hi/blog/introducing-spline-for-chatgpt)[27 अगस्त 2026पेश है Hana V2](https://spline.design/hi/blog/hana-v2)

[Spline](https://spline.design/hi)

टीमों और उनके एजेंटों के लिए 3D और 2D एडिटर। वेब, iOS और Android पर पब्लिश करें।

#### Spline के बारे में AI से पूछें

#### प्रोडक्ट

- [3D डिज़ाइन](https://spline.design/hi/3d-design)
- [Hana](https://spline.design/hi/hana)
- [Omma](https://omma.build)
- [AI 3D जनरेशन](https://spline.design/hi/ai-generate)
- [Spline MCP](https://spline.design/hi/mcp)
- [Spline Arena](https://spline.design/hi/arena)
- [कीमतें](https://spline.design/hi/pricing)
- [एंटरप्राइज़](https://spline.design/hi/enterprise)

#### रनटाइम

- [Web](https://spline.design/hi/web)
- [iOS](https://spline.design/hi/ios)
- [Android](https://spline.design/hi/android)

#### ऐप्स

- [डाउनलोड](https://spline.design/hi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror डाउनलोड करें](https://spline.design/download-mirror)

#### सीखें

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/hi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [सॉल्यूशंस](https://spline.design/solutions)

#### कम्युनिटी

- [Spline कम्युनिटी](https://community.spline.design)
- [Blog](https://spline.design/hi/blog)
- [चेंजलॉग](https://spline.design/hi/changelog)
- [शिक्षा](https://spline.design/hi/education)
- [Contra](https://spline.design/contra)
- [एफ़िलिएट](https://spline.design/hi/affiliate)

#### कंपनी

- [ग्राहक](https://spline.design/hi/customers)
- [करियर](https://www.ycombinator.com/companies/spline/jobs)
- [सुरक्षा](https://spline.design/hi/security)

#### कानूनी

- [नियम और शर्तें](https://spline.design/terms)
- [प्राइवेसी](https://spline.design/privacy)

#### संपर्क

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.