SVG ब्लॉब जनरेटर
बैकग्राउंड और इलस्ट्रेशन के लिए रैंडम ऑर्गेनिक ब्लॉब आकृतियाँ बनाएँ। जटिलता और रैंडमनेस बदलें, सॉलिड, ग्रेडिएंट या आउटलाइन फ़िल चुनें, और SVG, PNG या CSS एक्सपोर्ट करें।
SVG ब्लॉब जनरेटर लोड हो रहा है…
आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं
SVG ब्लॉब जनरेटर का इस्तेमाल कैसे करें
- 1
इस पेज पर SVG ब्लॉब जनरेटर खोलें। यह सीधे आपके ब्राउज़र में लोड होता है।
- 2
अपनी फ़ाइल, टेक्स्ट या वैल्यू जोड़ें और सेटिंग बदलें।
- 3
नतीजा कॉपी या डाउनलोड करें। कुछ भी अपलोड या स्टोर नहीं होता।
इस टूल के बारे में
नरम, ऑर्गेनिक ब्लॉब बिना फ़ोटो के लैंडिंग पेज, हीरो सेक्शन, ऐप स्क्रीन और सोशल ग्राफ़िक में रंग और हलचल जोड़ने का लोकप्रिय तरीका हैं। यह ब्लॉब जनरेटर एक क्लिक में नया रैंडम ब्लॉब बनाता है, और आप उसे आकार दे सकते हैं, रंग सकते हैं और कोड या डिज़ाइन टूल के लिए एक्सपोर्ट कर सकते हैं।
ब्लॉब कैसे बनाएँ
- जब तक आकार पसंद न आए, New blob पर क्लिक करते रहें।
- जटिलता (वक्रों की संख्या) और रैंडमनेस (कितना टेढ़ा मेढ़ा) सेट करें।
- फ़िल चुनें: सॉलिड, ग्रेडिएंट या आउटलाइन, और रंग तय करें।
- SVG या CSS कॉपी करें, या SVG या PNG फ़ाइल डाउनलोड करें।
ब्लॉब इस्तेमाल करने के आइडिया
- हीरो बैकग्राउंड: हेडलाइन के पीछे एक बड़ा, नरम ग्रेडिएंट ब्लॉब।
- इमेज फ़्रेम: ब्लॉब को मास्क की तरह इस्तेमाल करें ताकि फ़ोटो उसी आकार में दिखे।
- आइकन और बैज: दोस्ताना लुक के लिए आइकन के पीछे छोटे ब्लॉब।
- प्रेज़ेंटेशन और सोशल पोस्ट में सेक्शन डिवाइडर और सजावटी आकृतियाँ।
सुझाव
- शांत, चिकनी आकृतियों के लिए जटिलता कम रखें; लहरदार, मज़ेदार आकृतियों के लिए बढ़ाएँ।
- वेबसाइट पर SVG इस्तेमाल करें: यह छोटा, हर साइज़ में शार्प और CSS से आसानी से रंग बदलने लायक है।
- ओपेसिटी कम करें और गहराई के लिए दो या तीन ब्लॉब एक के ऊपर रखें।
- जीवंत बैकग्राउंड के लिए SVG ब्लॉब को CSS ट्रांसफ़ॉर्म से हल्का सा एनिमेट करें।
ब्लॉब को CSS ग्रेडिएंट जनरेटर के ग्रेडिएंट के साथ जोड़ें, या पैटर्न जनरेटर से दोहराने वाले बैकग्राउंड जोड़ें।
अक्सर पूछे जाने वाले सवाल
नई ब्लॉब आकृति कैसे पाएँ?
New blob पर क्लिक करें। हर क्लिक एक अलग रैंडम आकृति बनाता है, जिसे आप फिर बदल सकते हैं।
क्या ब्लॉब कमर्शियल काम में इस्तेमाल कर सकते हैं?
हाँ। आपकी बनाई आकृतियाँ आपकी हैं, इन्हें वेबसाइट, ऐप और डिज़ाइन में इस्तेमाल करें।
किन फ़ॉर्मेट में एक्सपोर्ट कर सकते हैं?
SVG कोड या CSS कॉपी करें, या ब्लॉब को SVG या PNG फ़ाइल के रूप में डाउनलोड करें।
क्या ब्लॉब में ग्रेडिएंट हो सकता है?
हाँ। ग्रेडिएंट फ़िल चुनें और उसके रंग तय करें, या सिर्फ़ लाइन वाले ब्लॉब के लिए आउटलाइन चुनें।
ब्लॉब को इमेज मास्क की तरह कैसे इस्तेमाल करें?
SVG पाथ को SVG में clipPath की तरह, या CSS आउटपुट को clip-path की तरह इस्तेमाल करें, ताकि इमेज ब्लॉब के आकार में दिखे।
क्या यह मुफ़्त है?
हाँ, बिना साइन अप और बिना वॉटरमार्क के।