مولد Blob SVG

صمم Blobs SVG جميلة في ثوان

تُعد اشكال "blob" العضوية من ابرز الاتجاهات في تصميم الويب الحديث — فهي تظهر كخلفيات لاقسام الابطال وفواصل للاقسام ولمسات زخرفية على البطاقات وحتى كايقونات للتطبيقات. يتيح لك مولد Blob SVG هذا انشاء اشكال blob فريدة وناعمة تماما باستخدام بضعة منزلقات فقط، ثم نسخ رمز SVG او تنزيله لاستخدامه في اي مشروع.

كيفية بناء الـ Blob

يوزع المولد عددا من نقاط الارتكاز بالتساوي حول دائرة، ثم يزيح نصف قطر كل نقطة بمقدار عشوائي يعتمد على قيمة العشوائية المختارة. تُربط النقاط في منحنى مغلق ناعم باستخدام مقاطع Bezier تكعيبية مشتقة من spline من نوع Catmull–Rom، مما يضمن خطا نظيفا ومستمرا بلا زوايا مرئية — مهما كانت النقاط الاساسية فوضوية.

تتحكم بذرة حتمية في كل قرار عشوائي، مما يعني ان نفس الاعدادات تنتج دائما نفس الـ blob. اضغط اعادة تشغيل لتجربة اشكال جديدة دون تغيير اي شيء اخر.

خيارات التخصيص

• التعقيد — عدد نقاط الارتكاز (من 3 الى 20). القيم المنخفضة تعطي blobs لطيفة ومستديرة. القيم المرتفعة تنتج خطوطا معقدة ومتموجة.
• العشوائية — مدى انحراف كل نقطة عن نصف القطر الاساسي. صفر يعطي دائرة؛ اقصى عشوائية يعطي اشكالا عضوية مبهرة.
• البذرة — عدد صحيح يجعل كل نتيجة قابلة للتكرار. نفس البذرة تعطي دائما نفس الشكل.
• التعبئة — اختر لونا صلبا او تدرجا خطيا من نقطتين بزاوية قابلة للتعديل.
• الحدود — خط اختياري بلون وسمك قابلين للتخصيص.

تنسيقات الاخراج

ينتج المولد كود SVG نظيفا وبسيطا يمكنك لصقه مباشرة في مستند HTML او مكون React او ملف Figma او اي اداة تصميم تقبل SVG. انسخ الكود الى الحافظة بنقرة واحدة، او نزّل الشكل كملف .svg مستقل.

الاستخدامات الشائعة

• خلفيات اقسام الابطال ولمسات صفحات الهبوط
• اقنعة صور بنمط الافاتار
• اشكال زخرفية خلف بطاقات الميزات
• شارات مجردة وعناصر واجهة بنمط الملصقات
• انتقالات blob بين اقسام الصفحة
• زخرفة شرائح العروض التقديمية

لان المخرج هو SVG خالص، فانه يبقى حادا باي دقة، وحجمه صغير جدا، ويمكن تحريكه باستخدام CSS او JavaScript. يمكنك ايضا تعديل المسار الناتج في ادوات مثل Illustrator او Figma او Inkscape اذا اردت تعديلات اضافية.