مولد أشكال Blob بصيغة SVG
أنشئ أشكالا عضوية عشوائية (Blob) للخلفيات والرسوم. اضبط التعقيد والعشوائية، واختر تعبئة مصمتة أو متدرجة أو حدودا فقط، وصدّر SVG أو PNG أو CSS.
جارٍ تحميل مولد أشكال Blob بصيغة SVG…
ملفاتك لا تغادر جهازك أبدًا
طريقة استخدام مولد أشكال Blob بصيغة SVG
- 1
افتح مولد أشكال Blob بصيغة SVG في هذه الصفحة. تُحمَّل مباشرة في متصفحك.
- 2
أضف ملفك أو نصك أو القيم، واضبط الإعدادات.
- 3
انسخ النتيجة أو نزّلها. لا يُرفع أي شيء ولا يُخزَّن.
عن هذه الأداة
الأشكال العضوية الناعمة (Blob) طريقة شائعة لإضافة اللون والحركة إلى صفحات الهبوط والأقسام الرئيسية وشاشات التطبيقات وتصاميم التواصل الاجتماعي دون صور. ينشئ مولد الأشكال هذا شكلا عشوائيا جديدا بنقرة واحدة، ويتيح لك تشكيله وتلوينه وتصديره للكود أو لأدوات التصميم.
طريقة إنشاء شكل
- انقر New blob حتى يعجبك الشكل.
- اضبط التعقيد (عدد المنحنيات) والعشوائية (مدى عدم انتظامه).
- اختر التعبئة: مصمتة أو متدرجة أو حدود فقط، وحدد الألوان.
- انسخ SVG أو CSS، أو نزّل ملف SVG أو PNG.
أفكار للاستخدام
- خلفيات القسم الرئيسي: شكل كبير بتدرج ناعم خلف العنوان.
- إطارات الصور: استخدم الشكل كقناع لتأخذ الصورة شكله.
- الأيقونات والشارات: أشكال صغيرة خلف الأيقونات لمظهر ودود.
- فواصل الأقسام والأشكال الزخرفية في العروض والمنشورات.
نصائح
- أبقِ التعقيد منخفضا لأشكال هادئة وناعمة، وارفعه لأشكال متموجة ومرحة.
- استخدم SVG في المواقع: حجمه صغير وحاد بأي مقاس ويسهل تغيير لونه عبر CSS.
- خفّض الشفافية وضع شكلين أو ثلاثة فوق بعضها لإضافة عمق.
- حرّك شكل SVG بلطف باستخدام تحويلات CSS لخلفية نابضة بالحياة.
اجمع الأشكال مع تدرجات من مولد تدرجات CSS، أو أضف خلفيات متكررة باستخدام مولد الأنماط.
الأسئلة الشائعة
كيف أحصل على شكل جديد؟
انقر New blob. كل نقرة تنشئ شكلا عشوائيا مختلفا يمكنك تعديله بعد ذلك.
هل يمكنني استخدام الأشكال تجاريا؟
نعم. الأشكال التي تنشئها ملك لك لاستخدامها في المواقع والتطبيقات والتصاميم.
ما الصيغ التي يمكنني التصدير إليها؟
انسخ كود SVG أو CSS، أو نزّل الشكل كملف SVG أو PNG.
هل يمكن أن يكون الشكل متدرج اللون؟
نعم. اختر التعبئة المتدرجة وألوانها، أو اختر الحدود فقط لشكل من خط واحد.
كيف أستخدم الشكل كقناع لصورة؟
استخدم مسار SVG كعنصر clipPath في SVG، أو ناتج CSS كخاصية clip-path، لتأخذ الصورة شكله.
هل هو مجاني؟
نعم، دون تسجيل ودون علامة مائية.